:root{--green:#665b86;--lime:#f2e4f1;--paper:#fbf7fc;--ink:#51445f;--muted:#8b7d95}body{background:radial-gradient(ellipse at top right,#fce5e8 0,transparent 38%),var(--paper)}aside{background:#fffaff;border-color:#eedff0;padding-top:22px}aside small{color:#a690b5}nav{margin-top:24px;gap:3px}nav a{padding:11px 13px}.brand>span:first-child{background:#bc9ed1}.brand .dot{color:#e5a3ad}.aside-note{margin-top:18px;background:#fbe8ee;padding:14px}.han{font-size:45px;color:#c895bb}#profile{margin-top:10px}.hero{background:linear-gradient(120deg,#e8ddf8,#f8e5ec);color:var(--ink);border:1px solid #e6d6ed}.hero p{color:#887591}.hero .eyebrow{color:#9474aa!important}.hero .primary{background:#665b86;color:white}.art strong{color:#b389bc}.stat,.card,.flash{border-color:#ecdff0;box-shadow:0 5px 25px #af8dbb08}.icon{background:#e7f1eb}.bar{background:#f0e7f4}.bar i{background:#c5a2d5}.correct{background:#e4f3e9!important}.wrong{background:#ffe8ee!important}.feedback{background:#f2ebf8}.primary:hover{background:#8770a0}.level-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.level-tabs button.selected{background:#c8afd9;color:#463350;border-color:#c8afd9}.chip{font-size:11px;background:#f4e8f4;padding:6px 10px;border-radius:20px;display:inline-block}.search-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.search-row label{flex:1;min-width:180px;margin:0}.search-row button{margin-bottom:0}.toolbar{background:#fff;border:1px solid #eadcee;border-radius:18px;padding:20px;display:flex;gap:20px;flex-wrap:wrap;align-items:end}.toolbar label{margin:0;flex:1;min-width:150px}.toolbar select{max-width:none}.unit-summary{padding:12px;border-radius:12px;background:#fff5e3;font-size:12px;line-height:1.6}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.word-entry{padding:18px 0;border-bottom:1px solid #efe6f2}.word-entry .cn{font-size:27px}.word-entry p{font-size:14px;margin:7px 0}.sentence{font-size:26px;text-align:center;line-height:1.7;margin:25px 0}.flower-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.flower{border:1px solid #e9d8ef;background:#fff;border-radius:25px;text-align:center;padding:25px}.flower-symbol{font-size:70px}.flower.locked .flower-symbol{opacity:.4}.petal-note{background:#f9e8ef;border-radius:15px;padding:20px}.token-tray{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:70px;margin:20px 0;padding:12px;background:#f5edf9;border-radius:14px}.token-tray button{font-size:22px;padding:10px 14px}textarea{width:100%;min-height:100px;resize:vertical;font:inherit;padding:15px;border:1px solid #dccaeb;border-radius:15px;color:var(--ink);background:#fff}.quiz-input{font-size:25px;text-align:center}.canvas-wrap{position:relative;width:300px;height:300px;margin:auto;border:2px solid #dcc6e7;border-radius:16px;overflow:hidden;background:white}.canvas-wrap .ghost{position:absolute;inset:0;display:grid;place-items:center;font-size:220px;line-height:1;opacity:.13;pointer-events:none;color:#8d66a8}.canvas-wrap canvas{position:relative;width:300px;height:300px;touch-action:none;background:linear-gradient(90deg,transparent 49.5%,#e8dcec 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#e8dcec 50%,transparent 50.5%)}.audio-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.tutor-answer{padding:20px;background:#f6eef9;border-radius:16px;margin:20px 0}button:disabled{cursor:default;opacity:.6}a.button{display:inline-block;background:var(--green);color:white;border-radius:12px;padding:12px 18px}.pagination{display:flex;gap:15px;align-items:center;justify-content:center;margin:25px 0}.notice{border-left:4px solid #c7a7d7;padding:14px 18px;background:#f3eaf8;font-size:13px;line-height:1.7}.success-banner{padding:25px;background:#ffe8ef;border:1px solid #f2d2dd;border-radius:22px;margin:20px 0;text-align:center}.success-banner strong{font-size:27px}dialog{border:1px solid #e9d2ee}.stats{margin:20px 0}.card h3{line-height:1.5}header{background:#ffffff88}.inline-code{font-size:20px;color:#9068a3}footer a{text-decoration:underline}.difficulty-note{font-size:12px;color:#8e789d}input[type=file]{font-size:12px}.recording{background:#ffd5e3;color:#823b55}.source-list a{text-decoration:underline}.source-list{line-height:2}.source-list li{margin:8px 0}[hidden]{display:none!important}@media(max-height:820px) and (min-width:801px){aside{overflow:auto}.aside-note{display:none}}@media(max-width:800px){.flower-grid{grid-template-columns:repeat(2,1fr)}.toolbar{gap:12px;padding:16px}.hero{padding:24px}.canvas-wrap{width:280px;height:280px}.canvas-wrap canvas{width:280px;height:280px}.canvas-wrap .ghost{font-size:200px}nav{gap:4px}aside{padding:16px}.sentence{font-size:23px}.search-row button{width:100%}}

#mobile-nav{display:none}@media(max-width:800px){nav{display:none}#mobile-nav{display:block;width:100%;max-width:none;margin:14px 0 0;color:#65537b;border-color:#dfc8eb}aside{border-bottom:1px solid #efdfef}}