:root{color:#353738;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--ink:#353738;--muted:#949593;--line:#eae9e4;--paper:#fffefa;--bg:#f6f5f1;--purple:#66669e;--purple-dark:#535486;--lavender:#ecebfa;--peach:#f9e8df;--mint:#e4f0e8;--sand:#f2eddf;--accent:#dc9076;--green:#548f79;background:#f6f5f1;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:14px}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.62;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #aaa8d5}.app-shell{min-height:100vh}.sidebar{z-index:10;background:#fcfbf7;border-right:1px solid #ecebe5;flex-direction:column;width:236px;padding:30px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.8px;align-items:center;gap:11px;margin:0 0 44px 7px;font:800 18px Manrope,sans-serif;display:flex}.brand>span:last-child{display:block}.brand small{color:#a2a19a;letter-spacing:.15px;margin-top:3px;font:500 10px Noto Sans SC,sans-serif;display:block}.brand-mark{color:#fbf3e0;background:#68699f;border-radius:12px;place-items:center;width:34px;height:34px;font:700 20px Georgia,serif;display:grid}.side-label{letter-spacing:1.6px;color:#aaa9a1;margin-bottom:12px;padding:0 13px;font-size:9px;font-weight:700}.side-nav{gap:5px;display:grid}.side-nav a,.settings-link{color:#7a7c7d;border-radius:10px;align-items:center;gap:12px;height:42px;padding:0 13px;font-weight:500;transition:all .18s;display:flex}.side-nav a:hover,.settings-link:hover{color:#54565a;background:#f4f2ec}.side-nav a.active{color:#5b5b90;background:#eeedf8;font-weight:600}.nav-count{color:#bd785d;background:#f4e6dc;border-radius:8px;place-items:center;min-width:20px;height:20px;margin-left:auto;font-size:10px;display:grid}.sidebar-bottom{margin-top:auto}.privacy-note{color:#8d9d8e;background:#eef2e9;border-radius:10px;align-items:flex-start;gap:9px;padding:12px 11px;font-size:10px;line-height:1.7;display:flex}.privacy-note svg{flex:none;margin-top:1px}.settings-link{margin-top:13px}.main-content{max-width:1500px;min-height:100vh;margin-left:236px;padding:46px 56px 38px}.page{width:min(100%,950px);margin:0 auto}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin:7px 0 27px;display:flex}.eyebrow,.panel-kicker{color:#a19e93;letter-spacing:1.65px;text-transform:uppercase;font-size:9px;font-weight:700;display:block}.page-header h1,.welcome-row h1{letter-spacing:-.75px;color:#37393b;margin:9px 0 0;font:700 29px/1.25 Manrope,Noto Sans SC,sans-serif}.page-subtitle{color:#92938e;margin:7px 0 0;font-size:12px;line-height:1.7}.welcome-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.welcome-row h1{font-size:28px}.wave-emoji{font-size:22px}.online-pill{color:#648a6d;white-space:nowrap;background:#eaf1e9;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:600;display:inline-flex}.online-pill.offline{color:#b17859;background:#f5e9df}.status-dot{background:#81af8b;border-radius:50%;width:6px;height:6px}.offline .status-dot{background:#d29470}.hero-card{background:#eeedf6;border:1px solid #e8e6f1;border-radius:17px;grid-template-columns:.88fr 1.3fr;min-height:262px;margin-bottom:22px;display:grid;position:relative;overflow:hidden}.hero-art{background:#e6e5f0;min-height:262px;position:relative;overflow:hidden}.sun-disc{background:#f5e4bf;border-radius:50%;width:194px;height:194px;position:absolute;top:32px;left:24%;box-shadow:inset 0 0 0 1px #f4e2b9}.hero-letter{color:#7776aa;font:180px/.95 Georgia,serif;position:absolute;top:12px;left:32%;transform:rotate(-7deg)}.floating-note{color:#fff;font:500 12px DM Sans,sans-serif;position:absolute}.note-one{background:#7777a3;border-radius:16px 16px 3px;padding:8px 13px;top:48px;right:16px;transform:rotate(5deg);box-shadow:0 5px 15px #61618c2b}.note-two{color:#d88f77;font-size:35px;bottom:39px;left:13%;transform:rotate(-13deg)}.hero-dash{border-top:1px dashed #9694b4;width:42px;position:absolute;transform:rotate(-28deg)}.dash-one{top:56px;left:13%}.dash-two{bottom:55px;right:8%;transform:rotate(18deg)}.hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:26px 36px 22px 25px;display:flex}.hero-kicker{letter-spacing:1.5px;color:#7776a6;font-size:9px;font-weight:700}.hero-kicker-dot{background:#e49c7c;border-radius:50%;width:6px;height:6px;margin:0 7px 1px 0;display:inline-block}.hero-copy h2{letter-spacing:-.4px;color:#383940;margin:9px 0 6px;font:700 23px Manrope,Noto Sans SC,sans-serif}.hero-copy>p{color:#878891;max-width:400px;margin:0;font-size:11px;line-height:1.65}.hero-meta{color:#858697;gap:14px;margin:17px 0;font-size:9px;display:flex}.hero-meta span{align-items:center;gap:5px;display:flex}.hero-meta svg{color:#8987ac}.button{white-space:nowrap;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:37px;padding:0 14px;font-size:11px;font-weight:600;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:#67689f;box-shadow:0 4px 9px #55558a1b}.button-primary:hover{background:#55578d;box-shadow:0 6px 13px #55558a2b}.button-large{height:38px}.button-soft{color:#626396;background:#f1f0f8}.button-soft:hover{background:#e6e5f3}.button-ghost{color:#858680;background:0 0}.button-ghost:hover{background:#f0efe9}.tiny-caption{color:#a0a0a3;margin:9px 0 0;font-size:9px}.dashboard-grid{grid-template-columns:1fr 1.05fr;gap:16px;display:grid}.panel{background:#fffefa;border:1px solid #ecebe5;border-radius:14px;padding:20px 21px}.panel-top{justify-content:space-between;align-items:center;display:flex}.panel-top h3,.motivation-card h3{color:#414344;margin:5px 0 0;font-size:14px;font-weight:700}.panel-kicker{letter-spacing:1.3px;color:#afada2;font-size:8px}.weekly-total{color:#8d8da8;align-items:baseline;gap:3px;display:flex}.weekly-total strong{font:700 23px Manrope}.weekly-total span{font-size:10px}.week-strip{justify-content:space-between;margin:19px 10px 4px;display:flex}.weekday{flex-direction:column;align-items:center;gap:6px;min-width:25px;display:flex}.weekday>span{color:#a6a49a;font-size:9px}.day-orb{color:#fff;background:#f1f0eb;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.day-orb.done{background:#8cae92}.day-orb.current{box-shadow:0 0 0 2px #eeecda}.day-today-dot{background:#c6b58b;border-radius:50%;width:5px;height:5px}.weekday small{color:#aaa78e;height:10px;font-size:8px}.week-foot{color:#aaa99f;border-top:1px solid #f0efe9;justify-content:space-between;margin-top:13px;padding-top:11px;font-size:9px;display:flex}.week-foot>span:first-child,.progress-legend span:first-child{align-items:center;gap:6px;display:flex}.legend-dot{background:#88ad91;border-radius:50%;width:7px;height:7px;display:inline-block}.quick-orbit{color:#7e7dad;background:#eeedf8;border-radius:11px;place-items:center;width:32px;height:32px;display:grid}.quick-list{margin-top:10px}.quick-row{border-top:1px solid #f0efe9;align-items:center;gap:10px;padding:9px 0;display:flex}.quick-row>span{flex:1;gap:4px;display:grid}.quick-row strong{color:#4c4e4f;font-size:10px;font-weight:600}.quick-row small{color:#a2a29c;font-size:9px}.quick-row>svg{color:#b6b4a9}.quick-icon{border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.quick-icon.lavender,.stat-icon.lavender{color:#7776a9;background:#efeff9}.quick-icon.peach,.stat-icon.peach{color:#c3876e;background:#f9ece5}.quick-icon.mint,.stat-icon.mint{color:#729782;background:#eaf2eb}.bottom-grid{grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px;display:grid}.today-panel{padding:18px 20px}.text-link{color:#8180a9;align-items:center;font-size:9px;display:flex}.vocab-chips{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.vocab-chip{background:#f8f7f2;border:1px solid #f0efe8;border-radius:8px;align-items:center;gap:8px;padding:6px 9px;display:flex}.chip-viet{color:#5e6093;font-size:10px;font-weight:600}.chip-cn{color:#9d9d95;font-size:9px}.motivation-card{background:#f4efe3;border-radius:14px;align-items:center;gap:13px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.motivation-orb{color:#a18d5a;background:#e8dec3;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;display:grid}.motivation-card h3{margin-top:5px;font-size:12px}.motivation-card p{color:#99917e;margin:5px 0 0;font-size:9px}.motivation-squiggle{color:#dacda9;font-size:50px;position:absolute;bottom:-15px;right:19px;transform:rotate(-19deg)}.page-footer{color:#aaa99f;justify-content:space-between;margin-top:25px;padding:0 2px;font-size:9px;display:flex}.page-footer a{align-items:center;gap:4px;display:flex}.mobile-header,.mobile-nav{display:none}.fade-in{animation:.3s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.toast{z-index:30;color:#fff;background:#414343;border-radius:12px;align-items:center;gap:9px;padding:13px 16px;font-size:12px;animation:.2s fadeIn;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 30px #29292928}.toast.success{background:#477c66}.toast.error{background:#a35f52}.back-link{color:#898a85;background:0 0;border:0;align-items:center;gap:6px;margin:0 0 14px;padding:0;font-size:10px;display:inline-flex}.learn-page .page-header,.shadow-page .page-header{margin-bottom:22px}.lesson-progress{color:#8d8e8a;justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.progress-track{background:#eae9e4;border-radius:5px;height:4px;margin-bottom:20px;overflow:hidden}.progress-track i{border-radius:inherit;background:#8281b5;height:100%;transition:width .3s;display:block}.learning-card{background:#fffefa;border:1px solid #ecebe5;border-radius:16px;padding:27px 30px 20px;position:relative;overflow:hidden;box-shadow:0 6px 20px #42414208}.card-decoration{color:#f1f0ec;font:800 80px/1 Manrope;position:absolute;top:1px;right:20px}.card-type{color:#9c9b92;align-items:center;gap:8px;font-size:9px;display:inline-flex}.learning-viet{letter-spacing:-1.4px;color:#535486;margin:25px 0 15px;font:700 38px/1.3 Manrope,Noto Sans SC,sans-serif}.audio-control{align-items:center;gap:12px;display:flex}.audio-play{color:#fff;background:#66679e;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-width:122px;height:39px;padding:0 13px;font-size:10px;font-weight:600;display:flex;box-shadow:0 4px 9px #5f60941a}.audio-play:hover{background:#55568f}.audio-play.small{width:32px;min-width:32px;height:32px;box-shadow:none;border-radius:50%;padding:0}.audio-options{align-items:center;gap:9px;display:flex}.audio-badge{color:#8b9e8b;background:#eef3ec;border-radius:12px;padding:5px 8px;font-size:9px}.audio-badge.tts{color:#ac8250;background:#fbf0df}.audio-options select,.settings-row select{color:#777871;background:#faf9f4;border:1px solid #ecebe5;border-radius:7px;padding:6px 9px;font-size:10px}.learning-meaning{color:#55565a;margin:21px 0 20px;font-size:15px;font-weight:600}.sound-rule{background:#f7f6f1;border-radius:10px;align-items:flex-start;gap:10px;margin:0 0 19px;padding:12px 13px;display:flex;position:relative}.sound-rule-icon{color:#7776a4;background:#e9e9f3;border-radius:8px;flex:none;place-items:center;width:25px;height:25px;display:grid}.sound-rule>div:nth-child(2)>span{color:#757677;margin:1px 0 5px;font-size:9px;font-weight:700;display:block}.sound-rule p{color:#858680;margin:2px 0;font-size:10px;line-height:1.65}.tone-tag{white-space:nowrap;color:#9e8d62;background:#f1ead9;border-radius:8px;margin-left:auto;padding:5px 7px;font-size:8px}.card-actions{border-top:1px solid #efeee8;align-items:center;gap:8px;padding-top:16px;display:flex}.icon-action{color:#a4a296;background:0 0;border:1px solid #eae9e3;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.icon-action.active{color:#a070a0;background:#f4edf5;border-color:#e8d8e8}.icon-action.orange{color:#bd805f;background:#fbefe6;border-color:#f0dacd}.card-action-spacer{flex:1}.learn-note{color:#a19c86;align-items:center;gap:8px;margin-top:16px;font-size:9px;line-height:1.6;display:flex}.learn-note svg{color:#b8a777;flex:none}.step-count{color:#7777a3;background:#eeedf8;border-radius:16px;padding:7px 10px;font-size:10px}.shadow-card{background:#fffefa;border:1px solid #ebeae4;border-radius:17px;padding:24px 30px 22px;box-shadow:0 6px 20px #42414208}.shadow-progress-dots{justify-content:center;gap:7px;margin:-2px 0 22px;display:flex}.shadow-progress-dots button{background:#d8d7d1;border:0;border-radius:6px;width:6px;height:6px;padding:0}.shadow-progress-dots button.selected{background:#7777a5;width:22px}.shadow-viet{text-align:center;letter-spacing:-1px;color:#55568c;margin-top:8px;font:700 32px/1.3 Manrope,Noto Sans SC,sans-serif}.shadow-meaning{text-align:center;color:#8f908a;margin:3px 0 17px;font-size:11px}.shadow-source-note{color:#85977e;justify-content:center;align-items:center;gap:6px;margin:0 0 10px;font-size:9px;display:flex}.source-dot{background:#82ab83;border-radius:50%;width:6px;height:6px}.source-note-sub{color:#adaba0}.reference-button{text-align:left;background:#f5f4fa;border:1px solid #e8e7f1;border-radius:12px;align-items:center;gap:13px;width:min(100%,510px);margin:0 auto;padding:11px 14px;display:flex}.reference-button:hover{background:#efedf8}.reference-play{color:#fff;background:#68699f;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.reference-button>span:nth-child(2){flex:1;gap:4px;display:grid}.reference-button strong{color:#535486;font-size:11px}.reference-button small{color:#96969b;font-size:9px}.reference-volume{color:#9797ad}.shadow-controls{grid-template-columns:1fr 1.5fr;gap:15px;max-width:510px;margin:19px auto 17px;display:grid}.control-block{gap:7px;display:grid}.control-block>span{color:#96968e;font-size:9px}.segmented{background:#f5f4ef;border-radius:8px;gap:2px;padding:3px;display:flex}.segmented button{color:#99998f;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:1;padding:6px 8px;font-size:8px}.segmented button.active{color:#626391;background:#fffefa;font-weight:700;box-shadow:0 1px 4px #0000000c}.record-start{width:min(100%,510px);height:43px;margin:0 auto;font-size:11px;display:flex}.record-status{color:#8584ad;background:#f1f0f9;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:min(100%,510px);height:44px;margin:0 auto;font-size:11px;display:flex}.record-status.countdown{flex-direction:column;gap:2px;height:86px}.countdown>span{color:#64659b;font:700 30px Manrope}.countdown small{color:#a1a0a2;font-size:9px}.button-recording{color:#fff;background:#b5574c;width:min(100%,510px);height:43px;margin:0 auto;display:flex}.record-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1s infinite pulse;box-shadow:0 0 0 4px #ffffff40}@keyframes pulse{50%{opacity:.35}}.loader-dot{border:2px solid #cecee2;border-top-color:#7474a3;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-panel{background:#fffefa;border:1px solid #ebeae4;border-radius:15px;margin-top:17px;padding:20px}.result-header{justify-content:space-between;align-items:center;display:flex}.result-header h3{margin:5px 0 0;font-size:14px}.score-bubble{color:#64659a;background:#eeeff8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.score-bubble strong{font:700 20px Manrope}.score-bubble span{color:#9090ae;font-size:7px}.score-na{color:#9c9c92;background:#f3f2ec;border-radius:8px;padding:9px 12px;font-size:11px}.ab-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin:18px 0 15px;display:grid}.ab-player{color:#71736f;background:#f8f7f2;border:1px solid #efeee8;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:9px;display:flex}.ab-player audio{width:min(135px,55%);height:30px}.ab-divider{color:#aeada5;letter-spacing:1px;font:700 8px Manrope}.muted{color:#aaa;font-size:8px}.wave-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.signal-card{border:1px solid #efeee9;border-radius:10px;padding:10px 11px 7px;position:relative}.signal-dot{border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.signal-dot.reference{background:#7778ab}.signal-dot.user{background:#e18e70}.signal-title{color:#797b77;font-size:9px}.signal-card canvas{width:100%;height:52px;margin-top:5px;display:block}.signal-legend{color:#a4a39a;justify-content:space-between;gap:4px;font-size:7px;display:flex}.metrics-row{gap:10px;margin-top:14px;display:flex}.metric{background:#f8f7f2;border-radius:8px;flex:1;gap:5px;padding:9px 10px;display:grid}.metric span{color:#9b9b92;font-size:8px}.metric strong{color:#56578e;font-size:11px}.score-caveat{color:#a09e92;margin:12px 0;font-size:9px;line-height:1.7}.result-actions{border-top:1px solid #eeede7;justify-content:flex-end;gap:8px;padding-top:13px;display:flex}.privacy-inline{color:#929c90;align-items:center;gap:7px;margin:13px 2px;font-size:9px;display:flex}.record-history{border-top:1px solid #eae9e3;margin-top:10px;padding-top:11px}.record-history summary{cursor:pointer;color:#77787a;font-size:10px}.record-history summary span{color:#aaa;margin-left:4px}.history-row{color:#898a83;border-bottom:1px solid #f0efe9;align-items:center;gap:14px;padding:9px 0;font-size:9px;display:flex}.history-row audio{width:150px;height:28px}.tone-intro{align-items:center;gap:15px;margin-bottom:15px;display:flex}.tone-illustration{color:#7677a2;background:#eeedf7;border-radius:14px;place-items:center;width:43px;height:43px;font:32px Georgia;display:grid}.tone-intro h3{margin:0 0 5px;font-size:12px}.tone-intro p{color:#989990;margin:0;font-size:9px;line-height:1.7}.tone-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tone-card{background:#fffefa;border:1px solid #ebeae4;border-radius:13px;padding:16px;position:relative}.tone-index{color:#b5b2a5;font:700 9px Manrope}.tone-shape{color:#8584b4;font:24px Georgia;position:absolute;top:10px;right:15px}.tone-card h3{color:#5d5e91;margin:17px 0 4px;font:700 17px Manrope}.tone-card p{color:#99998f;min-height:25px;font-size:9px}.tone-card .button{margin-top:4px}.library-tools{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.search-box{background:#fffefa;border:1px solid #ebeae3;border-radius:9px;flex:1;align-items:center;max-width:300px;height:37px;padding:0 11px;display:flex}.search-box input{color:#555;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:10px}.search-box input::placeholder{color:#b0afa6}.search-box>span{color:#a4a396;font-size:19px}.filter-pills{gap:5px;display:flex}.filter-pills button{color:#92928b;background:0 0;border:0;border-radius:15px;padding:7px 11px;font-size:9px}.filter-pills button.active{color:#606194;background:#eeedf7;font-weight:700}.library-list{background:#fffefa;border:1px solid #ebeae4;border-radius:13px;overflow:hidden}.library-item{border-bottom:1px solid #f0efe9;align-items:center;gap:13px;min-height:73px;padding:12px 15px;display:flex}.library-item:last-child{border-bottom:0}.library-number{color:#b2b0a5;width:23px;font:600 9px Manrope}.library-copy{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:3px 12px;display:grid}.library-copy strong{color:#57588e;grid-column:1;font:700 15px Manrope}.library-copy>span{color:#747671;grid-area:1/2;font-size:10px}.library-copy small{color:#aaa99e;grid-column:1;font-size:8px}.library-go{color:#b1b0a7}.library-foot{color:#a3a195;align-items:center;gap:7px;margin-top:14px;font-size:9px;display:flex}.review-summary{background:#f1f0f7;border:1px solid #e8e7f1;border-radius:11px;align-items:center;gap:11px;margin-bottom:15px;padding:14px;display:flex}.review-summary-icon{color:#7777a6;background:#e2e1f0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.review-summary>div:nth-child(2){flex:1;gap:4px;display:grid}.review-summary strong{color:#5a5b87;font-size:11px}.review-summary span{color:#9292a0;font-size:9px}.review-summary-tag{background:#e7e6f2;border-radius:12px;padding:5px 8px;color:#8081aa!important}.review-page .search-box{margin-bottom:14px}.review-list{gap:10px;margin-top:14px;display:grid}.review-card{background:#fffefa;border:1px solid #ecebe5;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;display:flex}.review-card-main{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.review-viet{color:#57588e;font:700 15px Manrope}.review-meaning{color:#8e8f88;font-size:10px}.difficulty-pill{color:#bd805f;background:#faeee6;border-radius:10px;padding:5px 7px;font-size:8px}.review-card-actions{align-items:center;gap:6px;display:flex}.review-card-actions .button{min-height:31px;padding:0 10px;font-size:9px}.empty-state{text-align:center;background:#fffefa;border:1px dashed #e4e2da;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:25px;display:flex}.empty-state>div{color:#7a9a7c;background:#edeee9;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.empty-state h3{margin:12px 0 5px;font-size:13px}.empty-state p{color:#999990;max-width:300px;margin:0 0 15px;font-size:10px;line-height:1.7}.stats-grid{grid-template-columns:repeat(5,1fr);gap:11px;margin:0 0 15px;display:grid}.stat-card{background:#fffefa;border:1px solid #ecebe5;border-radius:12px;padding:15px}.stat-icon{border-radius:9px;place-items:center;width:29px;height:29px;margin-bottom:12px;display:grid}.stat-icon svg{width:15px}.stat-card>span{color:#999a94;font-size:9px;display:block}.stat-card>strong{color:#454749;margin-top:3px;font:700 22px Manrope;display:block}.stat-card strong small{color:#a4a39a;margin-left:4px;font:400 9px Noto Sans SC}.stat-icon.sand{color:#a8996a;background:#f2eddf}.progress-panel{margin-bottom:13px}.week-summary{color:#9b9a91;background:#f4f3ee;border-radius:12px;padding:6px 9px;font-size:9px}.progress-panel .week-strip{margin-top:18px}.progress-legend{color:#a2a197;border-top:1px solid #efeee8;justify-content:space-between;margin-top:6px;padding-top:12px;font-size:9px;display:flex}.status-bars{gap:13px;margin-top:16px;display:grid}.status-row{color:#8a8b85;grid-template-columns:55px 1fr 23px;align-items:center;gap:10px;font-size:9px;display:grid}.status-row strong{text-align:right;color:#666;font-size:10px}.status-track{background:#f0efe9;border-radius:5px;height:7px;overflow:hidden}.status-track i{border-radius:5px;height:100%;display:block}.settings-section{background:#fffefa;border:1px solid #ebeae4;border-radius:14px;margin-bottom:14px;padding:19px 21px}.settings-title{border-bottom:1px solid #efeee9;align-items:center;gap:11px;padding-bottom:13px;display:flex}.settings-title>svg{color:#7778a5;width:18px}.settings-title h3{margin:0;font-size:12px}.settings-title p{color:#9b9b92;margin:5px 0 0;font-size:9px}.settings-row{border-bottom:1px solid #f2f1ec;justify-content:space-between;align-items:center;gap:12px;min-height:53px;padding:8px 1px;display:flex}.settings-row:last-child{border-bottom:0}.settings-row>div{gap:4px;display:grid}.settings-row strong{color:#555653;font-size:10px;font-weight:600}.settings-row small{color:#a1a198;max-width:520px;font-size:8px;line-height:1.55}.toggle{background:#dcdbd4;border:0;border-radius:12px;width:35px;height:20px;padding:2px;transition:all .2s}.toggle i{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block;box-shadow:0 1px 2px #0002}.toggle.checked{background:#7878a7}.toggle.checked i{transform:translate(15px)}.data-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.data-actions .button{min-height:33px;font-size:9px}.destructive{color:#a76f61}.rotate-icon{transform:rotate(180deg)}.settings-privacy{color:#879987;align-items:center;gap:7px;margin:14px 0 0;font-size:9px;display:flex}.settings-hint{color:#a3a197;margin:12px 0 0;font-size:9px;line-height:1.7}.settings-link-row{color:#777;min-height:42px}.settings-link-row>svg{color:#aaa}.about-panel{color:#777873;max-width:650px;font-size:11px;line-height:1.9}.about-emblem{color:#66669b;background:#ededf7;border-radius:19px;place-items:center;width:60px;height:60px;margin-bottom:17px;font:700 34px Georgia;display:grid}.about-panel p{line-height:1.9}.about-links{border-top:1px solid #eeede8;gap:20px;margin-top:17px;padding-top:15px;display:flex}.about-links a{color:#68699d;align-items:center;font-size:10px;display:flex}@media (width>=1400px){.main-content{padding-left:75px;padding-right:75px}}@media (width<=1050px){.sidebar{width:205px}.main-content{margin-left:205px;padding:38px 33px 30px}.hero-copy{padding-right:22px}.hero-meta{gap:8px}.hero-card{grid-template-columns:.8fr 1.2fr}.hero-art{min-height:246px}.sun-disc{width:170px;height:170px}.hero-letter{font-size:160px}.dashboard-grid,.bottom-grid{gap:12px}.panel{padding:17px}.shadow-card{padding:22px}.main-content{max-width:none}}@media (width<=760px){body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.sidebar{display:none}.mobile-header{z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f7f3ee;border-bottom:1px solid #ecebe5;justify-content:space-between;align-items:center;height:53px;padding:0 18px;display:flex;position:sticky;top:0}.mobile-header .brand{gap:8px;margin:0;font-size:15px}.mobile-header .brand-mark{border-radius:10px;width:29px;height:29px;font-size:17px}.mobile-header .online-pill{padding:5px 8px;font-size:9px}.main-content{width:100%;margin:0;padding:24px 17px 22px}.mobile-nav{z-index:15;height:calc(61px + env(safe-area-inset-bottom));padding:7px 8px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffefaed;border-top:1px solid #e9e8e2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#a09f97;justify-items:center;gap:4px;min-width:48px;font-size:8px;display:grid}.mobile-nav a svg{stroke-width:1.8px;width:18px;height:18px}.mobile-nav a.active{color:#66669b}.mobile-nav a.active svg{stroke-width:2.3px}.page-header{align-items:flex-start;margin:5px 0 20px}.page-header h1,.welcome-row h1{font-size:24px}.page-subtitle{font-size:11px}.welcome-row{margin-bottom:18px}.welcome-row h1{font-size:23px}.hero-card{grid-template-columns:1fr;min-height:auto}.hero-art{height:166px;min-height:166px}.sun-disc{width:145px;height:145px;top:10px;left:calc(50% - 72px)}.hero-letter{font-size:140px;top:-6px;left:calc(50% - 45px)}.note-one{top:30px;right:calc(50% - 125px)}.note-two{bottom:21px;left:calc(50% - 105px)}.dash-one{top:43px;left:calc(50% - 145px)}.dash-two{bottom:30px;right:calc(50% - 150px)}.hero-copy{padding:20px 20px 21px}.hero-copy h2{font-size:20px}.hero-meta{flex-wrap:wrap;gap:10px;margin:13px 0}.hero-meta span{font-size:8px}.button-large{height:42px}.dashboard-grid,.bottom-grid{grid-template-columns:1fr;gap:11px}.panel{padding:17px}.quick-list{margin-top:11px}.quick-row{padding:9px 1px}.bottom-grid{margin-top:11px}.motivation-card{min-height:91px}.page-footer{margin-top:18px}.learning-card{padding:23px 19px 17px}.learning-viet{margin:21px 0 13px;font-size:34px}.learning-meaning{margin:18px 0}.card-actions{gap:6px}.card-actions .button{min-height:36px;padding:0 10px;font-size:9px}.icon-action{width:31px;height:31px}.shadow-card{padding:20px 15px 17px}.shadow-viet{font-size:28px}.shadow-controls{grid-template-columns:1fr;gap:10px}.control-block{grid-template-columns:80px 1fr;align-items:center}.segmented button{padding:7px 6px}.result-panel{padding:15px}.ab-row{gap:7px}.ab-player{flex-direction:column;align-items:flex-start;gap:5px;padding:8px}.ab-player audio{width:100%}.wave-pair{grid-template-columns:1fr}.signal-card canvas{height:43px}.metrics-row{gap:6px}.metric{padding:8px}.metric strong{font-size:9px}.result-actions{flex-wrap:wrap;gap:5px}.result-actions .button{flex:1;padding:0 8px;font-size:9px}.history-row{flex-wrap:wrap}.history-row audio{width:100%}.tone-grid{grid-template-columns:repeat(2,1fr);gap:9px}.tone-card{padding:13px}.tone-intro{padding:15px}.library-tools{flex-direction:column;align-items:stretch;gap:9px}.search-box{flex:none;width:100%;max-width:none}.filter-pills{justify-content:flex-start}.filter-pills button{padding:7px 10px}.library-item{gap:9px;padding:11px}.library-copy{grid-template-columns:1fr auto;gap:4px}.library-copy>span{grid-area:2/1}.library-copy small{grid-area:2/2}.library-copy strong{font-size:14px}.review-card{flex-direction:column;align-items:flex-start;padding:13px}.review-card-main{gap:8px}.review-card-actions{justify-content:flex-end;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:9px}.stat-card{padding:13px}.settings-section{padding:16px}.settings-row{min-height:58px}.settings-row small{max-width:235px}.data-actions .button{flex:1}.toast{left:15px;right:15px;bottom:calc(72px + env(safe-area-inset-bottom));justify-content:center;font-size:11px}.back-link{margin-bottom:12px}}@media (width<=390px){.main-content{padding-left:13px;padding-right:13px}.hero-meta{gap:8px}.hero-meta span{font-size:7px}.hero-copy{padding-left:16px;padding-right:16px}.learning-card{padding-left:15px;padding-right:15px}.card-actions .button{padding:0 8px}.tone-card .button{padding:0 8px;font-size:8px}.filter-pills button{padding-left:8px;padding-right:8px}.settings-row small{max-width:205px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.include-audio-choice{color:#87877e;align-items:center;gap:7px;padding:0 5px;font-size:9px;display:flex}.include-audio-choice input{accent-color:#68699f}.library-header-actions{flex-wrap:wrap;gap:8px;display:flex}.tone-score{color:#8582b0;justify-items:end;display:grid}.tone-score strong{font:700 22px Manrope,sans-serif}.tone-score span{color:#99988f;font-size:10px}.tone-quiz{margin-bottom:20px;padding:22px}.tone-question-kicker{color:#8583ab;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.tone-sample-play{text-align:left;background:#f7f6fa;border:1px solid #e9e8ef;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:42px 1fr;align-items:center;column-gap:12px;width:100%;margin:20px 0 14px;padding:16px;display:grid}.tone-sample-play>span{color:#69699c;background:#e8e7f3;border-radius:13px;grid-row:1/3;place-items:center;width:42px;height:42px;display:grid}.tone-sample-play strong{color:#45464a;font-size:13px}.tone-sample-play small{color:#92928d;margin-top:4px;font-size:10px}.tone-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tone-option{text-align:left;background:#fffefa;border:1px solid #e9e8e3;border-radius:12px;grid-template-columns:25px 1fr;align-items:center;gap:3px 8px;min-height:90px;padding:12px;display:grid}.tone-option-letter{color:#7271a2;background:#f0eff6;border-radius:9px;grid-row:1/3;place-items:center;width:25px;height:25px;font-weight:700;display:grid}.tone-option strong{color:#54545f;font-size:17px}.tone-option small{color:#99988f;font-size:10px}.tone-option:hover:not(:disabled){border-color:#aaa8cf;transform:translateY(-1px)}.tone-option.correct{background:#eff7f0;border-color:#83b69b}.tone-option.wrong{background:#fcf0ea;border-color:#df9880}.tone-attempt-hint{color:#99988f;margin:12px 0 0;font-size:10px}.tone-feedback{background:#eef5ef;border-radius:12px;gap:7px;margin-top:16px;padding:15px;display:grid}.tone-feedback.revealed{background:#f8eee8}.tone-feedback>strong{font-size:13px}.tone-feedback>span,.tone-feedback>small{color:#77786f;font-size:10px;line-height:1.6}.tone-contour{width:min(100%,260px);height:100px;margin:0 auto}.tone-chart-axis{stroke:#c8c7bf;stroke-width:1px;fill:none}.tone-chart-line{fill:none;stroke:#7773ae;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.tone-feedback-actions{flex-wrap:wrap;gap:8px;margin-top:5px;display:flex}.tone-reference-grid>h2{margin:23px 0 12px;font-size:16px}.tone-training-page .tone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.reading-writing-page .page-header{margin-bottom:16px}.practice-levels{gap:7px;padding:2px 2px 10px;display:flex;overflow-x:auto}.practice-levels button{color:#85847e;white-space:nowrap;background:#fffefa;border:1px solid #e8e7e0;border-radius:9px;padding:9px 12px;font-size:10px}.practice-levels button.active{color:#fff;background:#69699f;border-color:#69699f}.practice-card{max-width:680px;margin-top:7px}.practice-prompt{color:#8d8d86;margin:14px 0;font-size:11px}.practice-card>audio{width:100%;margin:8px 0 12px}.practice-card .learning-viet{margin:16px 0}.practice-card .learning-meaning{margin:13px 0}.practice-meaning-prompt{text-align:center;color:#555779;background:#f6f5f1;border-radius:12px;margin:18px 0;padding:16px;font-size:17px;font-weight:700}.practice-options{gap:9px;margin:14px 0;display:grid}.practice-options button{color:#555779;background:#fffefa;border:1px solid #e6e5df;border-radius:10px;min-height:48px;font-size:16px;font-weight:700}.practice-options button:hover:not(:disabled){border-color:#aaa8cf}.practice-options button.correct{background:#eff7f0;border-color:#8ab49a}.practice-answer-label{color:#85847e;margin:16px 0 6px;font-size:10px;display:block}.practice-answer{color:#424348;background:#fffefa;border:1px solid #e3e2dc;border-radius:10px;width:100%;height:47px;padding:0 12px;font-size:17px}.practice-check{margin-top:13px}.practice-feedback{border-radius:9px;padding:11px;font-size:11px}.practice-feedback.correct{color:#507f62;background:#eff7f0}.practice-feedback.incorrect{color:#9c6954;background:#fbefe9}.practice-actions{gap:9px;margin-top:15px;display:flex}.practice-next{margin-top:12px}.practice-progress{color:#a09f98;border-top:1px solid #efeee8;justify-content:space-between;align-items:center;margin-top:22px;padding-top:12px;font-size:10px;display:flex}.tone-option:focus-visible,.practice-options button:focus-visible{outline-offset:2px;outline:3px solid #aaa8d5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8e6df;--muted:#aaa99f;--line:#3b3c37;--paper:#242520;--bg:#191a17;--purple:#aaa8e4;--purple-dark:#c3c1ee;--lavender:#333342;--peach:#3d302a;--mint:#29372f;--sand:#393527;--accent:#e5a087;--green:#83b49b}body,.main-content{background:var(--bg);color:var(--ink)}.sidebar,.mobile-header,.mobile-nav{background:#20211ded;border-color:#353630}.brand,.page-header h1,.welcome-row h1,.panel-top h3,.motivation-card h3,.learning-card h3,.settings-row strong,.shadow-viet,.learning-meaning{color:#e7e5dd}.side-nav a,.settings-link{color:#aaa99f}.side-nav a:hover,.settings-link:hover{color:#e4e1d7;background:#2b2c27}.side-nav a.active{color:#c2c0ef;background:#303044}.panel,.learning-card,.shadow-card,.result-panel,.settings-section,.library-list,.library-item,.review-card,.stat-card,.tone-card,.empty-state,.about-panel{background:var(--paper);color:var(--ink);border-color:#393a34}.hero-card{background:#2c2c38;border-color:#40404e}.hero-art{background:#353542}.hero-copy h2{color:#ebe9e0}.hero-copy>p,.page-subtitle,.review-meaning,.settings-title p,.settings-row small,.settings-hint,.score-caveat{color:#aaa99f}.page-footer,.page-footer a{color:#96958d}.weekly-panel,.quick-panel,.today-panel{background:#242520}.quick-row,.settings-title,.settings-row,.card-actions,.record-history,.ab-row,.week-foot,.progress-legend{border-color:#3a3b35}.quick-row strong,.weekday>span{color:#d3d1c8}.quick-row small,.week-foot,.week-foot span{color:#aaa99e}.vocab-chip,.metric,.sound-rule,.review-summary,.review-summary-tag,.segmented,.empty-state>div{color:#dbd9d0;background:#2b2c27;border-color:#3a3b35}.vocab-chip,.search-box,.settings-row select,.signal-card,.ab-player{color:#e0ded5;background:#292a25;border-color:#3c3d36}.search-box input,.settings-row select{color:#e3e1d8}.search-box input::placeholder{color:#88887f}.audio-badge{color:#aec6aa;background:#30382f}.audio-options select{color:#d2d0c8;background:#292a25;border-color:#3d3e37}.button-soft{color:#c3c1ed;background:#343443}.button-soft:hover{background:#414154}.button-ghost{color:#bcbab1}.button-ghost:hover{background:#30312b}.filter-pills button{color:#b1afa6}.filter-pills button.active{color:#c5c3ef;background:#343447}.library-copy strong,.review-viet,.learning-viet,.hero-kicker,.card-type,.tone-card h3{color:#b9b7ef}.tone-intro,.reference-button{background:#2b2c35;border-color:#41414f}.tone-intro h3,.reference-button strong{color:#e0dff0}.tone-intro p,.reference-button small{color:#aaa9b3}.day-orb{background:#33342f}.day-orb.current{box-shadow:0 0 0 2px #6e674b}.status-track,.progress-track{background:#34352f}.score-caveat,.library-foot,.learn-note,.settings-privacy{color:#b5b09c}.about-emblem{color:#c4c2ee;background:#343447}.wave-pair canvas{filter:saturate(.9)}.shadow-source-note{color:#a4c6a2}.source-note-sub{color:#aca99e}.online-pill{color:#a6c7ab;background:#29362e}.online-pill.offline{color:#e1ae88;background:#40322a}.include-audio-choice{color:#b8b5ab}}.course-roadmap{margin-bottom:16px}.roadmap-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.roadmap-day{border:1px solid var(--line);background:var(--bg);text-align:center;min-width:0;color:var(--muted);border-radius:10px;justify-items:center;gap:5px;padding:10px 5px;display:grid}.roadmap-day-index{background:var(--paper);width:25px;height:25px;color:var(--purple);border-radius:9px;place-items:center;font-size:9px;font-weight:700;display:grid}.roadmap-day strong{color:var(--ink);font-size:9px}.roadmap-day small{min-height:22px;font-size:8px;line-height:1.4}.roadmap-day.current{background:var(--lavender);border-color:#aaa8d5}.roadmap-day.completed .roadmap-day-index{background:var(--green);color:#fff}.lesson-objectives{flex-wrap:wrap;gap:8px;margin:-9px 0 18px;display:flex}.lesson-objectives span,.lesson-objectives p{background:var(--mint);color:var(--green);border-radius:8px;align-items:center;gap:6px;margin:0;padding:7px 9px;font-size:9px;line-height:1.5;display:flex}.ipa-line{color:var(--purple);margin:10px 0;font-family:ui-monospace,monospace;font-size:11px}.completed-lesson-actions{flex-wrap:wrap;gap:9px;margin-top:15px;display:flex}.library-header-actions{justify-content:flex-end}.practice-options button.incorrect{background:var(--peach);border-color:var(--accent)}@media (width<=760px){.roadmap-days{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.roadmap-day{padding:8px 3px}.roadmap-day small{font-size:7px}.library-header-actions{justify-content:flex-start}.library-header-actions .button{padding:0 9px;font-size:9px}.filter-pills{white-space:nowrap;overflow-x:auto}.completed-lesson-actions .button{flex:1}}@media (prefers-color-scheme:dark){.roadmap-day{background:#292a25;border-color:#3c3d36}.roadmap-day strong{color:#e8e6df}.roadmap-day.current{background:#343447}.lesson-objectives span,.lesson-objectives p{color:#a6c7ab;background:#29372f}.tone-option.correct,.practice-options button.correct{background:#29372f;border-color:#5c9273}.tone-option.wrong,.practice-options button.incorrect{background:#3d302a;border-color:#a66e59}}.record-error{color:#9b5f4e;background:#f8e8e2;border-radius:10px;width:min(100%,510px);margin:0 auto 10px;padding:11px 13px;font-size:11px;line-height:1.65}