@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg0: #0a0e16;--bg1: #0d121c;--surface: #121826;--surface-2: #192031;--surface-3: #212b40;--border: #202a3c;--border-2: #2c3850;--ink: #e8edf6;--ink-2: #9da9bd;--ink-3: #64718a;--accent: #e11d33;--accent-hover: #f02b41;--accent-ink: #ff6b7a;--accent-tint: rgba(225, 29, 51, .13);--gold: #f2b544;--gold-dim: #c2913d;--gold-tint: rgba(242, 181, 68, .13);--green: #2fbf7f;--green-ink: #52d695;--green-tint: rgba(47, 191, 127, .13);--blue: #4f9cf7;--blue-ink: #78b3ff;--blue-tint: rgba(79, 156, 247, .13);--r-sm: 8px;--r: 12px;--r-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .5);--sidebar-w: 240px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 480px at 75% -12%,rgba(225,29,51,.055),transparent 65%),var(--bg0);color:var(--ink);font-family:Inter Variable,Inter,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.arabic{font-family:SF Arabic,Geeza Pro,Noto Naskh Arabic,serif;direction:rtl}::selection{background:#e11d3359}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:99px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-ink) 65%,transparent);outline-offset:2px;border-radius:6px}h1,h2,h3{letter-spacing:-.015em}.app{display:flex;height:100%}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--bg1);border-right:1px solid var(--border);padding:20px 12px 14px}.brand{display:flex;align-items:center;gap:10px;padding:2px 10px 18px}.brand-mark{width:34px;height:34px;border-radius:10px;flex-shrink:0;background:linear-gradient(145deg,#f0304a,#b90d20);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #e11d3359}.brand-name{font-size:17px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.brand-name .tr{color:var(--accent-ink)}.brand-sub{font-size:10.5px;font-weight:600;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{position:relative;display:flex;align-items:center;gap:11px;padding:9px 12px;border:none;border-radius:10px;cursor:pointer;background:transparent;color:var(--ink-2);font-size:13.5px;font-weight:600;font-family:inherit;transition:background .12s,color .12s;text-align:left}.nav-item svg{color:var(--ink-3);transition:color .12s}.nav-item:hover{background:var(--surface);color:var(--ink)}.nav-item:hover svg{color:var(--ink-2)}.nav-item.active{background:var(--surface-2);color:var(--ink)}.nav-item.active svg{color:var(--accent-ink)}.nav-item.active:before{content:"";position:absolute;left:-12px;top:50%;translate:0 -50%;width:3px;height:20px;border-radius:99px;background:var(--accent)}.sidebar-foot{margin-top:auto;padding-top:14px}.level-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px}.level-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.level-cefr{background:var(--accent);color:#fff;font-weight:800;font-size:13px;padding:3px 11px;border-radius:99px;letter-spacing:.02em}.level-score{font-size:11.5px;color:var(--ink-3);font-weight:600}.level-meta{display:flex;gap:14px}.level-stat{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700}.level-stat svg{flex-shrink:0}.level-stat.streak svg{color:var(--gold)}.level-stat.xp svg{color:var(--blue-ink)}.level-stat .unit{color:var(--ink-3);font-weight:600}.content{flex:1;min-width:0;display:flex;flex-direction:column}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:26px 28px 0;max-width:1060px;width:100%;margin:0 auto}.page-title{margin:0;font-size:21px;font-weight:750}.page-sub{margin:3px 0 0;font-size:13px;color:var(--ink-3)}.main{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:20px 28px 32px;max-width:1060px;width:100%;margin:0 auto}.mobilebar,.tabbar{display:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.card h2{margin:0 0 12px;font-size:16px;font-weight:700}.card h3{margin:0 0 8px;font-size:13.5px;color:var(--ink-2);font-weight:650}.eyebrow{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px}.eyebrow svg{color:var(--accent-ink)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:860px){.grid2{grid-template-columns:1fr}}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.muted{color:var(--ink-2);font-size:13px}.dim{color:var(--ink-3)}.small{font-size:12.5px}button.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border:1px solid transparent;border-radius:10px;background:var(--accent);color:#fff;font-family:inherit;font-weight:650;font-size:13.5px;cursor:pointer;transition:background .12s,border-color .12s,transform .08s,opacity .15s;white-space:nowrap}button.btn:hover{background:var(--accent-hover)}button.btn:active{transform:translateY(1px)}button.btn:disabled{opacity:.45;cursor:default;transform:none}button.btn.tonal{background:var(--surface-3);color:var(--ink)}button.btn.tonal:hover{background:color-mix(in srgb,var(--surface-3) 80%,#fff 6%)}button.btn.ghost{background:transparent;border-color:var(--border-2);color:var(--ink-2)}button.btn.ghost:hover{color:var(--ink);border-color:var(--ink-3);background:#ffffff08}button.btn.green{background:var(--green-tint);border-color:transparent;color:var(--green-ink)}button.btn.green:hover{background:color-mix(in srgb,var(--green-tint) 70%,var(--green) 18%)}button.btn.gold{background:var(--gold-tint);color:var(--gold)}button.btn.gold:hover{background:color-mix(in srgb,var(--gold-tint) 70%,var(--gold) 18%)}button.btn.blue{background:var(--blue-tint);color:var(--blue-ink)}button.btn.blue:hover{background:color-mix(in srgb,var(--blue-tint) 70%,var(--blue) 18%)}button.btn.sm{height:30px;padding:0 11px;font-size:12.5px;gap:6px;border-radius:8px}button.btn.icon{width:34px;padding:0}button.btn.icon.sm{width:30px}input,textarea,select{background:var(--bg1);border:1px solid var(--border-2);color:var(--ink);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;outline:none;width:100%;transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:var(--ink-3)}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--accent-ink) 60%,transparent);box-shadow:0 0 0 3px var(--accent-tint)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364718a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}input[type=range]{accent-color:var(--accent);padding:0;border:none;box-shadow:none;background:transparent}input[type=checkbox]{width:auto;accent-color:var(--accent)}label.field{display:block;margin-bottom:14px}label.field>span{display:block;font-size:12.5px;color:var(--ink-2);margin-bottom:6px;font-weight:650}.switch{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--ink-2)}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:34px;height:20px;border-radius:99px;background:var(--surface-3);border:1px solid var(--border-2);transition:background .15s,border-color .15s;flex-shrink:0;position:relative}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--ink-2);transition:translate .15s,background .15s}.switch input:checked+.track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.track:after{translate:14px 0;background:#fff}.switch input:focus-visible+.track{outline:2px solid color-mix(in srgb,var(--accent-ink) 65%,transparent);outline-offset:2px}.error-banner,.notice{padding:11px 14px;border-radius:10px;margin-bottom:14px;font-size:13px;border:1px solid transparent;border-left-width:3px}.error-banner{background:#e11d3317;border-color:#e11d3359;color:#ffaeb8}.notice{background:var(--blue-tint);border-color:#4f9cf766;color:#b7d5ff}.notice a{color:inherit;font-weight:700;cursor:pointer}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:6px 10px;font-size:12.5px;margin:4px 4px 0 0}.chip.correction{border-color:#f2b5444d;background:var(--gold-tint);color:#f4d296}.chip.correction svg{color:var(--gold);flex-shrink:0}.chip.word{border-color:#2fbf7f4d;background:var(--green-tint);color:#a8ecc9;cursor:pointer}.chip.word:hover{border-color:var(--green)}.chip.block{display:flex;margin:0 0 6px}.pill{display:inline-flex;align-items:center;gap:5px;background:var(--surface-2);border:1px solid var(--border);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:650;color:var(--ink-2)}.pill.ok{border-color:#2fbf7f59;background:var(--green-tint);color:var(--green-ink)}.badge{display:inline-flex;align-items:center;gap:5px;background:var(--surface-2);border:1px solid var(--border);padding:3px 11px;border-radius:99px;font-size:12.5px;font-weight:650}.badge.cefr{background:var(--accent);border-color:transparent;color:#fff;font-weight:800}.badge.streak{color:var(--gold)}.badge.xp{color:var(--blue-ink)}.spinner{width:18px;height:18px;border:2.5px solid var(--border-2);border-top-color:var(--accent-ink);border-radius:50%;animation:spin .8s linear infinite;display:inline-block;vertical-align:middle;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.center{text-align:center;padding:48px 0}.empty{padding:30px 12px;text-align:center;color:var(--ink-3);font-size:13px;line-height:1.6}.empty svg{display:block;margin:0 auto 10px;color:var(--ink-3);opacity:.7}.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:2px;position:relative}.stat .l{font-size:12px;color:var(--ink-3);font-weight:650;order:-1;margin-bottom:6px;display:flex;align-items:center;gap:7px}.stat .l svg{flex-shrink:0}.stat .v{font-size:26px;font-weight:780;line-height:1.1;letter-spacing:-.02em}.stat .sub{font-size:12px;color:var(--ink-3);font-weight:550;margin-top:3px}.stat.streak .l svg{color:var(--gold)}.stat.level .l svg{color:var(--accent-ink)}.stat.xp .l svg{color:var(--blue-ink)}.stat.due .l svg{color:var(--green-ink)}.skillbar{margin-bottom:12px}.skillbar .bar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.skillbar .bar-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.skillbar .bar-label svg{color:var(--ink-3)}.skillbar .bar-val{font-size:12px;color:var(--ink-3);font-weight:650;font-variant-numeric:tabular-nums}.skillbar .track{height:7px;background:var(--blue-tint);border-radius:99px;overflow:hidden}.skillbar .fill{height:100%;border-radius:99px;background:var(--blue);transition:width .4s ease}.skillbar.weak .track{background:var(--accent-tint)}.skillbar.weak .fill{background:var(--accent)}.tag-weak{font-size:10px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-tint);border-radius:99px;padding:1px 7px}.chart{display:flex;align-items:flex-end;gap:5px;height:110px;padding-top:6px}.chart .slot{flex:1;max-width:30px;display:flex;align-items:flex-end;justify-content:center;height:100%}.chart .bar{width:100%;max-width:22px;min-height:3px;background:var(--gold-dim);border-radius:4px 4px 0 0;transition:background .12s}.chart .slot:hover .bar,.chart .bar.today{background:var(--gold)}.chart-x{display:flex;gap:5px;border-top:1px solid var(--border);margin-top:0;padding-top:6px}.chart-x span{flex:1;max-width:30px;text-align:center;font-size:10px;font-weight:600;color:var(--ink-3)}.chart-x span.today{color:var(--gold);font-weight:750}.quick-actions{display:flex;flex-direction:column;gap:8px}.quick-action{display:flex;align-items:center;gap:12px;width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;cursor:pointer;color:var(--ink);font-family:inherit;text-align:left;transition:border-color .12s,background .12s}.quick-action:hover{border-color:var(--border-2);background:var(--surface-3)}.qa-icon{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.qa-icon.red{background:var(--accent-tint);color:var(--accent-ink)}.qa-icon.blue{background:var(--blue-tint);color:var(--blue-ink)}.qa-icon.gold{background:var(--gold-tint);color:var(--gold)}.qa-body{flex:1;min-width:0}.qa-title{font-size:13.5px;font-weight:650}.qa-sub{font-size:12px;color:var(--ink-3)}.quick-action>svg:last-child{color:var(--ink-3);flex-shrink:0}.chat-wrap{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.chat-scroll{flex:1;min-height:0;overflow-y:auto;padding:4px 2px 12px}.msg{display:flex;gap:10px;max-width:82%;margin-bottom:14px}.msg.user{margin-left:auto;flex-direction:row-reverse}.avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;margin-top:2px;background:var(--surface-3);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;color:var(--accent-ink)}.msg-col{min-width:0}.msg .bubble{padding:11px 15px;border-radius:16px;white-space:pre-wrap;font-size:14.5px;line-height:1.55}.msg.user .bubble{background:var(--accent);color:#fff;border-bottom-right-radius:5px}.msg.ai .bubble{background:var(--surface-2);border:1px solid var(--border);border-top-left-radius:5px}.msg .tools{margin-top:6px;display:flex;gap:6px}.starter-chips{display:flex;gap:8px;flex-wrap:wrap}.chat-input{display:flex;gap:8px;align-items:flex-end;padding-top:12px;border-top:1px solid var(--border)}.chat-input textarea{resize:none;height:50px;border-radius:14px}.chat-input .btn.send{height:50px;width:50px;padding:0;border-radius:14px;flex-shrink:0}.mic{width:50px;height:50px;min-width:50px;border-radius:14px;cursor:pointer;background:var(--surface-2);border:1px solid var(--border-2);color:var(--ink-2);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.mic:hover:not(:disabled){color:var(--ink);border-color:var(--ink-3)}.mic:disabled{opacity:.4;cursor:default}.mic.on{background:var(--accent);border-color:var(--accent);color:#fff;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #e11d3380}50%{box-shadow:0 0 0 12px #e11d3300}}.progressbar{height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin:10px 0 6px}.progressbar>div{height:100%;border-radius:99px;background:var(--accent);transition:width .3s}.progress-meta{font-size:12px;color:var(--ink-3);font-weight:600;margin-bottom:14px}.choices{display:grid;gap:10px;margin-top:14px}.choice{text-align:left;background:var(--surface-2);border:1px solid var(--border-2);color:var(--ink);padding:13px 16px;border-radius:var(--r);cursor:pointer;font-size:14.5px;font-family:inherit;transition:border-color .12s,background .12s}.choice:hover:not(:disabled){border-color:var(--accent-ink)}.choice.correct{border-color:var(--green);background:var(--green-tint)}.choice.wrong{border-color:var(--accent);background:var(--accent-tint)}.choice:disabled{cursor:default}.bigprompt{font-size:19px;font-weight:650;margin:6px 0;line-height:1.45}.feedback{margin-top:14px;padding:12px 16px;border-radius:var(--r);font-size:13.5px;display:flex;gap:10px}.feedback svg{flex-shrink:0;margin-top:2px}.feedback.good{background:var(--green-tint);border:1px solid rgba(47,191,127,.3);color:#b9edd4}.feedback.good svg{color:var(--green-ink)}.feedback.bad{background:var(--accent-tint);border:1px solid rgba(225,29,51,.3);color:#ffc3ca}.feedback.bad svg{color:var(--accent-ink)}.wordbank{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.wordtile{background:var(--surface-3);border:1px solid var(--border-2);color:var(--ink);padding:8px 14px;border-radius:10px;cursor:pointer;font-size:14.5px;font-weight:600;font-family:inherit;transition:border-color .12s,background .12s,opacity .12s}.wordtile:hover:not(:disabled){border-color:var(--ink-3)}.wordtile:disabled{opacity:.3;cursor:default}.wordtile.built{background:var(--accent);border-color:var(--accent);color:#fff}.wordtile.sel{border-color:var(--gold);background:var(--gold-tint);color:var(--gold)}.wordtile.done{opacity:.35;border-color:var(--green);cursor:default}.builder{min-height:50px;background:var(--bg1);border:1px dashed var(--border-2);border-radius:var(--r);padding:8px}.matchgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.dict-entry{border-bottom:1px solid var(--border);padding:14px 0}.dict-entry:last-child{border-bottom:none;padding-bottom:2px}.dict-word{font-size:17px;font-weight:750}.dict-list{margin:8px 0 0;padding-left:20px}.dict-list li{margin-bottom:6px}.dict-link{cursor:pointer;margin-right:10px;color:var(--blue-ink)}.dict-link:hover{text-decoration:underline}.flashcard{background:var(--surface-2);border:1px solid var(--border-2);border-radius:18px;padding:40px 24px;text-align:center;cursor:pointer;min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:10px;transition:border-color .12s}.flashcard:hover{border-color:var(--ink-3)}.flashcard .front{font-size:30px;font-weight:780;letter-spacing:-.02em}.flashcard .back-meaning{font-size:17px}.gradebtns{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.gradebtns .btn{border-radius:var(--r)}.gradebtns .again{background:var(--accent-tint);color:var(--accent-ink)}.gradebtns .again:hover{background:color-mix(in srgb,var(--accent-tint) 70%,var(--accent) 18%)}.review-card{max-width:560px;margin:0 auto;width:100%}.review-progress{height:5px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin:10px 0 16px}.review-progress>div{height:100%;border-radius:99px;background:var(--gold);transition:width .3s}.seg-A1{background:var(--green-tint);color:var(--green-ink)}.seg-A2{background:#2dc1c124;color:#4fd8d2}.seg-B1{background:var(--blue-tint);color:var(--blue-ink)}.seg-B2{background:var(--gold-tint);color:var(--gold)}.seg-C1{background:#f0823c26;color:#f59a63}.seg-C2{background:var(--accent-tint);color:var(--accent-ink)}.seg-unrated{background:var(--surface-3);color:var(--ink-3)}.cefr-bar{display:flex;gap:2px;margin-top:16px;height:20px;border-radius:6px;overflow:hidden}.cefr-seg{min-width:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;overflow:hidden;color:#0a0e16}.cefr-seg.seg-A1{background:var(--green)}.cefr-seg.seg-A2{background:#2dc1c1}.cefr-seg.seg-B1{background:var(--blue)}.cefr-seg.seg-B2{background:var(--gold)}.cefr-seg.seg-C1{background:#f0823c}.cefr-seg.seg-C2{background:#ee5163}.cefr-seg.seg-unrated{background:var(--surface-3)}.deck-hero-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.deck-stats{display:flex;gap:26px}.deck-stat{display:flex;flex-direction:column;line-height:1.15}.deck-stat .v{font-size:27px;font-weight:780;letter-spacing:-.02em}.deck-stat .l{font-size:11.5px;color:var(--ink-3);font-weight:650;margin-top:2px}.review-btn{white-space:nowrap}.deck-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.deck-search{position:relative;flex:1;min-width:180px;max-width:280px}.deck-search svg{position:absolute;left:11px;top:50%;translate:0 -50%;color:var(--ink-3);pointer-events:none}.deck-search input{padding-left:34px}.filter-chips{display:flex;gap:6px;flex-wrap:wrap}.fchip{border:1px solid var(--border-2);background:transparent;color:var(--ink-2);padding:5px 12px;border-radius:99px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .12s}.fchip:hover{color:var(--ink);border-color:var(--ink-3)}.fchip.on{background:var(--accent);border-color:var(--accent);color:#fff}.word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.word-card{text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:13px 14px;cursor:pointer;color:var(--ink);font-family:inherit;display:flex;flex-direction:column;gap:7px;transition:border-color .12s,transform .1s}.word-card:hover{border-color:var(--accent-ink);transform:translateY(-2px)}.wc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.wc-word{font-size:16px;font-weight:750;letter-spacing:-.01em}.wc-cefr{font-size:10px;font-weight:800;padding:2px 7px;border-radius:99px;flex-shrink:0}.wc-meaning{font-size:12.5px;color:var(--ink-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}.wc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.wc-due{font-size:11px;font-weight:700;color:var(--ink-3)}.wc-due.now{color:var(--gold)}.wc-chat{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--blue-ink);opacity:0;transition:opacity .12s}.word-card:hover .wc-chat{opacity:1}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#04070c99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-end;animation:fade .15s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{width:min(470px,100%);height:100%;background:var(--bg1);border-left:1px solid var(--border);display:flex;flex-direction:column;animation:slidein .2s ease;box-shadow:var(--shadow-lg)}@keyframes slidein{0%{transform:translate(24px);opacity:.4}to{transform:translate(0);opacity:1}}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid var(--border)}.word-title{margin:0;font-size:23px;font-weight:780;letter-spacing:-.02em}.drawer-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 18px}.word-facts{padding-bottom:14px;border-bottom:1px solid var(--border)}.fact-en{font-size:14.5px;margin-top:4px}.fact-ar{font-size:16px;margin-top:2px}.fact-ex{color:var(--ink-2);font-size:13px;margin-top:6px;font-style:italic}.word-chat-head{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-3);font-weight:650;margin:14px 0 8px}.word-chat-scroll{flex:1;min-height:80px;overflow-y:auto;padding:2px}.chat-empty{padding:16px 4px;line-height:1.5}.word-chat-scroll .msg{max-width:94%}.word-chat-scroll .msg.ai .bubble{font-size:13.5px}.rich-line{min-height:6px}.rich-line:empty{min-height:8px}.rich-bullet{display:flex;gap:7px;margin:3px 0}.rich-dot{color:var(--accent-ink)}.word-suggest{display:flex;gap:6px;flex-wrap:wrap;padding:10px 0 6px}.word-suggest .btn{font-size:12px;padding:0 10px;height:28px}.drawer-body .chat-input{border-top:none;padding-top:8px}.drawer-body .chat-input textarea{height:46px}.drawer-body .chat-input .btn.send{height:46px;width:46px}.editor-area{font-size:15.5px;line-height:1.75;min-height:220px;border-radius:var(--r)}.tr-chars{display:flex;gap:6px;flex-wrap:wrap}.tr-chars .wordtile{padding:4px 11px;font-size:14px}.wordcount{font-size:12px;color:var(--ink-3);font-weight:650;font-variant-numeric:tabular-nums}.score-ring-row{display:flex;align-items:center;gap:10px}.score-big{font-size:26px;font-weight:780;letter-spacing:-.02em}.score-big .of{font-size:13px;color:var(--ink-3);font-weight:600}.audio-pill{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:2px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:99px;padding:6px 8px;box-shadow:var(--shadow-lg);animation:fade .15s ease}.audio-btn{border:none;background:transparent;color:var(--ink-2);cursor:pointer;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:99px}.audio-btn:hover{background:var(--surface-3);color:var(--ink)}.audio-btn.stop{color:var(--accent-ink)}.audio-eq{display:flex;align-items:flex-end;gap:2px;height:14px;margin:0 6px 0 4px}.audio-eq i{width:3px;background:var(--gold);border-radius:2px;animation:eq 1s ease-in-out infinite}.audio-eq i:nth-child(1){height:60%;animation-delay:0s}.audio-eq i:nth-child(2){height:100%;animation-delay:.2s}.audio-eq i:nth-child(3){height:75%;animation-delay:.4s}.audio-eq.paused i{animation-play-state:paused;opacity:.5}@keyframes eq{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@media(max-width:860px){input,textarea,select{font-size:16px}.sidebar{display:none}.mobilebar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:color-mix(in srgb,var(--bg1) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.mobilebar .brand-mark{width:28px;height:28px;border-radius:8px}.mobilebar .brand-name{font-size:15px}.mobilebar .badges{margin-left:auto;display:flex;gap:6px;align-items:center}.mobilebar .badge{padding:2px 9px;font-size:11.5px}.page-head{padding:18px 16px 0}.page-title{font-size:19px}.main{padding:14px 16px calc(76px + env(safe-area-inset-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-around;gap:0;background:color-mix(in srgb,var(--bg1) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:6px 2px calc(6px + env(safe-area-inset-bottom))}.tabbar .nav-item{flex:1;min-width:0;flex-direction:column;gap:3px;padding:4px 2px;font-size:10px;font-weight:600;border-radius:8px;align-items:center}.tabbar .nav-item:before{display:none}.tabbar .nav-item.active{background:transparent;color:var(--accent-ink)}.tabbar .nav-item.active svg{color:var(--accent-ink)}.tabbar .nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statrow{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:13px 14px}.stat .v{font-size:22px}.msg{max-width:92%}.avatar{display:none}.card{padding:16px;border-radius:14px}.gradebtns{gap:6px}.btn.sm{height:34px}.flashcard{padding:32px 18px}.drawer{width:100%;border-left:none}.drawer-body{padding:14px}.word-title{font-size:21px}.word-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:10px}.wc-chat{opacity:1}.deck-stats{gap:18px}.deck-stat .v{font-size:23px}.audio-pill{right:12px;bottom:calc(78px + env(safe-area-inset-bottom))}}.auth-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:400px;padding:30px 28px}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.auth-title{margin:0 0 6px;font-size:20px}.auth-sub{margin:0 0 18px;color:var(--ink-2);font-size:13px}.auth-card .error-banner{margin-bottom:14px}.auth-submit{width:100%;margin-top:4px}.auth-switch{margin:16px 0 0;font-size:13px;color:var(--ink-2);text-align:center}.auth-switch a{color:var(--accent-ink);font-weight:700;cursor:pointer}.account-row{display:flex;align-items:center;gap:8px;padding:7px 8px 7px 10px;margin-bottom:10px;color:var(--ink-2);font-size:12.5px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface)}.account-email{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-logout{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ink-3);cursor:pointer}.account-logout:hover{color:var(--accent-ink);background:var(--accent-tint)}.mobilebar .account-logout{margin-left:4px}