:root{--green: #58cc02;--green-dark: #46a302;--green-light: #d7ffb8;--blue: #1cb0f6;--blue-dark: #1899d6;--red: #ff4b4b;--red-dark: #ea2b2b;--gold: #ffc800;--purple: #ce82ff;--ink: #3c3c3c;--ink-soft: #777;--line: #e5e5e5;--bg: #ffffff;--bg-soft: #f7f7fb;--card: #ffffff;--tone1: #e0342f;--tone2: #e8a114;--tone3: #2ba52e;--tone4: #2b7de0;--tone0: #9aa0a6;font-size:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-soft);color:var(--ink)}.hanzi{font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,sans-serif}.tone-1{color:var(--tone1)}.tone-2{color:var(--tone2)}.tone-3{color:var(--tone3)}.tone-4{color:var(--tone4)}.tone-0{color:var(--tone0)}.tone-1-bg{background:var(--tone1)}.tone-2-bg{background:var(--tone2)}.tone-3-bg{background:var(--tone3)}.tone-4-bg{background:var(--tone4)}.tone-0-bg{background:var(--tone0)}button{font-family:inherit;cursor:pointer}.page{min-height:100vh;display:flex;flex-direction:column}.btn{border:none;border-radius:14px;font-weight:800;font-size:.95rem;padding:10px 18px;letter-spacing:.4px;transition:transform .05s,filter .15s}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{cursor:default}.btn-primary{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-dark);text-transform:uppercase}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-primary:active:not(:disabled){box-shadow:0 2px 0 var(--green-dark)}.btn-primary:disabled{background:var(--line);color:#afafaf;box-shadow:0 4px #d8d8d8}.btn-danger{background:var(--red);color:#fff;box-shadow:0 4px 0 var(--red-dark);text-transform:uppercase}.btn-ghost{background:transparent;color:var(--ink-soft);border:2px solid var(--line);box-shadow:0 3px 0 var(--line)}.btn-big{font-size:1.05rem;padding:14px 40px;border-radius:16px}.btn-song{background:var(--gold);color:#7a5b00;box-shadow:0 4px #d9aa00;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-weight:800;border-radius:14px;padding:10px 16px;font-size:.95rem}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--line)}.brand{font-size:1.35rem;font-weight:900;color:var(--green);letter-spacing:.5px;display:flex;align-items:center;gap:8px}.brand-panda{font-size:1.5rem}.stats{display:flex;align-items:center;gap:14px}.stat{font-weight:800;font-size:1rem;color:var(--ink)}.stat-streak{color:#ff9600}.stat-xp{color:var(--blue-dark)}.path-main{width:min(560px,94vw);margin:0 auto;padding:24px 0 80px}.song-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#b31217,#e52d27);color:#fff;border-radius:20px;padding:22px 24px;box-shadow:0 6px #8c0e12;margin-bottom:34px}.song-hero h1{margin:2px 0 4px;font-size:2rem;font-family:Noto Sans SC,sans-serif}.song-hero-eyebrow{text-transform:uppercase;font-size:.72rem;letter-spacing:1.5px;opacity:.85;font-weight:800}.song-hero-pinyin{font-size:1rem;font-weight:700;opacity:.9;font-family:Nunito,sans-serif}.song-hero-sub{opacity:.92;font-weight:700;font-size:.95rem}.song-hero-yt{flex:none;width:58px;height:58px;border-radius:50%;background:#fff;color:#e52d27;display:flex;align-items:center;justify-content:center;font-size:1.5rem;text-decoration:none;box-shadow:0 4px #00000040}.word-progress{display:flex;align-items:center;gap:10px;margin-top:12px}.word-progress-bar{flex:1;height:12px;border-radius:8px;background:#ffffff4d;overflow:hidden}.word-progress-fill{height:100%;border-radius:8px;background:var(--gold);transition:width .4s}.word-progress-label{font-weight:800;font-size:.85rem}.review-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border-radius:18px;padding:16px 20px;box-shadow:0 5px #55219f;margin-bottom:26px}.review-card-title{font-weight:900;font-size:1.05rem}.review-card-sub{font-size:.82rem;opacity:.9;font-weight:700;margin-top:2px}.btn-review{background:#fff;color:#6d28d9;box-shadow:0 4px #d8c7f5;text-transform:uppercase;flex:none}.review-done{background:#f3fbe9;border:2px solid #d8f0bd;color:#4a6b28;font-weight:800;border-radius:14px;padding:10px 16px;text-align:center;margin-bottom:26px;font-size:.9rem}.all-done-banner{background:var(--green-light);border:2px solid var(--green);color:#2c6a01;font-weight:800;border-radius:16px;padding:14px 18px;text-align:center;margin-bottom:26px}.unit{margin-bottom:18px}.unit-banner{color:#fff;border-radius:18px;padding:16px 20px;box-shadow:0 5px #0000002e;margin-bottom:26px}.unit-title{font-size:1.15rem;font-weight:900;letter-spacing:.3px}.unit-chinese{font-family:Noto Sans SC,sans-serif;opacity:.9;margin-left:6px}.unit-blurb{font-size:.85rem;opacity:.92;font-weight:700;margin-top:3px}.nodes{display:flex;flex-direction:column;align-items:center;gap:22px;padding:6px 0 26px}.node-row{display:flex;flex-direction:column;align-items:center;gap:6px}.node{position:relative;width:74px;height:74px;border-radius:50%;border:none;background:var(--node-color, var(--line));box-shadow:0 7px #00000038,inset 0 -5px #00000026;color:#fff;font-size:1.7rem;display:flex;align-items:center;justify-content:center;transition:transform .08s}.node:hover:not(:disabled){transform:scale(1.06)}.node:active:not(:disabled){transform:translateY(3px);box-shadow:0 4px #00000038,inset 0 -5px #00000026}.node-locked{background:#e5e5e5;color:#b5b5b5;cursor:default;box-shadow:0 7px #d0d0d0,inset 0 -5px #0000000f}.node-current{animation:pulse-ring 1.8s ease-out infinite}@keyframes pulse-ring{0%{outline:4px solid color-mix(in srgb,var(--node-color) 55%,transparent);outline-offset:3px}70%{outline:4px solid transparent;outline-offset:12px}to{outline:4px solid transparent;outline-offset:12px}}.node-start-tip{position:absolute;top:-34px;left:50%;transform:translate(-50%);background:#fff;color:var(--node-color);border:2px solid var(--line);font-size:.72rem;font-weight:900;letter-spacing:1px;padding:5px 12px;border-radius:10px;animation:bob 1.2s ease-in-out infinite;white-space:nowrap}@keyframes bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.node-label{text-align:center}.node-label-title{font-weight:800;font-size:.85rem;color:var(--ink)}.node-label-locked .node-label-title{color:#b5b5b5}.node-label-done{font-size:.72rem;color:var(--ink-soft);font-weight:700}.path-footer{text-align:center;margin-top:30px}.btn-reset{background:none;border:none;color:silver;font-weight:700;font-size:.8rem;text-decoration:underline}.lesson-page{background:var(--bg)}.lesson-topbar{display:flex;align-items:center;gap:16px;padding:16px 20px;width:min(760px,96vw);margin:0 auto}.lesson-quit{background:none;border:none;font-size:1.3rem;color:#b5b5b5;font-weight:900}.lesson-quit:hover{color:var(--ink-soft)}.lesson-progress{flex:1;height:16px;background:var(--line);border-radius:10px;overflow:hidden}.lesson-progress-fill{height:100%;border-radius:10px;transition:width .35s ease;position:relative}.lesson-progress-fill:after{content:"";position:absolute;top:3px;left:8px;right:8px;height:4px;border-radius:4px;background:#ffffff59}.lesson-hearts{display:flex;gap:2px;font-size:1.05rem}.heart-empty{opacity:.5}.lesson-main{flex:1;width:min(680px,94vw);margin:0 auto;padding:12px 0 24px;display:flex;flex-direction:column;animation:slide-in .25s ease}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.requeue-tag{align-self:flex-start;background:#fff3f3;color:var(--red);border:2px solid #ffd6d6;font-size:.75rem;font-weight:900;letter-spacing:.5px;border-radius:10px;padding:4px 10px;margin-bottom:8px}.exercise-prompt{font-size:1.35rem;font-weight:900;margin:10px 0 18px}.exercise.new-word,.exercise.line-intro{text-align:center;padding-top:12px}.new-word-tag{display:inline-block;background:#e6f7ff;color:var(--blue-dark);font-weight:900;font-size:.75rem;letter-spacing:1.5px;border-radius:10px;padding:6px 14px;margin-bottom:18px}.new-word-hanzi{display:block;margin:0 auto;background:none;border:none;font-size:5.2rem;line-height:1.15;font-weight:700}.new-word-hanzi:hover{transform:scale(1.04)}.new-word-pinyin{font-size:1.5rem;color:var(--ink-soft);font-weight:800;margin-top:6px}.new-word-meaning{font-size:1.25rem;font-weight:800;margin:8px 0 14px}.mnemonic{display:flex;gap:12px;align-items:flex-start;text-align:left;background:#f3fbe9;border:2px solid #d8f0bd;border-radius:16px;padding:14px 16px;margin:22px auto 0;max-width:460px;font-weight:700;color:#4a6b28;font-family:Nunito,Noto Sans SC,sans-serif}.mnemonic-panda{font-size:1.5rem}.line-intro-hanzi{display:block;margin:0 auto;background:none;border:none;font-size:2.6rem;line-height:1.3;font-weight:700}.line-intro-pinyin{font-size:1.15rem;color:var(--ink-soft);font-weight:800;margin-top:6px}.line-intro-english{font-size:1.05rem;font-weight:700;color:var(--ink);margin:8px 0 12px}.gloss-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.gloss-chip{background:var(--card);border:2px solid var(--line);border-radius:14px;padding:8px 12px;display:flex;flex-direction:column;align-items:center;gap:1px;box-shadow:0 3px 0 var(--line)}.gloss-chip:hover{border-color:var(--blue)}.gloss-hanzi{font-size:1.25rem;font-weight:700;font-family:Noto Sans SC,sans-serif}.gloss-pinyin{font-size:.78rem;color:var(--ink-soft);font-weight:800}.gloss-meaning{font-size:.72rem;color:var(--ink-soft);font-weight:700}.speaker-group{display:inline-flex;gap:10px;margin-top:6px}.btn-speaker{background:var(--blue);border:none;color:#fff;width:46px;height:46px;border-radius:14px;font-size:1.2rem;box-shadow:0 4px 0 var(--blue-dark)}.btn-speaker:active{transform:translateY(2px);box-shadow:0 2px 0 var(--blue-dark)}.btn-speaker-slow{background:#8ee000;box-shadow:0 4px #6cb000}.listen-block{display:flex;gap:14px;justify-content:center;margin:10px 0 20px}.listen-inline{margin:0;justify-content:flex-start}.listen-btn{width:74px;height:74px;border-radius:22px;border:none;background:var(--blue);color:#fff;font-size:2rem;box-shadow:0 5px 0 var(--blue-dark)}.listen-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--blue-dark)}.listen-btn-slow{background:#8ee000;box-shadow:0 5px #6cb000;font-size:1.7rem}.choice-big{background:none;border:none;font-size:3.4rem;font-weight:700;margin:4px 0 18px;align-self:flex-start}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.options-lines{grid-template-columns:1fr}.option{position:relative;background:var(--card);border:2px solid var(--line);border-radius:16px;box-shadow:0 4px 0 var(--line);padding:34px 14px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:border-color .12s,background .12s;font-size:1rem}.option:hover:not(:disabled){background:#fafafa}.option-picked{border-color:var(--blue);box-shadow:0 4px 0 var(--blue);background:#eaf7ff!important}.option-right{border-color:var(--green)!important;box-shadow:0 4px 0 var(--green)!important;background:#eaffd8!important}.option-wrong{border-color:var(--red)!important;box-shadow:0 4px 0 var(--red)!important;background:#ffefef!important;animation:shake .35s}.option-num{position:absolute;top:8px;left:10px;font-size:.7rem;font-weight:900;color:#c9c9c9;border:2px solid var(--line);border-radius:6px;padding:1px 6px}.option-hanzi{font-size:1.9rem;font-weight:700;font-family:Noto Sans SC,sans-serif}.option-text{font-weight:800}.option-sub{font-size:.85rem;color:var(--ink-soft);font-weight:700}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.shake{animation:shake .35s}.order-target{display:flex;align-items:center;gap:16px;margin-bottom:14px}.order-english{font-weight:800;font-size:1.05rem;color:var(--ink)}.order-slots{min-height:74px;border-bottom:2px solid var(--line);border-top:2px solid var(--line);padding:12px 4px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:22px}.order-placeholder{color:#c5c5c5;font-weight:700}.order-bank{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tile{background:var(--card);border:2px solid var(--line);border-radius:14px;box-shadow:0 4px 0 var(--line);padding:8px 14px;display:flex;flex-direction:column;align-items:center;font-size:1.35rem;font-weight:700;font-family:Noto Sans SC,sans-serif;transition:transform .08s}.tile:hover:not(:disabled){transform:translateY(-2px)}.tile-pinyin{font-size:.72rem;color:var(--ink-soft);font-weight:800;font-family:Nunito,sans-serif}.tile-used{background:var(--bg-soft);color:transparent;border-color:var(--bg-soft);box-shadow:0 4px 0 var(--bg-soft);cursor:default}.tile-used .hanzi span,.tile-used .tile-pinyin{color:transparent}.tile-placed{background:#eaf7ff;border-color:#bfe6ff;box-shadow:0 4px #bfe6ff}.tile-choice{min-width:92px;position:relative;padding-top:26px}.tile-picked{border-color:var(--blue);box-shadow:0 4px 0 var(--blue);background:#eaf7ff}.tile-right{border-color:var(--green)!important;box-shadow:0 4px 0 var(--green)!important;background:#eaffd8!important}.tile-wrong{border-color:var(--red)!important;box-shadow:0 4px 0 var(--red)!important;background:#ffefef!important}.blank-line{font-size:2rem;font-weight:700;font-family:Noto Sans SC,sans-serif;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;margin:6px 0 8px}.blank-slot{display:inline-block;min-width:84px;border-bottom:3px dashed #bbb;text-align:center;padding:0 6px}.blank-filled{border-bottom-color:var(--blue)}.blank-english{color:var(--ink-soft);font-weight:700;margin-bottom:22px}.options-tiles{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.typein-ex .choice-big{cursor:default}.typein-ex .choice-big:hover{opacity:1}.typein-input{width:100%;max-width:420px;font-family:Nunito,sans-serif;font-size:1.35rem;font-weight:800;color:var(--ink);padding:14px 18px;border:2px solid var(--line);border-radius:16px;background:var(--bg-soft);outline:none;transition:border-color .15s,background .15s}.typein-input:focus{border-color:var(--blue);background:#fff}.typein-locked{opacity:.7}.typein-hint{margin-top:10px;font-size:.85rem;font-weight:700;color:var(--ink-soft)}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-col{display:flex;flex-direction:column;gap:10px}.match-card{background:var(--card);border:2px solid var(--line);border-radius:14px;box-shadow:0 4px 0 var(--line);padding:14px;font-size:1.15rem;font-weight:800;font-family:Noto Sans SC,Nunito,sans-serif;min-height:58px}.match-sel{border-color:var(--blue);box-shadow:0 4px 0 var(--blue);background:#eaf7ff}.match-done{border-color:#d8f0bd;background:#f3fbe9;color:#b7d99a;box-shadow:0 4px #d8f0bd;cursor:default}.match-done .hanzi span{color:#b7d99a}.match-wrong{border-color:var(--red);box-shadow:0 4px 0 var(--red);background:#ffefef;animation:shake .35s}.lesson-footer{border-top:2px solid var(--line);padding:18px 20px calc(18px + env(safe-area-inset-bottom));background:var(--bg)}.lesson-footer>.btn,.lesson-footer .feedback-row,.lesson-footer .footer-hint{width:min(680px,94vw);margin:0 auto;display:flex}.lesson-footer>.btn{display:block;margin-left:auto;margin-right:auto}.footer-correct{background:#d7ffb8;border-top-color:#b8e894}.footer-wrong{background:#ffdfe0;border-top-color:#ffc1c1}.feedback-row{align-items:center;justify-content:space-between;gap:20px}.feedback-title{font-weight:900;font-size:1.15rem}.footer-correct .feedback-title{color:#459c0b}.footer-wrong .feedback-title{color:var(--red-dark)}.feedback-detail{font-weight:700;color:var(--ink);margin-top:2px;font-family:Nunito,Noto Sans SC,sans-serif}.footer-hint{justify-content:center;color:var(--ink-soft);font-weight:800;padding:12px 0}.dead-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:40px 20px}.dead-emoji{font-size:4rem}.dead-screen h2{margin:0;font-size:1.6rem}.dead-screen p{color:var(--ink-soft);font-weight:700;margin:0 0 14px}.complete-page{align-items:center;justify-content:center;background:var(--bg)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.complete-card{text-align:center;padding:40px 24px;animation:pop-in .4s cubic-bezier(.2,1.6,.45,1);z-index:6}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.complete-panda{font-size:4rem;margin-bottom:8px}.complete-card h1{margin:0 0 4px;color:var(--gold);font-size:2.1rem}.complete-lesson{color:var(--ink-soft);font-weight:800;margin-bottom:26px}.complete-stats{display:flex;gap:14px;justify-content:center;margin-bottom:22px}.cstat{border:2px solid var(--line);border-radius:16px;padding:12px 20px;min-width:110px}.cstat-xp{border-color:var(--gold)}.cstat-acc{border-color:var(--green)}.cstat-streak{border-color:#ff9600}.cstat-label{font-size:.7rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft)}.cstat-value{font-size:1.25rem;font-weight:900;margin-top:4px}.perfect-badge{display:block;width:fit-content;margin-left:auto;margin-right:auto;background:#fff6d8;border:2px solid var(--gold);color:#a07800;font-weight:800;border-radius:12px;padding:8px 16px;margin-bottom:22px}.songbook-main{width:min(720px,94vw);margin:0 auto;padding:24px 0 80px}.songbook-head h1{font-family:Noto Sans SC,sans-serif;margin:0 0 4px;font-size:2.2rem}.songbook-head{margin-bottom:14px}.tone-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.78rem;font-weight:800;color:var(--ink-soft);margin-bottom:16px}.tone-legend-item{display:inline-flex;align-items:center;gap:5px}.tone-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.yt-player-card{background:var(--card);border:2px solid var(--line);border-radius:20px;padding:14px;margin-bottom:20px;box-shadow:0 4px 0 var(--line)}.yt-player-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:14px;overflow:hidden;background:#000}.yt-player-wrap>div{position:absolute;top:0;right:0;bottom:0;left:0}.yt-player-wrap iframe{width:100%;height:100%}.yt-player-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#fff;font-weight:700;background:#222}.yt-player-fallback a{color:var(--gold)}.songbook-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:var(--card);border:2px solid var(--line);border-radius:16px;padding:12px 16px;margin-bottom:22px}.toggle{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.9rem;color:var(--ink);cursor:pointer}.toggle input{accent-color:var(--green);width:17px;height:17px}.song-lines{display:flex;flex-direction:column;gap:10px}.song-line{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:2px solid var(--line);border-radius:16px;padding:14px 16px;transition:border-color .2s,background .2s}.song-line-active{border-color:var(--gold);background:#fffbee;box-shadow:0 0 0 3px #ffe9a3}.song-line-btns{display:flex;flex-direction:column;gap:8px}.song-line-hanzi{display:flex;flex-wrap:wrap;gap:2px;font-size:1.6rem;font-weight:700}.song-word{position:relative;background:none;border:none;border-radius:8px;padding:2px 3px;font-size:inherit;font-weight:inherit}.song-word:hover,.song-word:focus-visible{background:#eaf7ff;box-shadow:0 0 0 2px #bfe6ff}.song-word:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:var(--ink);color:#fff;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:800;white-space:nowrap;padding:6px 10px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;z-index:30}.song-word:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--ink);opacity:0;transition:opacity .12s;z-index:30}.song-word:hover:after,.song-word:focus:after{opacity:1;transform:translate(-50%) translateY(0)}.song-word:hover:before,.song-word:focus:before{opacity:1}.song-line-pinyin{color:var(--ink-soft);font-weight:700;margin-top:2px}.song-line-english{color:var(--ink-soft);font-weight:700;font-size:.9rem;margin-top:2px;font-style:italic}.songbook-tip{margin-top:26px;background:#f3fbe9;border:2px solid #d8f0bd;border-radius:16px;padding:14px 18px;font-weight:700;color:#4a6b28}.songbook-tip a{color:#2c6a01}@media (max-width: 560px){.topbar{padding:10px 12px}.brand{font-size:1.05rem;gap:5px}.brand-panda{font-size:1.15rem}.stats{gap:8px}.stat{font-size:.85rem;white-space:nowrap}.btn-song{padding:8px 10px;font-size:.8rem;white-space:nowrap}.node-row{transform:none!important}.options{grid-template-columns:1fr 1fr}.options-lines{grid-template-columns:1fr}.complete-stats{flex-direction:column;align-items:center}.song-hero h1{font-size:1.5rem}.feedback-row{flex-direction:column;align-items:stretch;text-align:center}.nav-cards{grid-template-columns:1fr}}.nav-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px}.nav-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;background:var(--card);border:2px solid var(--line);border-radius:16px;box-shadow:0 4px 0 var(--line);padding:14px 16px;text-align:left;transition:transform .08s}.nav-card:hover:not(:disabled){transform:translateY(-2px)}.nav-card-title{font-weight:900;font-size:1rem}.nav-card-sub{font-size:.78rem;color:var(--ink-soft);font-weight:700}.nav-card-families{border-color:#bfe6ff;box-shadow:0 4px #bfe6ff}.nav-card-exam{border-color:var(--gold);box-shadow:0 4px #e6c76e}.nav-card-locked{border-color:var(--line)!important;box-shadow:0 4px 0 var(--line)!important;opacity:.65;cursor:default}.guess-hint{color:var(--ink-soft);font-weight:700;font-size:.92rem;margin:6px auto 18px;max-width:420px}.guess-options{max-width:560px;margin:0 auto}.guess-result{display:inline-block;font-weight:800;border-radius:12px;padding:7px 14px;margin-bottom:12px;font-size:.95rem}.guess-right{background:#eaffd8;color:#459c0b;border:2px solid #b8e894}.guess-wrong{background:#fff6d8;color:#a07800;border:2px solid #ffe9a3}.gap-listen{align-items:center;margin-bottom:14px;display:flex;gap:12px}.gap-listen-label{font-weight:800;color:var(--ink-soft)}.order-exam-tag{color:#b8860b;font-weight:800}.exam-grade{margin:4px 0 18px}.exam-grade-letter{font-size:3.6rem;font-weight:900;color:var(--gold);text-shadow:0 3px 0 #d9aa00;line-height:1.1}.exam-grade-note{font-weight:800;color:var(--ink-soft)}.vanish-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#f6f0ff;border:2px solid #e3d1ff;border-radius:16px;padding:10px 14px;margin-bottom:18px}.vanish-label{font-weight:900;font-size:.9rem;color:#6d28d9}.vanish-btn{background:#fff;border:2px solid #e3d1ff;border-radius:10px;font-weight:800;font-size:.82rem;padding:5px 12px;color:#6d28d9}.vanish-active{background:#6d28d9;border-color:#6d28d9;color:#fff}.vanish-hint{flex-basis:100%;font-size:.78rem;font-weight:700;color:#8b5cf6}.masked-word{color:#c9bfe0!important;letter-spacing:2px;background:#f6f0ff;border-radius:8px;border:2px dashed #d8c7f5!important;padding:0 6px!important}.masked-word:hover{background:#ede4ff}.song-word-peeked{background:#fff6d8;border-radius:8px}.families-main{width:min(760px,94vw);margin:0 auto;padding:24px 0 80px}.families-intro{font-weight:700;color:var(--ink-soft);margin:0 0 22px}.fam-grid{display:grid;grid-template-columns:1fr;gap:16px}.fam-card{background:var(--card);border:2px solid var(--line);border-top:6px solid var(--fam-color, var(--line));border-radius:16px;padding:16px 18px}.fam-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.fam-radical{font-size:2rem;font-weight:700;color:var(--fam-color);flex:none;min-width:64px}.fam-name{font-weight:900;font-size:1.1rem}.fam-tagline{font-size:.85rem;color:var(--ink-soft);font-weight:700}.fam-members{display:flex;flex-wrap:wrap;gap:10px}.fam-chip{background:var(--bg-soft);border:2px solid var(--line);border-radius:14px;box-shadow:0 3px 0 var(--line);padding:10px 14px;display:flex;flex-direction:column;align-items:center;gap:2px;max-width:190px}.fam-chip:hover{border-color:var(--fam-color)}.fam-chip-hanzi{font-size:1.5rem;font-weight:700}.fam-focus{background:color-mix(in srgb,var(--fam-color) 18%,transparent);border-radius:6px;padding:0 2px;box-shadow:inset 0 -3px 0 var(--fam-color)}.fam-chip-pinyin{font-size:.8rem;font-weight:800;color:var(--ink-soft)}.fam-chip-meaning{font-size:.75rem;font-weight:700;color:var(--ink)}.fam-chip-note{font-size:.68rem;font-weight:700;color:var(--ink-soft);font-family:Nunito,Noto Sans SC,sans-serif}.fam-chip-strength{font-size:.6rem;color:var(--green);letter-spacing:1px}.nav-cards{grid-template-columns:repeat(3,1fr)}.nav-card-words{border-color:#d8f0bd;box-shadow:0 4px #d8f0bd}.feedback-mnemonic{margin-top:6px;font-size:.85rem;font-weight:700;color:var(--ink-soft);font-family:Nunito,Noto Sans SC,sans-serif;max-width:480px}.btn-weak-practice{display:block;margin:8px auto 0;background:none;border:none;color:#459c0b;font-weight:800;font-size:.85rem;cursor:pointer;text-decoration:underline;font-family:inherit}.btn-weak-practice:hover{color:#2c6a01}.words-main{width:min(760px,94vw);margin:0 auto;padding:20px 0 60px}.words-intro{color:var(--ink-soft);font-weight:700;font-size:.92rem;margin:0 0 16px;font-family:Nunito,Noto Sans SC,sans-serif}.words-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.btn-tricky{background:#ff9600;color:#fff;box-shadow:0 4px #c97400}.btn-tricky:hover{filter:brightness(1.05)}.words-list{display:flex;flex-direction:column;gap:8px}.word-row{background:var(--card);border:2px solid var(--line);border-radius:14px;overflow:hidden}.word-row-open{border-color:var(--green)}.word-row-main{display:flex;align-items:center;gap:14px;width:100%;padding:10px 14px;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}.word-row-locked .word-row-main{cursor:default;opacity:.55}.word-strength{font-size:.6rem;color:var(--green);letter-spacing:1px;flex:none;width:52px}.word-hanzi{font-size:1.35rem;font-weight:700;flex:none;min-width:64px}.word-pinyin{font-weight:800;color:var(--ink-soft);font-size:.85rem;flex:none;min-width:90px}.word-meaning{font-weight:700;color:var(--ink);font-size:.85rem;flex:1;font-family:Nunito,Noto Sans SC,sans-serif}.word-tricky{flex:none}.word-detail{padding:4px 14px 12px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:8px}.word-mnemonic{font-size:.85rem;font-weight:700;color:var(--ink-soft);font-family:Nunito,Noto Sans SC,sans-serif;padding-top:8px}.word-home{background:var(--bg-soft);border:2px solid var(--line);border-radius:10px;padding:8px 12px;text-align:left;cursor:pointer;font-size:1rem;font-weight:700;font-family:inherit}.word-home:hover{border-color:var(--gold)}.word-home-english{font-size:.78rem;color:var(--ink-soft);font-family:Nunito,Noto Sans SC,sans-serif}.words-upcoming-title{margin:24px 0 10px;font-size:.95rem;color:var(--ink-soft)}@media (max-width: 560px){.nav-cards{grid-template-columns:1fr}.word-pinyin{min-width:0}.word-row-main{flex-wrap:wrap;gap:8px}}