:root{--brand-50: #f1eefe;--brand-100: #e4defe;--brand-200: #c9bdfc;--brand-300: #ac97f8;--brand-400: #8f73f0;--brand-500: #6c5ce7;--brand-600: #5a45d6;--brand-700: #4a37b3;--accent: #00b4d8;--accent-soft: #caf0f8;--gold: #ffd166;--success: #2ecc71;--success-soft: #e7f9ef;--warning: #f39c12;--warning-soft: #fef5e7;--danger: #e74c3c;--danger-soft: #fdecea;--info: #3498db;--ink-900: #1e2433;--ink-700: #3d465c;--ink-500: #6b7590;--ink-400: #98a0b8;--ink-300: #cdd3e1;--ink-200: #e4e8f1;--ink-100: #f2f4f9;--ink-50: #f8f9fd;--white: #ffffff;--lang: #6c5ce7;--lang-soft: #f1eefe;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(30, 36, 51, .06);--shadow: 0 8px 28px rgba(30, 36, 51, .1);--shadow-lg: 0 18px 48px rgba(30, 36, 51, .16);--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;--font-serif: Georgia, "Songti SC", "SimSun", serif;--sidebar-w: 248px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink-900);background:var(--ink-50);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4{line-height:1.3;font-weight:800}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:1rem}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}::selection{background:var(--brand-200)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--ink-300);border-radius:99px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--ink-400);background-clip:content-box}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,#23204a,#322b6b);color:#ffffffd9;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:100;transition:transform .28s ease}.sidebar__brand{display:flex;align-items:center;gap:12px;padding:22px 20px 18px;font-weight:800;font-size:1.12rem;color:#fff}.sidebar__brand img{width:38px;height:38px;border-radius:10px}.sidebar__brand small{display:block;font-size:.68rem;font-weight:500;color:#ffffff8c;letter-spacing:1.5px}.sidebar__lang{margin:4px 14px 14px;padding:12px;background:#ffffff14;border-radius:var(--radius);display:flex;align-items:center;gap:10px}.sidebar__lang .flag{font-size:1.5rem}.sidebar__lang b{color:#fff;font-size:.92rem;display:block}.sidebar__lang span{font-size:.75rem;color:#ffffff8c}.sidebar__switch{margin-left:auto;color:#fff9;font-size:.78rem}.sidebar__lang:hover .sidebar__switch{color:#fff}.sidebar__nav{flex:1;padding:6px 12px;overflow-y:auto}.sidebar__label{font-size:.7rem;letter-spacing:2px;color:#fff6;padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border-radius:12px;color:#ffffffbf;font-size:.93rem;font-weight:600;transition:all .18s;margin-bottom:2px;text-align:left}.nav-item .ico{font-size:1.12rem;width:22px;text-align:center}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:linear-gradient(90deg,var(--brand-500),var(--accent));color:#fff;box-shadow:0 6px 18px #6c5ce773}.nav-item .badge{margin-left:auto;background:var(--danger);color:#fff;font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:99px;display:grid;place-items:center;padding:0 6px}.sidebar__footer{padding:14px 20px 20px;font-size:.74rem;color:#fff6;border-top:1px solid rgba(255,255,255,.08)}.main{flex:1;margin-left:var(--sidebar-w);min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;background:#f8f9fdd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ink-200);padding:12px 28px;display:flex;align-items:center;gap:14px}.topbar h1{font-size:1.15rem}.topbar__sub{font-size:.8rem;color:var(--ink-500)}.topbar__right{margin-left:auto;display:flex;align-items:center;gap:10px}.hamburger{display:none;font-size:1.4rem;color:var(--ink-700);padding:4px 8px}.sidebar-overlay{display:none}.page{padding:28px;max-width:1200px;width:100%;margin:0 auto;animation:fadeUp .35s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--ink-200);padding:22px}.card--hover{transition:transform .2s,box-shadow .2s}.card--hover:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--radius-pill);font-weight:700;font-size:.95rem;background:var(--ink-100);color:var(--ink-700);transition:all .18s;border:1px solid transparent;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:linear-gradient(90deg,var(--brand-500),var(--accent));color:#fff;box-shadow:0 8px 20px #6c5ce759}.btn--lang{background:linear-gradient(90deg,var(--lang),var(--accent));color:#fff;box-shadow:0 8px 20px #00000026}.btn--ghost{background:transparent;border-color:var(--ink-300)}.btn--success{background:var(--success);color:#fff}.btn--danger{background:var(--danger);color:#fff}.btn--sm{padding:7px 14px;font-size:.84rem}.btn--lg{padding:14px 32px;font-size:1.05rem}.btn--block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;background:var(--ink-100);color:var(--ink-500)}.chip--a1{background:var(--success-soft);color:#1e8e4d}.chip--a2{background:var(--brand-50);color:var(--brand-600)}.chip--lang{background:var(--lang-soft);color:var(--lang)}.speak-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lang-soft);color:var(--lang);font-size:1.05rem;transition:all .18s;flex:none}.speak-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000001f}.speak-btn.speaking{background:var(--lang);color:#fff;animation:pulse 1s infinite}.speak-btn--sm{width:30px;height:30px;font-size:.85rem}@keyframes pulse{0%,to{box-shadow:0 0 #6c5ce766}50%{box-shadow:0 0 0 8px #6c5ce700}}.stepper{display:inline-flex;align-items:center;gap:4px;background:var(--ink-100);border-radius:var(--radius-pill);padding:3px}.stepper button{width:30px;height:26px;border-radius:var(--radius-pill);font-weight:700;color:var(--ink-500)}.stepper button.on{background:#fff;color:var(--brand-600);box-shadow:var(--shadow-sm)}.stepper span{font-size:.78rem;color:var(--ink-500);padding:0 4px;min-width:44px;text-align:center}.voice-box{display:flex;flex-direction:column;gap:5px;align-items:flex-end}.voice-box__row{display:flex;gap:6px;align-items:center}.voice-select{padding:7px 10px;border-radius:var(--radius-pill);border:1.5px solid var(--ink-300);font-size:.8rem;background:#fff;max-width:230px}.voice-refresh{width:32px;height:32px;flex:none;border-radius:50%;border:1.5px solid var(--ink-300);background:#fff;font-size:.9rem;cursor:pointer;line-height:1}.voice-refresh:hover:not(:disabled){border-color:var(--lang, var(--brand-600));color:var(--lang, var(--brand-600))}.voice-refresh:disabled{opacity:.6;cursor:wait}.voice-badge{padding:7px 12px;border-radius:var(--radius-pill);border:1.5px dashed var(--warning);background:var(--warning-soft);color:#8a5a00;font-size:.78rem;white-space:nowrap}.voice-hint{font-size:.7rem;color:#ffffffbf;max-width:240px;text-align:right;line-height:1.45}.voice-hint--warn{color:#ffdca8}.zh-hover{position:relative;border-bottom:2px dotted var(--brand-300);cursor:help}.zh-hover .zh-tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px);background:var(--ink-900);color:#fff;padding:6px 12px;border-radius:8px;font-size:.84rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .18s;z-index:30}.zh-hover .zh-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--ink-900)}.zh-hover:hover .zh-tip,.zh-tip.show{opacity:1;transform:translate(-50%) translateY(0)}.progress{height:10px;background:var(--ink-200);border-radius:99px;overflow:hidden}.progress__bar{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand-500),var(--accent));transition:width .5s ease}.progress__bar--lang{background:linear-gradient(90deg,var(--lang),var(--accent))}.progress__bar--success{background:var(--success)}.progress__bar--warning{background:var(--warning)}.progress__bar--danger{background:var(--danger)}.stat{display:flex;flex-direction:column;gap:4px}.stat .num{font-size:1.7rem;font-weight:800}.stat .lbl{font-size:.8rem;color:var(--ink-500)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:.86rem;font-weight:700;color:var(--ink-700)}.field select,.field input[type=text],.field input[type=number],.field textarea{padding:11px 14px;border:1.5px solid var(--ink-300);border-radius:var(--radius-sm);background:#fff;color:var(--ink-900);outline:none;transition:border .18s}.field select:focus,.field input:focus,.field textarea:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-50)}.switch{position:relative;display:inline-block;width:46px;height:26px}.switch input{opacity:0;width:0;height:0}.switch i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink-300);border-radius:99px;transition:.2s;cursor:pointer}.switch i:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:var(--shadow-sm)}.switch input:checked+i{background:var(--brand-500)}.switch input:checked+i:before{transform:translate(20px)}.tabs{display:flex;gap:6px;background:var(--ink-100);padding:5px;border-radius:var(--radius-pill);width:fit-content;flex-wrap:wrap}.tabs button{padding:8px 18px;border-radius:var(--radius-pill);font-size:.88rem;font-weight:700;color:var(--ink-500)}.tabs button.active{background:#fff;color:var(--brand-600);box-shadow:var(--shadow-sm)}.breadcrumb{font-size:.85rem;color:var(--ink-500);margin-bottom:16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.breadcrumb a:hover{color:var(--brand-600)}.section-title{font-size:1.15rem;margin:26px 0 14px;display:flex;align-items:center;gap:10px}.section-title .emoji{font-size:1.3rem}.muted{color:var(--ink-500)}.small{font-size:.84rem}.center{text-align:center}.gap{gap:14px}.flex{display:flex;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.empty{text-align:center;padding:60px 20px;color:var(--ink-500)}.empty .emoji{font-size:3rem;display:block;margin-bottom:12px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--ink-900);color:#fff;padding:12px 24px;border-radius:var(--radius-pill);font-size:.9rem;font-weight:600;box-shadow:var(--shadow);z-index:1000;animation:toastIn .3s}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1416268c;display:grid;place-items:center;z-index:500;padding:20px;animation:fadeUp .2s}.modal{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-lg);padding:28px;animation:pop .25s ease}@keyframes pop{0%{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}.modal h2{margin-bottom:6px}.hero{background:linear-gradient(125deg,#2b2470,#4a37b3 45%,#0096c7);border-radius:var(--radius-lg);color:#fff;padding:44px;position:relative;overflow:hidden;margin-bottom:26px}.hero:after{content:"Aa  あ  가  ß  ç  ñ";position:absolute;right:-10px;bottom:-20px;font-size:5rem;font-weight:800;color:#ffffff14;letter-spacing:8px;white-space:nowrap}.hero h1{font-size:2rem;margin-bottom:10px}.hero p{color:#ffffffd9;max-width:560px;margin-bottom:22px}.hero .btn{margin-right:10px}.hero .btn--ghost{border-color:#fff6;color:#fff;background:#ffffff1f}.lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.lang-card{border-radius:var(--radius);padding:22px 18px;color:#fff;position:relative;overflow:hidden;min-height:150px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;cursor:pointer}.lang-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.lang-card .flag{font-size:2.4rem}.lang-card b{font-size:1.18rem;margin-top:8px}.lang-card span{font-size:.82rem;opacity:.85}.lang-card .mini-progress{position:absolute;left:0;right:0;bottom:0;height:5px;background:#ffffff40}.lang-card .mini-progress i{display:block;height:100%;background:#fff}.lang-card .check{position:absolute;top:14px;right:14px;background:#ffffff40;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.8rem}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.dash-grid .card .num{background:linear-gradient(90deg,var(--brand-500),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.scene-card{display:flex;flex-direction:column;gap:8px;cursor:pointer}.scene-card .emoji{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.6rem;background:var(--lang-soft)}.scene-card h3{font-size:1.02rem}.scene-card .meta{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px}.scene-card .lock{margin-left:auto;color:var(--ink-400)}.learn-hero{border-radius:var(--radius-lg);padding:30px 32px;color:#fff;margin-bottom:22px;background:linear-gradient(120deg,var(--lang),#16697a);display:flex;align-items:center;gap:22px}.learn-hero .emoji{font-size:3rem;background:#fff3;width:72px;height:72px;border-radius:20px;display:grid;place-items:center}.learn-hero .progress{background:#ffffff40;margin-top:10px}.learn-hero .progress__bar{background:#fff}.vocab-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.vocab-item{display:flex;align-items:flex-start;gap:13px;padding:16px}.vocab-item__body{flex:1;min-width:0}.vocab-item__word{font-size:1.12rem;font-weight:800;color:var(--ink-900)}.vocab-item__ipa{color:var(--ink-400);font-size:.82rem;margin-left:6px;font-family:var(--font-serif)}.vocab-item__cnpron{color:var(--accent);font-size:.82rem;margin-left:4px;font-weight:600;opacity:.85}.vocab-item__pos{font-size:.72rem;background:var(--lang-soft);color:var(--lang);padding:1px 8px;border-radius:99px;margin-left:6px;font-weight:700}.vocab-item__zh{color:var(--ink-700);font-size:.92rem;margin-top:2px}.vocab-item__ex{font-size:.85rem;color:var(--ink-500);margin-top:6px;padding-top:6px;border-top:1px dashed var(--ink-200)}.vocab-item__ex .zh{display:block;color:var(--ink-400);font-size:.8rem}.phrase-row{display:flex;align-items:center;gap:14px;padding:15px 18px;border-radius:var(--radius);background:#fff;border:1px solid var(--ink-200);margin-bottom:10px}.phrase-row .text{font-weight:700;font-size:1.02rem;flex:1}.phrase-row .zh{color:var(--ink-500);font-size:.88rem}.dialogue-context{background:var(--lang-soft);border-radius:var(--radius);padding:14px 18px;margin-bottom:18px;font-size:.9rem;color:var(--ink-700)}.bubble-row{display:flex;margin-bottom:14px;gap:12px;align-items:flex-end}.bubble-row.me{flex-direction:row-reverse}.bubble-avatar{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:1.2rem;background:var(--ink-100)}.bubble-row.me .bubble-avatar{background:var(--lang-soft)}.bubble{max-width:75%;background:#fff;border:1px solid var(--ink-200);border-radius:18px;padding:12px 16px;box-shadow:var(--shadow-sm)}.bubble-row.me .bubble{background:var(--lang-soft);border-color:transparent}.bubble .who{font-size:.72rem;color:var(--ink-500);font-weight:700;margin-bottom:3px}.bubble .txt{font-weight:600}.bubble .zh{font-size:.82rem;color:var(--ink-500);margin-top:3px}.bubble .tools{display:flex;gap:6px;margin-top:8px}.bubble .note{margin-top:8px;font-size:.78rem;background:var(--gold);color:#6b4e00;padding:6px 10px;border-radius:8px}.parallel .line{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:14px 4px;border-bottom:1px solid var(--ink-200);align-items:center}.parallel .line .foreign{font-weight:700;font-size:1.05rem;display:flex;align-items:center;gap:10px}.parallel .line .zh{color:var(--ink-500)}.parallel .line.head{font-size:.78rem;letter-spacing:2px;color:var(--ink-400);font-weight:700}.culture-box{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#fff8e6,#fff3d6);border:1px solid #ffe29a;border-radius:var(--radius);padding:18px 20px}.culture-box .emoji{font-size:1.6rem}.flashcard-stage{perspective:1200px;max-width:560px;margin:0 auto}.flashcard{position:relative;min-height:340px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.1,.2,1);cursor:pointer}.flashcard.flipped{transform:rotateX(180deg)}.flashcard__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow);border:1px solid var(--ink-200);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px;text-align:center;gap:14px}.flashcard__face--back{transform:rotateX(180deg);background:linear-gradient(160deg,#fff,var(--brand-50))}.flashcard .big-word{font-size:2rem;font-weight:800}.flashcard .ipa{font-family:var(--font-serif);color:var(--ink-400)}.flashcard .hint{color:var(--ink-400);font-size:.84rem}.rating-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:560px;margin:20px auto 0}.rating-btn{padding:14px 8px;border-radius:var(--radius);font-weight:700;font-size:.85rem;background:#fff;border:1.5px solid var(--ink-200);transition:all .15s}.rating-btn small{display:block;font-weight:500;color:var(--ink-500);font-size:.72rem;margin-top:2px}.rating-btn:active{transform:scale(.96)}.rating-btn[data-q="0"]{border-color:var(--danger);color:var(--danger)}.rating-btn[data-q="2"]{border-color:var(--warning);color:var(--warning)}.rating-btn[data-q="4"]{border-color:#3498db;color:#3498db}.rating-btn[data-q="5"]{border-color:var(--success);color:var(--success)}.quiz-option{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:15px 18px;border-radius:var(--radius);background:#fff;border:2px solid var(--ink-200);font-size:.98rem;font-weight:600;margin-bottom:10px;transition:all .15s}.quiz-option:hover:not(:disabled){border-color:var(--lang);background:var(--lang-soft)}.quiz-option.correct{border-color:var(--success);background:var(--success-soft);color:#1e8e4d}.quiz-option.wrong{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.quiz-option .key{width:28px;height:28px;border-radius:8px;background:var(--ink-100);display:grid;place-items:center;font-size:.82rem;flex:none}.quiz-option.correct .key{background:var(--success);color:#fff}.quiz-option.wrong .key{background:var(--danger);color:#fff}.match-board{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;max-width:720px;margin:0 auto}.match-col{display:flex;flex-direction:column;gap:10px}.match-tile{padding:14px 16px;border-radius:var(--radius-sm);background:#fff;border:2px solid var(--ink-200);font-weight:700;text-align:center;transition:all .15s}.match-tile:hover{border-color:var(--lang)}.match-tile.selected{border-color:var(--lang);background:var(--lang-soft)}.match-tile.matched{border-color:var(--success);background:var(--success-soft);color:#1e8e4d;opacity:.65;pointer-events:none}.match-tile.error{animation:shake .4s;border-color:var(--danger)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.reorder-bank{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:18px;background:var(--ink-100);border-radius:var(--radius);min-height:72px}.reorder-slot{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:18px;min-height:72px;border:2px dashed var(--ink-300);border-radius:var(--radius);margin-bottom:14px;align-items:center}.word-tile{padding:9px 16px;border-radius:var(--radius-sm);background:#fff;border:1.5px solid var(--ink-300);font-weight:700;box-shadow:var(--shadow-sm);transition:all .15s}.word-tile:hover{border-color:var(--lang);transform:translateY(-2px)}.word-tile.used{visibility:hidden}.reorder-slot .word-tile{background:var(--lang-soft);border-color:var(--lang)}.fillblank{font-size:1.3rem;font-weight:700;text-align:center;margin:22px 0;line-height:2.2}.fillblank select,.fillblank input{font-size:1.05rem;font-weight:700;padding:4px 12px;margin:0 4px;border:none;border-bottom:3px solid var(--lang);background:var(--lang-soft);border-radius:8px 8px 0 0;outline:none;color:var(--lang)}.fillblank input{width:130px;text-align:center}.exercise-shell{max-width:760px;margin:0 auto}.exercise-top{display:flex;align-items:center;gap:14px;margin-bottom:22px}.exercise-top .progress{flex:1}.question-card{min-height:320px;display:flex;flex-direction:column}.question-type{font-size:.78rem;letter-spacing:1.5px;font-weight:800;color:var(--lang);text-transform:uppercase}.question-prompt{font-size:1.15rem;font-weight:700;margin:10px 0 18px}.feedback-banner{border-radius:var(--radius);padding:14px 18px;margin-top:16px;font-weight:600;display:flex;gap:10px;align-items:center}.feedback-banner.ok{background:var(--success-soft);color:#1e8e4d}.feedback-banner.no{background:var(--danger-soft);color:var(--danger)}.score-ring{--p: 0;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--success) calc(var(p) * 1%),var(--ink-200) 0);display:grid;place-items:center;margin:0 auto 18px}.score-ring>div{width:116px;height:116px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:1.7rem;font-weight:800}.mic-btn{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--lang),var(--accent));color:#fff;font-size:2rem;display:grid;place-items:center;margin:10px auto;box-shadow:0 10px 30px #0003;transition:transform .15s}.mic-btn:hover{transform:scale(1.05)}.mic-btn.listening{animation:micPulse 1.2s infinite}@keyframes micPulse{0%,to{box-shadow:0 0 #e74c3c73}50%{box-shadow:0 0 0 18px #e74c3c00}}.pron-score-bar{height:12px;border-radius:99px;background:var(--ink-200);overflow:hidden;margin:8px 0}.pron-score-bar i{display:block;height:100%;border-radius:99px;transition:width .5s}.plan-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.plan-day{aspect-ratio:1;border-radius:12px;border:1.5px solid var(--ink-200);background:#fff;padding:8px;display:flex;flex-direction:column;font-size:.78rem;position:relative}.plan-day .dow{color:var(--ink-400);font-size:.68rem}.plan-day .date{font-weight:800;font-size:.95rem}.plan-day.done{background:var(--success-soft);border-color:var(--success)}.plan-day.today{border-color:var(--lang);box-shadow:0 0 0 3px var(--lang-soft)}.plan-day .dots{margin-top:auto;display:flex;gap:3px;flex-wrap:wrap}.plan-day .dots i{width:7px;height:7px;border-radius:50%;background:var(--ink-300)}.plan-day .dots i.on{background:var(--success)}.plan-day .dots i.rev{background:var(--brand-400)}.task-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--ink-200)}.task-item:last-child{border-bottom:none}.task-item .tick{width:26px;height:26px;border-radius:8px;flex:none;border:2px solid var(--ink-300);display:grid;place-items:center;color:#fff;font-size:.8rem}.task-item.done .tick{background:var(--success);border-color:var(--success)}.task-item.done .t-title{text-decoration:line-through;color:var(--ink-400)}.task-item .t-title{font-weight:700}.task-item .t-sub{font-size:.8rem;color:var(--ink-500)}.task-item>.btn{margin-left:auto}.wrong-item{border-left:4px solid var(--danger)}.bubble-a,.bubble-b{border-radius:16px;padding:12px 16px;margin-bottom:10px;border:1px solid var(--ink-200);background:#fff;box-shadow:var(--shadow-sm);font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:92%}.bubble-a{margin-right:auto}.bubble-b{margin-left:auto;background:var(--lang-soft);border-color:transparent;justify-content:flex-end}.bubble-a>div,.bubble-b>div{flex-basis:100%}.speak-btn--lg{width:72px;height:72px;font-size:1.8rem;border-radius:50%}.plan-calendar__wd{font-size:.74rem;font-weight:700;color:var(--ink-400);text-align:center;padding-bottom:2px}.plan-calendar__cell{aspect-ratio:1;border-radius:12px;border:1.5px dashed var(--ink-200);background:transparent;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:default;font:inherit;color:var(--ink-400)}.plan-calendar__cell.is-active-day{background:var(--lang-soft);border:1.5px solid var(--lang);color:var(--ink-800);cursor:pointer}.plan-calendar__cell .num{font-weight:800;font-size:.92rem}.plan-calendar__cell .mark{font-size:.68rem;font-weight:700;color:var(--lang)}.plan-calendar__cell.is-today{box-shadow:0 0 0 2px var(--brand-400)}.plan-calendar__cell.is-selected{outline:2px solid var(--lang);outline-offset:1px}.task-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.task-check input[type=checkbox]{width:20px;height:20px;accent-color:var(--brand-500);flex:none;cursor:pointer}@media (max-width: 1080px){.dash-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media (max-width: 860px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:none;box-shadow:var(--shadow-lg)}.main{margin-left:0}.hamburger{display:block}.sidebar-overlay.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#14162680;z-index:90}.page{padding:18px 16px 40px}.topbar{padding:10px 16px}.hero{padding:30px 22px}.hero h1{font-size:1.5rem}.hero:after{font-size:3rem}.learn-hero{padding:22px;gap:14px}.rating-row{grid-template-columns:repeat(2,1fr)}.match-board{grid-template-columns:1fr}.parallel .line{grid-template-columns:1fr;gap:4px}.parallel .line.head{display:none}.plan-calendar{gap:4px}.plan-day{padding:4px;font-size:.68rem;border-radius:8px}.plan-calendar__cell{border-radius:8px;padding:2px}.plan-calendar__cell .mark{font-size:.6rem}.bubble{max-width:85%}.bubble-a,.bubble-b{max-width:100%}.modal{padding:20px}}@media (max-width: 520px){.dash-grid{grid-template-columns:1fr 1fr;gap:10px}.vocab-list{grid-template-columns:1fr}.lang-grid{grid-template-columns:repeat(2,1fr)}.hero .btn{width:100%;margin-bottom:8px}.fillblank{font-size:1.05rem}.stepper,.task-row{flex-wrap:wrap}.task-row .btn{margin-left:auto}.speak-btn--lg{width:60px;height:60px;font-size:1.5rem}}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:22px}.info-card{padding:16px 18px;border-left:3px solid var(--lang, #6c5ce7)}.info-card .emoji{font-size:1.5rem;display:block;margin-bottom:6px}.info-card b{display:block;margin-bottom:6px;color:var(--ink-900);font-size:.95rem}.info-card p{margin:0;font-size:.84rem;line-height:1.75;color:var(--ink-500)}.steps-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:22px}.step-card{position:relative;padding:18px 18px 16px}.step-card b{display:block;margin:8px 0 6px;color:var(--ink-900);font-size:.95rem}.step-card p{margin:0;font-size:.84rem;line-height:1.75;color:var(--ink-500)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--lang, #6c5ce7);color:#fff;font-weight:700;font-size:.9rem}.faq-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.faq-card{padding:16px 18px}.faq-card b{display:block;margin-bottom:6px;color:var(--ink-900);font-size:.92rem}.faq-card b:before{content:"Q · ";color:var(--lang, #6c5ce7);font-weight:800}.faq-card p{margin:0;font-size:.86rem;line-height:1.8;color:var(--ink-700)}@media (max-width: 520px){.info-grid,.steps-row{grid-template-columns:1fr}}