@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#242a34;font-synthesis:none;text-rendering:optimizelegibility;font-smooth:always;--blue:#5578df;--blue-dark:#4468d1;--ink:#262c37;--muted:#9098a6;--line:#eceef2;--panel:#fff;--green:#43a887;--soft-blue:#edf2ff;background:#f7f8fa;font-family:DM Sans,Noto Sans SC,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}.app-shell{min-height:100vh}.sidebar{z-index:30;background:#fff;border-right:1px solid #eceef2;flex-direction:column;width:244px;padding:25px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 9px 28px;display:flex}.brand-icon{color:#5275dc;background:#eaf0ff;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.brand strong{letter-spacing:-.45px;font-family:Manrope,sans-serif;font-size:16px;display:block}.brand small{color:#9ba2ae;margin-top:1px;font-size:10px;display:block}.nav-label,.eyebrow{letter-spacing:1.35px;color:#a4aab4;font-size:9px;font-weight:700}.nav-label{padding:0 11px 10px}.sidebar nav{gap:4px;display:grid}.nav-item{text-align:left;color:#777f8d;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;height:42px;padding:0 11px;font-size:12px;font-weight:500;transition:all .18s;display:flex}.nav-item svg{color:#929aa8}.nav-item:hover{color:#343b48;background:#f7f8fa}.nav-item.active{color:#4c6ed0;background:#edf2ff;font-weight:600}.nav-item.active svg{color:#5578df}.nav-item em{color:#fff;background:#5578df;border-radius:9px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.side-bottom{margin-top:auto}.streak-card{background:#fbf8f1;border:1px solid #f5efdf;border-radius:10px;align-items:center;gap:10px;height:65px;margin:0 2px 12px;padding:10px;display:flex;position:relative}.streak-icon{color:#d5a13f;background:#fff1d0;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.streak-card b,.streak-card small{display:block}.streak-card b{font-size:12px}.streak-card small{color:#a8a49b;margin-top:3px;font-size:9px}.streak-spark{color:#d3a240;position:absolute;right:13px}.profile{border-top:1px solid #eff0f3;align-items:center;gap:9px;margin-top:15px;padding:16px 4px 3px;display:flex;position:relative}.avatar,.top-avatar{color:#617394;background:#e9edf6;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.profile b,.profile small{display:block}.profile b{font-size:10px;font-weight:600}.profile small{color:#9aa1ad;margin-top:3px;font-size:9px}.online-dot{background:#6bc49c;border-radius:50%;align-self:flex-start;width:7px;height:7px;margin-top:5px;margin-left:auto}.main{min-height:100vh;margin-left:244px}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border-bottom:1px solid #eceef2;justify-content:space-between;align-items:center;height:64px;padding:0 42px;display:flex;position:sticky;top:0}.crumb{color:#9da4b0;font-size:11px}.crumb span{color:#d3d6dc;padding:0 9px}.crumb b{color:#4b5260;font-weight:600}.top-actions{align-items:center;gap:16px;display:flex}.date-pill{color:#868e9b;font-size:10px}.top-avatar{border:0;font-size:11px}.content{max-width:1280px;margin:0 auto;padding:32px 42px 60px}.welcome{background:linear-gradient(109deg,#edf2ff 0%,#f2f5ff 52%,#f4f5fc 100%);border-radius:14px;align-items:center;min-height:174px;padding:32px 36px;display:flex;position:relative;overflow:hidden}.welcome .eyebrow{color:#7790d8}.welcome h1{letter-spacing:-.8px;color:#283449;margin:12px 0 8px;font-family:Manrope,Noto Sans SC,sans-serif;font-size:25px;font-weight:700}.welcome h1 span{color:#7792dd;margin-left:9px;font-size:17px}.welcome p{color:#7d8799;margin:0;font-size:11px}.welcome-art{place-items:center;width:250px;height:250px;display:grid;position:absolute;top:-38px;right:78px}.orbit{border:1px solid #758fd424;border-radius:50%;position:absolute;transform:rotate(-25deg)}.orbit-a{width:245px;height:136px}.orbit-b{width:215px;height:174px;transform:rotate(55deg)}.art-core{color:#6983cb;background:#ffffffba;border:1px solid #fff;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;width:88px;height:88px;display:flex;transform:rotate(-7deg);box-shadow:0 10px 28px #637ab51c}.art-core span{letter-spacing:-3px;font-family:Manrope;font-size:28px;font-weight:700}.art-core small{color:#a1a9ba;letter-spacing:.7px;font-size:7px}.float-word{color:#7889b3;background:#ffffffc9;border:1px solid #fff;border-radius:8px;padding:7px 11px;font-size:9px;position:absolute;transform:rotate(7deg);box-shadow:0 4px 12px #6479a214}.fw1{top:39px;right:31px}.fw2{bottom:38px;left:3px;transform:rotate(-9deg)}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:17px;display:grid}.metric-card{background:#fff;border:1px solid #edeff3;border-radius:11px;min-height:126px;padding:16px 18px;position:relative;box-shadow:0 3px 12px #1f293708}.metric-icon{border-radius:9px;place-items:center;width:31px;height:31px;margin-bottom:12px;display:grid}.metric-icon.blue{color:#6382df;background:#edf2ff}.metric-icon.green{color:#47a887;background:#eaf7f2}.metric-icon.purple{color:#8d76c5;background:#f3effb}.metric-icon.orange{color:#d59b50;background:#fff4e5}.metric-label{color:#7e8795;font-size:10px;position:absolute;top:21px;left:59px}.metric-value{letter-spacing:-.6px;font-family:Manrope,sans-serif;font-size:25px;font-weight:700;line-height:1}.metric-value small{color:#9da4af;letter-spacing:0;margin-left:4px;font-size:11px;font-weight:500}.metric-note{color:#a0a6b1;margin-top:9px;font-size:9px;display:block}.dash-grid{grid-template-columns:1.15fr 1fr;gap:15px;margin-top:16px;display:grid}.panel{background:#fff;border:1px solid #edeff3;border-radius:11px;box-shadow:0 3px 12px #1f293708}.focus-panel,.progress-panel{padding:20px 21px}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading h2,.section-row h2{letter-spacing:-.25px;margin:5px 0 0;font-size:15px}.focus-tag{color:#768b76;background:#f0f7ee;border-radius:12px;padding:6px 9px;font-size:9px}.focus-tag span{vertical-align:1px;background:#71b574;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.panel-copy{color:#9aa1ad;margin:8px 0 14px;font-size:10px}.focus-action{text-align:left;color:#a1a8b4;background:#fff;border:1px solid #edf0f4;border-radius:9px;align-items:center;gap:11px;width:100%;height:57px;margin:7px 0;padding:8px 11px;transition:all .18s;display:flex}.focus-action:hover{background:#fafbff;border-color:#dce4fa;transform:translateY(-1px)}.focus-action>div:nth-child(2){flex:1}.focus-action b,.focus-action small{display:block}.focus-action b{color:#46505f;font-size:11px}.focus-action small{color:#a1a7b1;margin-top:4px;font-size:9px}.focus-action>svg{color:#afb5bf}.focus-icon{color:#6988df;background:#edf3ff;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.focus-icon.soft-purple{color:#907bc6;background:#f3effb}.focus-icon.soft-orange{color:#d49b51;background:#fff4e8}.text-link{color:#7188cb;background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:10px;display:inline-flex}.text-link:hover{color:#4568d1}.focus-panel>.text-link{margin:8px 0 0 4px}.progress-visual{justify-content:center;align-items:center;gap:35px;padding:17px 0 19px;display:flex}.progress-ring{background:conic-gradient(#7792e1 var(--progress),#edf0f5 0);border-radius:50%;place-items:center;width:136px;height:136px;display:grid;position:relative}.progress-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:8px}.progress-ring>div{text-align:center;position:relative}.progress-ring strong{color:#343f55;font:700 29px Manrope;display:block}.progress-ring strong small{font-size:13px}.progress-ring span{color:#9ca3ae;font-size:9px}.progress-legend{gap:12px;min-width:100px;display:grid}.progress-legend>div{color:#9299a5;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:9px;display:grid}.progress-legend b{color:#4b5361;font-size:10px}.dot{border-radius:50%;width:6px;height:6px}.dot.mastered{background:#7891de}.dot.learning{background:#90c9b2}.dot.waiting{background:#e2e5eb}.quote{border-top:1px solid #eff0f4;padding:12px 8px 0 27px;position:relative}.quote>span{color:#cad4ef;font:32px Georgia;position:absolute;top:4px;left:3px}.quote p{color:#7f8796;margin:2px 0 5px;font-size:10px}.quote small{color:#adb3bc;font-size:8px}.recent-panel{margin-top:16px;padding:20px 21px}.activity-row{border-bottom:1px solid #f0f1f4;align-items:center;gap:11px;height:55px;display:flex}.activity-row:last-child{border:0}.activity-mark{border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.activity-mark.ok{color:#49a986;background:#edf8f3}.activity-mark.bad{color:#df817a;background:#fff0ee}.activity-row>div:nth-child(2){flex:1}.activity-row b,.activity-row small{display:block}.activity-row b{font-size:10px;font-weight:600}.activity-row small{color:#9ba2ad;margin-top:3px;font-size:9px}.activity-row>span{color:#9da4ad;font-size:9px}.empty-activity{text-align:center;flex-direction:column;align-items:center;padding:28px 0 15px;display:flex}.empty-activity>div{color:#93a7e0;font-size:26px}.empty-activity b{margin-top:7px;font-size:11px}.empty-activity small{color:#a0a6b1;margin:5px 0 12px;font-size:9px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.page-heading h1{letter-spacing:-.5px;margin:7px 0 5px;font:700 25px Manrope,Noto Sans SC,sans-serif}.page-heading p{color:#8f97a4;margin:0;font-size:11px}.heading-actions{gap:8px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:10px;font-weight:600;transition:all .16s;display:inline-flex}.button.primary{color:#fff;background:#5a7add;box-shadow:0 3px 8px #5677d526}.button.primary:hover{background:#4b6ccc;transform:translateY(-1px)}.button.secondary{color:#646d7c;background:#fff;border-color:#e7eaf0}.button.secondary:hover{background:#f8f9fc;border-color:#d7dce7}.button.small-button{height:31px;padding:0 10px;font-size:9px}.button.danger-button{color:#c66;background:#fff;border-color:#f0dede}.button:disabled{transform:none}.icon-button{color:#9aa1ad;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;transition:all .15s;display:inline-grid}.icon-button:hover{color:#5f6878;background:#f0f2f6}.deck-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.deck-card{cursor:pointer;background:#fff;border:1px solid #e9ecf1;border-radius:10px;min-height:164px;padding:14px;transition:all .18s}.deck-card:hover,.deck-card.selected{border-color:#b7c6f1;box-shadow:0 5px 16px #526eac12}.deck-card-top{justify-content:space-between;align-items:center;display:flex}.deck-cover{color:#718bda;background:#edf2ff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.deck-card:nth-child(3n+2) .deck-cover{color:#927fc5;background:#f1effa}.deck-card:nth-child(3n) .deck-cover{color:#6ab394;background:#eaf6f0}.deck-card h3{margin:11px 0 5px;font-size:12px}.deck-card p{color:#9aa1ac;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:9px;overflow:hidden}.deck-meta{color:#959ca8;border-top:1px solid #f0f1f4;align-items:center;gap:11px;margin-top:13px;padding-top:9px;font-size:9px;display:flex}.deck-meta span:nth-child(2){margin-left:auto}.text-button{background:0 0;border:0;place-items:center;display:grid}.danger-text{color:#bd8585}.new-deck-card{color:#8694b5;background:#fbfcfe;border:1px dashed #d9dfe9;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:164px;display:flex}.new-deck-card:hover{background:#f6f8ff;border-color:#aabbe9}.new-deck-card>span{background:#edf2ff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.new-deck-card b{color:#737f98;margin-top:9px;font-size:10px}.new-deck-card small{color:#aab0ba;margin-top:4px;font-size:9px}.section-row{justify-content:space-between;align-items:center;margin:29px 0 13px;display:flex}.section-row h2{margin:0;font-size:14px}.section-row p{color:#a0a6b0;margin:4px 0 0;font-size:9px}.list-actions{align-items:center;gap:7px;display:flex}.search-box{color:#aab0bb;background:#fff;border:1px solid #e7eaf0;border-radius:7px;align-items:center;gap:7px;width:180px;height:31px;padding:0 9px;display:flex}.search-box input{color:#4b5360;border:0;outline:0;width:100%;min-width:0;font-size:9px}.table-wrap{background:#fff;border:1px solid #eceef2;border-radius:9px;overflow:hidden}table{border-collapse:collapse;text-align:left;width:100%}th{color:#9aa1ad;background:#fafbfc;border-bottom:1px solid #eceef2;height:36px;padding:0 12px;font-size:9px;font-weight:500}td{border-bottom:1px solid #f1f2f4;padding:9px 12px;font-size:10px}tr:last-child td{border-bottom:0}.word-cell b,.word-cell small{display:block}.word-cell b{color:#3d4654;font-size:11px}.word-cell small{color:#a0a6b1;margin-top:3px;font-size:9px}.meaning-cell{color:#66707e;max-width:230px}.pos-pill{color:#8e96a3;background:#f5f6f8;border-radius:5px;padding:4px 7px;font-size:9px}.mastery-pill{border-radius:9px;padding:4px 8px;font-size:8px}.mastery-pill.m0{color:#9ba2ad;background:#f3f4f6}.mastery-pill.m1{color:#c38d4e;background:#fff5e8}.mastery-pill.m2{color:#6c87d5;background:#eef3ff}.mastery-pill.m3{color:#4eaa89;background:#eaf7f1}.muted-cell{color:#9ba2ad;font-size:9px}.row-tools{justify-content:flex-end;gap:2px;display:flex}.danger-hover:hover{color:#d17070;background:#fff0ee}.mini-speak{color:#8ba0dc;vertical-align:middle;background:0 0;border:0;padding:1px;display:inline-flex}.empty-table{text-align:center;color:#a2a8b2;padding:26px;font-size:10px}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e273754;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(590px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 24px 70px #202b4438}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-head h2{margin:6px 0 0;font-size:18px}.form{gap:15px;display:grid}.form label{color:#596270;flex-direction:column;gap:6px;font-size:10px;font-weight:600;display:flex}.form label>span{color:#d77c7c;display:inline}.form input,.form textarea,.form select{color:#454d5a;background:#fff;border:1px solid #e7eaf0;border-radius:7px;outline:none;height:36px;padding:0 10px;font-size:10px}.form textarea{resize:vertical;height:70px;padding:9px}.form input:focus,.form textarea:focus{border-color:#8da5e8;box-shadow:0 0 0 3px #edf2ff}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid .span2{grid-column:span 2}.modal-actions{justify-content:flex-end;gap:8px;padding-top:5px;display:flex}.toast{z-index:100;color:#fff;background:#263346;border-radius:9px;align-items:center;gap:8px;padding:11px 16px;font-size:11px;animation:.2s toast-in;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #1a243838}.toast svg{color:#7cd2a7}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.session-wrap{place-items:center;min-height:calc(100vh - 160px);display:grid}.session-intro{text-align:center;max-width:420px}.session-icon{color:#6381d8;background:#edf2ff;border-radius:17px;place-items:center;width:57px;height:57px;margin:0 auto 17px;display:grid}.session-icon.success{color:#55ad89;background:#e9f7f0}.session-intro h1,.setup-heading h1{margin:9px 0;font:700 26px Manrope,Noto Sans SC,sans-serif}.session-intro p,.setup-heading p{color:#8f97a5;font-size:11px;line-height:1.8}.session-choice{justify-content:center;gap:8px;margin:22px 0 13px;display:flex}.session-intro>small{color:#a4abb5;font-size:9px}.study-page{max-width:680px;margin:0 auto}.study-top{color:#929aa7;justify-content:space-between;align-items:center;font-size:10px;display:flex}.study-top .text-link{color:#828c9b}.study-progress,.quiz-progress{background:#e9ecf2;border-radius:5px;height:4px;margin-top:14px;overflow:hidden}.study-progress span,.quiz-progress i{background:#7290df;border-radius:5px;height:100%;transition:width .3s;display:block}.study-count{text-align:center;color:#5e6d91;margin:24px 0 12px;font:600 12px Manrope}.study-count span{color:#adb4c0;font-weight:400}.flashcard{background:linear-gradient(145deg,#fff,#fbfcff);border:1px solid #e8ecf2;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:315px;padding:38px 45px;transition:transform .25s,border-color .2s;display:flex;position:relative;box-shadow:0 10px 30px #2635530b}.flashcard:hover{border-color:#ccd7f2}.card-corner{color:#a5adba;font-size:9px;position:absolute;top:17px;left:19px}.flash-word{letter-spacing:-1px;color:#2e394d;font:700 36px Manrope,sans-serif}.flash-phonetic{color:#8d9cb7;margin-top:12px;font-size:12px}.flash-hint{color:#b0b6c1;margin-top:35px;font-size:9px}.flip-mark{color:#aeb4bf;align-items:center;gap:5px;font-size:9px;display:flex;position:absolute;bottom:15px}.flash-pos{color:#8796b7;background:#f0f3fc;border-radius:7px;padding:5px 9px;font-size:10px}.flash-meaning{color:#343e50;text-align:center;margin-top:15px;font-size:21px;font-weight:600}.flash-example{color:#697384;text-align:center;max-width:450px;margin-top:24px;font-size:11px;line-height:1.8}.flash-example small{color:#9aa2af;display:block}.study-controls{justify-content:center;align-items:center;gap:9px;margin:16px 0;display:flex}.study-controls .sound-button{color:#5979d5;background:#f7f9ff;border-color:#dce4f7}.recall-prompt{text-align:center;margin-top:23px}.recall-prompt>span{color:#858e9c;margin-bottom:11px;font-size:10px;display:block}.recall-prompt>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rate-btn{background:#fff;border:1px solid;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:106px;height:47px;font-size:10px;font-weight:600;display:flex}.rate-btn small{margin-top:3px;font-size:8px;font-weight:400}.rate-btn.unknown{color:#cb8077;background:snow;border-color:#f0dcd9}.rate-btn.familiar{color:#c4904b;background:#fffcf7;border-color:#f2e6d4}.rate-btn.known{color:#728bd1;background:#fafbff;border-color:#dce4f7}.rate-btn.mastered{color:#50a382;background:#f9fdfa;border-color:#d7eee3}.rate-btn:hover{transform:translateY(-1px)}.setup-heading{margin-bottom:24px}.setup-heading h1{margin:7px 0 4px}.setup-heading p{margin:0}.setup-layout{grid-template-columns:1.65fr .95fr;align-items:start;gap:14px;display:grid}.setup-main{padding:20px}.setup-section+.setup-section{border-top:1px solid #eff0f3;margin-top:21px;padding-top:18px}.setup-section h3,.setup-side h3{margin:0 0 13px;font-size:12px}.setup-section h3 span{color:#8ca2df;margin-right:6px;font:600 10px Manrope}.mode-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode-card{text-align:left;background:#fff;border:1px solid #e9ecf1;border-radius:8px;flex-direction:column;align-items:flex-start;min-height:92px;padding:11px;display:flex;position:relative}.mode-card:hover,.mode-card.chosen{background:#fafbff;border-color:#9fb2e9}.mode-symbol{color:#6b86d5;background:#eff3ff;border-radius:7px;place-items:center;width:25px;height:25px;margin-bottom:7px;font-size:10px;font-weight:700;display:grid}.mode-card b{font-size:10px}.mode-card small{color:#9ca3ae;margin-top:4px;font-size:8px}.mode-check{color:#fff;background:#718cdb;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:8px;right:8px}.scope-select{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.scope-select label{color:#6e7785;align-items:center;gap:5px;font-size:9px;display:flex}.scope-select input{accent-color:#6482db}.scope-select select,.sort-wrap select{color:#737c8b;background:#fff;border:1px solid #e8eaf0;border-radius:6px;height:27px;padding:0 6px;font-size:9px}.pool-count{color:#9aa1ad;margin-left:auto;font-size:9px}.setup-side{padding:20px}.setup-side h3{margin-bottom:18px}.setting-label{color:#9299a6;font-size:9px}.count-options{gap:6px;margin:8px 0 19px;display:flex}.count-options button{color:#858d99;background:#fff;border:1px solid #e8eaf0;border-radius:6px;min-width:42px;height:29px;font-size:9px}.count-options button.selected{color:#5977d2;background:#eef2ff;border-color:#b9c8f0}.toggle-row{border-top:1px solid #f0f1f4;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.toggle-row b,.toggle-row small{display:block}.toggle-row b{font-size:9px;font-weight:600}.toggle-row small{color:#a0a6b1;margin-top:4px;font-size:8px}.toggle{background:#dfe3ea;border:0;border-radius:10px;width:30px;height:17px;padding:2px;transition:all .2s}.toggle i{background:#fff;border-radius:50%;width:13px;height:13px;transition:all .2s;display:block;box-shadow:0 1px 3px #25334a2b}.toggle.on{background:#7290df}.toggle.on i{transform:translate(13px)}.setup-note{color:#9ba4b2;background:#f8f9fb;border-radius:7px;gap:7px;margin:13px 0;padding:9px;font-size:8px;line-height:1.6;display:flex}.setup-note svg{color:#97a6c5;flex:none}.start-quiz{width:100%}.quiz-run{max-width:680px;margin:0 auto}.quiz-run-head{color:#8f97a4;justify-content:space-between;align-items:center;font-size:10px;display:flex}.quiz-run-head b{color:#5a6474;font-weight:600}.question-area{text-align:center;max-width:540px;margin:85px auto 0}.question-label{color:#8e97a5;font-size:11px}.question-word{color:#30394b;margin:27px 0;font:700 31px Manrope,Noto Sans SC,sans-serif}.question-word .mini-speak{margin-left:12px}.question-hint{color:#8f98a6;margin-top:-16px;margin-bottom:18px;font-size:10px}.audio-prompt{color:#6884d9;background:#f6f8ff;border:1px solid #e5eafa;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:160px;height:150px;margin:21px auto 28px;display:flex}.audio-prompt>span{background:#e8eeff;border-radius:50%;place-items:center;width:51px;height:51px;display:grid}.audio-prompt b{margin-top:11px;font-size:10px}.audio-prompt small{color:#a1a9b6;margin-top:4px;font-size:8px}.question-area form{gap:8px;margin-top:12px;display:flex}.question-area form input{border:1px solid #e4e8ef;border-radius:8px;outline:none;flex:1;min-width:0;height:43px;padding:0 13px;font-size:12px}.question-area form input:focus{border-color:#91a7e6;box-shadow:0 0 0 3px #edf2ff}.quiz-tip{color:#aab0b9;margin-top:12px;font-size:9px}.quiz-foot{color:#a1a8b2;border-top:1px solid #eceef2;justify-content:space-between;margin-top:90px;padding-top:12px;font-size:9px;display:flex}.result-wrap{place-items:center;min-height:calc(100vh - 160px);display:grid}.result-card{text-align:center;background:#fff;border:1px solid #eceef2;border-radius:14px;width:min(400px,100%);padding:30px;box-shadow:0 8px 30px #2938580b}.result-medal{color:#6986d9;background:#eef3ff;border-radius:50%;place-items:center;width:49px;height:49px;margin:0 auto 15px;font-size:23px;display:grid}.result-card h1{margin:8px 0;font:700 21px Manrope,Noto Sans SC,sans-serif}.result-card>p{color:#9aa1ad;font-size:10px}.result-score{margin:24px auto 18px}.result-score strong{color:#4f70d1;font:700 39px Manrope}.result-score strong small{color:#a2a9b4;font-size:17px}.result-score>span{color:#8993a2;margin-top:3px;font-size:9px;display:block}.result-mini{border-top:1px solid #eff0f3;border-bottom:1px solid #eff0f3;grid-template-columns:repeat(3,1fr);margin-bottom:19px;padding:15px 0;display:grid}.result-mini b,.result-mini small{display:block}.result-mini b{font:700 17px Manrope}.result-mini small{color:#9ba2ad;margin-top:4px;font-size:8px}.green-text{color:#50ab89}.red-text{color:#d77b75}.result-card>.button{width:100%}.centered{margin:12px auto 0}.result-summary{align-items:center;gap:18px;margin-bottom:14px;padding:18px 20px;display:flex}.result-summary-number{white-space:nowrap;font:700 18px Manrope}.result-summary-number small{color:#939ba8;font-size:9px;font-weight:400}.result-bar{background:#f0f1f5;border-radius:5px;flex:1;height:7px;overflow:hidden}.result-bar i{background:#69b494;border-radius:5px;height:100%;display:block}.result-summary>span{color:#8d96a4;font-size:9px}.result-list{gap:8px;display:grid}.result-row{align-items:center;gap:12px;padding:13px 15px;display:flex}.result-check{border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.result-check.yes{color:#4daa88;background:#eaf7f1}.result-check.no{color:#d97a72;background:#fff0ed}.result-main{flex:1;min-width:0}.result-main span,.result-main b,.result-main small,.result-answer small,.result-answer b{display:block}.result-mode,.result-answer small{color:#a1a8b3;font-size:8px}.result-main b{margin:4px 0;font-size:11px}.result-main small{color:#8d96a3;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.result-answer{text-align:right;max-width:40%}.result-answer b{color:#566174;overflow-wrap:anywhere;margin-top:4px;font-size:10px}.mistake-summary{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.mistake-summary>div{background:#fff;border:1px solid #edeff3;border-radius:9px;min-height:77px;padding:13px;position:relative}.mistake-summary .metric-icon{margin:0;position:absolute;top:13px;right:13px}.mistake-summary>div>span{color:#969eab;font-size:9px;display:block}.mistake-summary>div>b{margin-top:8px;font:700 21px Manrope;display:block}.mistake-summary .sort-wrap{justify-content:space-between;align-items:center;gap:8px;display:flex}.sort-wrap select{max-width:115px}.mistake-list{gap:8px;display:grid}.mistake-row{align-items:center;gap:13px;padding:12px;display:flex}.mistake-badge{color:#d48b6e;background:#fff0eb;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:600;display:grid}.mistake-word{min-width:120px}.mistake-word b,.mistake-word small{display:block}.mistake-word b{font-size:12px}.mistake-word small{color:#a0a6b1;margin-top:4px;font-size:9px}.mistake-meaning{color:#687180;flex:1;font-size:10px}.mistake-meaning small{color:#9fa6b1;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:8px;display:block;overflow:hidden}.wrong-times{color:#bd8d7b;white-space:nowrap;font-size:8px}.stats-overview{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px;display:grid}.chart-panel,.history-panel{padding:19px 20px}.chart-legend{color:#9da4af;font-size:9px}.chart-legend i{background:#7c95df;border-radius:2px;width:7px;height:7px;margin-right:5px;display:inline-block}.bar-chart{align-items:stretch;gap:12px;height:190px;padding:19px 15px 0;display:flex}.bar-column{flex-direction:column;flex:1;align-items:center;display:flex}.bar-area{background:repeating-linear-gradient(#0000 0 35px,#f4f5f7 36px);border-bottom:1px solid #eceef2;justify-content:center;align-items:flex-end;width:100%;height:145px;display:flex;position:relative}.bar-area i{background:linear-gradient(#91a7e8,#7893df);border-radius:5px 5px 0 0;width:34%;min-width:12px;max-width:34px;transition:height .4s;display:block}.bar-value{color:#8896b6;font-size:8px;position:absolute;top:4px}.bar-column>small{color:#a0a7b1;margin-top:8px;font-size:8px}.history-panel{margin-top:14px}.settings-layout{grid-template-columns:1.2fr 1fr;gap:14px;display:grid}.settings-card{padding:20px}.settings-icon{color:#7790d9;background:#f0f3fc;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.settings-card>p{color:#8f97a4;margin:15px 0;font-size:10px;line-height:1.8}.storage-info{background:#f8f9fb;border:1px solid #f0f1f4;border-radius:8px;padding:4px 12px}.storage-info>div{border-bottom:1px solid #eceef2;justify-content:space-between;align-items:center;padding:10px 0;font-size:9px;display:flex}.storage-info>div:last-child{border:0}.storage-info span{color:#929aa7}.storage-info b{color:#4f5968;font-weight:500}.settings-actions{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.settings-actions .button{font-size:9px}.about-feature{color:#747e8d;border-bottom:1px solid #f0f1f4;align-items:center;gap:8px;padding:8px 0;font-size:10px;display:flex}.about-feature svg{color:#62b28f}.about-feature:last-child{border:0}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:70px 20px;display:flex}.empty-icon{color:#7992dc;background:#eef2ff;border-radius:16px;place-items:center;width:54px;height:54px;display:grid}.empty-state h2{margin:14px 0 5px;font-size:15px}.empty-state p{color:#9aa1ad;margin:0 0 15px;font-size:10px}.menu-button,.mobile-close{display:none}@media (width<=1100px){.content{padding:27px 25px 50px}.topbar{padding:0 25px}.welcome-art{right:20px;transform:scale(.88)}.deck-grid{grid-template-columns:repeat(2,1fr)}.metrics,.stats-overview{gap:9px}.metric-card{padding:14px}.dash-grid{grid-template-columns:1fr 1fr}.setup-layout{grid-template-columns:1.4fr 1fr}}@media (width<=780px){.sidebar{box-shadow:none;transition:transform .22s;transform:translate(-100%)}.sidebar.show{transform:translate(0);box-shadow:12px 0 45px #19254026}.mobile-close{margin-left:auto;display:grid}.main{margin-left:0}.menu-button{display:grid}.topbar{height:57px;padding:0 17px}.crumb{margin-left:10px;margin-right:auto}.content{padding:23px 18px 40px}.welcome{min-height:160px;padding:26px 23px}.welcome-art{opacity:.5;right:-42px;transform:scale(.74)}.welcome>div:first-child{z-index:1;max-width:65%;position:relative}.welcome h1{font-size:21px}.welcome p{max-width:300px;line-height:1.7}.metrics{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.progress-visual{justify-content:center}.page-heading{flex-direction:column;align-items:flex-start;gap:14px}.heading-actions{align-self:flex-start}.section-row{flex-direction:column;align-items:flex-start;gap:10px}.list-actions{flex-wrap:wrap;width:100%}.search-box{flex:1;min-width:130px}.table-wrap{overflow-x:auto}table{min-width:670px}.setup-layout{grid-template-columns:1fr}.setup-side{order:-1}.mistake-row{flex-wrap:wrap}.mistake-meaning{order:4;min-width:calc(100% - 150px);margin-left:42px}.wrong-times{margin-left:auto}.mistake-summary{grid-template-columns:1fr 1fr}.mistake-summary .sort-wrap{grid-column:span 2}.settings-layout{grid-template-columns:1fr}.question-area{margin-top:60px}.quiz-foot{margin-top:65px}}@media (width<=500px){.date-pill{display:none}.top-actions{gap:6px}.content{padding:19px 13px 34px}.welcome{min-height:151px;padding:22px 17px}.welcome>div:first-child{max-width:80%}.welcome-art{opacity:.37;right:-92px}.welcome h1{font-size:19px}.welcome p{font-size:9px}.metrics{gap:8px}.metric-card{min-height:115px;padding:12px}.metric-icon{width:28px;height:28px;margin-bottom:11px}.metric-label{font-size:9px;top:19px;left:49px}.metric-value{font-size:22px}.metric-note{font-size:8px}.focus-panel,.progress-panel,.recent-panel{padding:16px}.progress-visual{gap:23px}.progress-ring{width:118px;height:118px}.page-heading h1{font-size:22px}.heading-actions{width:100%}.heading-actions .button{flex:1}.deck-grid{grid-template-columns:1fr 1fr;gap:8px}.deck-card,.new-deck-card{min-height:150px;padding:11px}.deck-card h3{font-size:10px}.deck-card p{font-size:8px}.deck-meta{gap:6px;font-size:8px}.deck-meta span:nth-child(2){margin-left:0}.new-deck-card b{font-size:9px}.list-actions .small-button{flex:1}.section-row{margin-top:23px}.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:auto}.modal{padding:17px}.flashcard{min-height:285px;padding:30px 22px}.flash-word{font-size:30px}.flash-meaning{font-size:18px}.rate-btn{flex:1;min-width:calc(50% - 5px)}.recall-prompt>div{gap:7px}.study-controls{flex-wrap:wrap}.question-area{margin-top:48px}.question-area form{flex-direction:column}.question-area form .button{height:42px}.quiz-foot{margin-top:50px}.scope-select{gap:9px}.scope-select select{width:100%}.setup-main,.setup-side{padding:15px}.mode-grid{gap:6px}.mode-card{min-height:87px;padding:8px}.mistake-summary{gap:8px}.mistake-summary>div{padding:10px}.mistake-word{min-width:calc(100% - 55px)}.mistake-meaning{margin-left:42px}.wrong-times{display:none}.bar-chart{gap:5px;padding-left:2px;padding-right:2px}.result-row{gap:8px;padding:10px}.result-answer{max-width:37%}.result-main b{font-size:10px}.settings-actions .button{flex:1}.session-choice{flex-wrap:wrap}}