:root{--paper: #f7f3ec;--paper-raised: #fffdf9;--ink: #23201b;--ink-soft: #5c554b;--ink-faint: #8d857a;--line: #e4ddd0;--cinnabar: #c0392b;--cinnabar-deep: #9c2a1e;--jade: #2a9d8f;--shadow: 0 1px 2px rgba(40, 32, 20, .06), 0 8px 24px rgba(40, 32, 20, .06);--t1: #e63946;--t2: #2a9d8f;--t3: #3a7bd5;--t4: #9b5de5;--t5: #8d857a;--serif: "Songti SC", "STSong", "Noto Serif SC", Georgia, serif;--sans: "Inter", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--hanzi: "Kaiti SC", "STKaiti", "Noto Serif SC", "Songti SC", serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:var(--cinnabar);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:.01em}.muted{color:var(--ink-faint)}.center{display:grid;place-items:center;min-height:100dvh}button,.btn{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);padding:.55rem 1rem;border-radius:10px;transition:.15s}button:hover,.btn:hover{border-color:var(--ink-faint)}button.primary,.btn.primary{background:var(--cinnabar);border-color:var(--cinnabar);color:#fff}button.primary:hover{background:var(--cinnabar-deep);border-color:var(--cinnabar-deep)}button:disabled{opacity:.5;cursor:default}button.btn-sm,.btn.btn-sm{padding:.3rem .7rem;border-radius:8px;font-size:.85rem}input[type=text],input[type=password],input[type=search],textarea,select{font:inherit;padding:.6rem .8rem;border:1px solid var(--line);border-radius:10px;background:var(--paper-raised);color:var(--ink);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--cinnabar);box-shadow:0 0 0 3px #c0392b1f}.app{display:grid;grid-template-columns:232px 1fr;min-height:100dvh}.sidebar{background:var(--paper-raised);border-right:1px solid var(--line);padding:1.4rem 1rem;display:flex;flex-direction:column;gap:.3rem}.brand{font-family:var(--serif);font-size:1.35rem;margin:.2rem .6rem 1.2rem}.brand .zh{color:var(--cinnabar)}.nav a{display:block;padding:.55rem .7rem;border-radius:9px;color:var(--ink-soft);font-weight:500}.nav a:hover{background:var(--paper);text-decoration:none}.nav a.active{background:#c0392b1a;color:var(--cinnabar-deep)}.sidebar .spacer{flex:1}.main{padding:2.2rem clamp(1rem,4vw,3rem);max-width:920px}.page-title{margin:0 0 1.4rem;font-size:1.8rem}.card{background:var(--paper-raised);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:1.2rem 1.3rem}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;gap:.6rem;align-items:center}.pinyin{font-family:var(--sans)}.pinyin .t1{color:var(--t1)}.pinyin .t2{color:var(--t2)}.pinyin .t3{color:var(--t3)}.pinyin .t4{color:var(--t4)}.pinyin .t5{color:var(--t5)}.hanzi{font-family:var(--hanzi)}.login-card{width:min(360px,90vw);text-align:center}.login-card h1{font-size:2rem;margin:0 0 .2rem}.login-card h1 .zh{color:var(--cinnabar)}.login-card p{margin:0 0 1.4rem}.error{color:var(--cinnabar-deep);font-size:.9rem;min-height:1.2em}.tok{cursor:pointer;border-radius:4px;padding:0 1px;border-bottom:1px dashed transparent;transition:background .12s,border-color .12s}.tok:hover{background:#c0392b17;border-bottom-color:var(--cinnabar)}.popover{position:fixed;z-index:60;width:300px;max-width:90vw;box-shadow:0 6px 30px #2820142e}.speak{padding:.15rem .5rem;border-radius:8px;font-size:.85rem;line-height:1.3}.speak.playing{color:var(--cinnabar-deep);border-color:var(--cinnabar)}.turn{padding:.5rem .6rem;margin:0 -.6rem;border-radius:10px;transition:background .15s}.turn.speaking{background:#c0392b14;box-shadow:inset 3px 0 0 var(--cinnabar)}.dict-entry{display:flex;flex-direction:column;gap:.3rem}.dict-entry .head{display:flex;align-items:baseline;gap:.8rem}.dict-entry .word{font-size:1.9rem}.dict-entry .defs{color:var(--ink-soft);margin:0;padding-left:1.1rem}.chip{display:inline-block;padding:.12rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.5;white-space:nowrap;border:1px solid transparent}.chip-new{color:var(--ink-faint);background:var(--paper);border-color:var(--line)}.chip-seen{color:#3a6ea5;background:#3a7bd51f}.chip-practicing{color:#9c6a1e;background:#d8b15a33}.chip-mastered{color:#1f7268;background:#2a9d8f29}