body{margin:0}img{max-width:100%}[hidden]{display:none!important}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/tajawal-arabic-400.6c9081fd00.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/tajawal-arabic-500.4255019c1c.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/tajawal-arabic-700.fa5e723266.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/tajawal-arabic-800.5fa525682b.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/tajawal-latin-400.b081f7bf79.woff2) format("woff2");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}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/tajawal-latin-500.9986de5db8.woff2) format("woff2");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}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/tajawal-latin-700.de8f431c14.woff2) format("woff2");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}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/tajawal-latin-800.0024126200.woff2) format("woff2");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}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/manrope-latin-500.1987431874.woff2) format("woff2");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}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/manrope-latin-600.f7ac6258da.woff2) format("woff2");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}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-latin-700.d2a12c85a8.woff2) format("woff2");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}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/manrope-latin-800.74c161dbcb.woff2) format("woff2");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{--bg: #f3f5fa;--surface: #ffffff;--surface-2: #eef1f7;--surface-3: #e1e6f0;--ink: #0e1630;--ink-2: #2b3553;--muted: #69738c;--line: #e4e8f1;--line-strong: #d3d9e6;--accent: #3355ff;--accent-2: #2441d6;--accent-ink: #ffffff;--accent-soft: #eaeeff;--accent-tint: #f4f6ff;--amber: #ffb020;--amber-2: #e09100;--amber-soft: #fff4dc;--mark: rgba(255, 176, 32, .38);--ok: #12a05a;--ok-2: #0b8247;--ok-soft: #e4f6ec;--bad: #e5484d;--bad-2: #c9353a;--bad-soft: #fdeceb;--warn: #b86e00;--warn-soft: #fff3dd;--stage-a: #e9edff;--stage-b: #f8f9ff;--sh-1: 0 1px 2px rgba(14, 22, 48, .04), 0 4px 16px -6px rgba(14, 22, 48, .08);--sh-2: 0 2px 4px rgba(14, 22, 48, .05), 0 18px 40px -16px rgba(14, 22, 48, .22);--sh-float: 0 10px 30px -10px rgba(14, 22, 48, .28), 0 2px 6px rgba(14, 22, 48, .06);--font-ui: "Tajawal", "Manrope", system-ui, "Segoe UI", Tahoma, sans-serif;--font-display: "Tajawal", "Manrope", system-ui, sans-serif;--font-en: "Manrope", "Tajawal", system-ui, "Segoe UI", sans-serif;--fs-xs: .8rem;--fs-sm: .9rem;--fs-md: 1rem;--fs-lg: 1.18rem;--fs-xl: 1.45rem;--fs-2xl: 1.95rem;--r-sm: 10px;--r-md: 14px;--r-lg: 22px;--nav-h: 64px;--gap: 20px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #090d1a;--surface: #111829;--surface-2: #172036;--surface-3: #212c47;--ink: #e8edf8;--ink-2: #c3cbe0;--muted: #8b96b2;--line: #1f2840;--line-strong: #2b3654;--accent: #7088ff;--accent-2: #4a63e0;--accent-ink: #070b1a;--accent-soft: #1a2350;--accent-tint: #121a38;--amber: #ffc044;--amber-2: #d99a16;--amber-soft: #33270d;--mark: rgba(255, 192, 68, .3);--ok: #3fd18a;--ok-2: #23a868;--ok-soft: #10301f;--bad: #ff6b6f;--bad-2: #d9474c;--bad-soft: #3a1418;--warn: #f0b052;--warn-soft: #33250e;--stage-a: #141c3d;--stage-b: #0d1328;--sh-1: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 18px -8px rgba(0, 0, 0, .5);--sh-2: 0 2px 4px rgba(0, 0, 0, .35), 0 20px 44px -16px rgba(0, 0, 0, .7);--sh-float: 0 12px 34px -10px rgba(0, 0, 0, .75), 0 2px 6px rgba(0, 0, 0, .4);color-scheme:dark}}:root[data-theme=dark]{--bg: #090d1a;--surface: #111829;--surface-2: #172036;--surface-3: #212c47;--ink: #e8edf8;--ink-2: #c3cbe0;--muted: #8b96b2;--line: #1f2840;--line-strong: #2b3654;--accent: #7088ff;--accent-2: #4a63e0;--accent-ink: #070b1a;--accent-soft: #1a2350;--accent-tint: #121a38;--amber: #ffc044;--amber-2: #d99a16;--amber-soft: #33270d;--mark: rgba(255, 192, 68, .3);--ok: #3fd18a;--ok-2: #23a868;--ok-soft: #10301f;--bad: #ff6b6f;--bad-2: #d9474c;--bad-soft: #3a1418;--warn: #f0b052;--warn-soft: #33250e;--stage-a: #141c3d;--stage-b: #0d1328;--sh-1: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 18px -8px rgba(0, 0, 0, .5);--sh-2: 0 2px 4px rgba(0, 0, 0, .35), 0 20px 44px -16px rgba(0, 0, 0, .7);--sh-float: 0 12px 34px -10px rgba(0, 0, 0, .75), 0 2px 6px rgba(0, 0, 0, .4);color-scheme:dark}*{box-sizing:border-box}svg:not([width]){width:20px;height:20px;flex:none}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:16.5px;line-height:1.75;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:8px}h1,h2,h3{font-family:var(--font-display);line-height:1.35;text-wrap:balance;margin:0;font-weight:800;letter-spacing:0}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl);font-weight:700}h3{font-size:var(--fs-lg);font-weight:700}p{margin:0}a{color:var(--accent)}.num{font-variant-numeric:tabular-nums}b,strong{font-weight:700}.en{direction:ltr;text-align:left;unicode-bidi:isolate;font-family:var(--font-en)}.en-ui{direction:ltr;unicode-bidi:isolate;font-family:var(--font-en)}.ar{direction:rtl;text-align:right;unicode-bidi:isolate;font-family:var(--font-ui)}.muted{color:var(--muted)}.small{font-size:var(--fs-sm);line-height:1.65}.xs{font-size:var(--fs-xs);line-height:1.5}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s ease}.topbar.scrolled{border-bottom-color:var(--line)}.topbar-in{display:flex;align-items:center;gap:8px;min-height:60px;padding-block:6px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));max-width:1200px;margin-inline:auto}.brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.stamp{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 78%,#fff) 0%,var(--accent) 55%,var(--accent-2) 100%);color:#fff;font-family:var(--font-en);font-weight:800;font-size:13px;letter-spacing:.3px;border:0;padding:0;box-shadow:0 2px 0 var(--accent-2),0 6px 14px -6px var(--accent)}.top-title{font-family:var(--font-display);font-size:1.12rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.top-sub{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.top-sub:empty{display:none}.top-actions{display:flex;align-items:center;gap:4px;flex:none}.iconbtn{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;border:0;background:transparent;color:var(--ink-2);position:relative}.iconbtn:hover{background:var(--surface-2)}.iconbtn svg{width:22px;height:22px}.chip-stat{display:inline-flex;align-items:center;gap:5px;padding:6px 11px 5px;border-radius:999px;background:var(--amber-soft);color:var(--warn);font-size:var(--fs-sm);font-weight:800;font-family:var(--font-en)}.chip-stat svg{width:16px;height:16px}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong);flex:none}.sync-dot.on{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.sync-dot.busy{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.sync-dot.err{background:var(--bad);box-shadow:0 0 0 3px var(--bad-soft)}main#view{max-width:760px;margin-inline:auto;padding-block:12px calc(var(--nav-h) + 44px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:var(--gap)}main#view>*{min-width:0}.tabbar{position:fixed;z-index:25;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));max-width:520px;margin-inline:auto;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border-radius:24px;box-shadow:var(--sh-float);border:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:6px}.tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;height:52px;border:0;background:transparent;color:var(--muted);font-size:11.5px;font-weight:700;border-radius:18px}.tab svg{width:22px;height:22px}.tab[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.tab .badge{position:absolute;top:4px;inset-inline-start:calc(50% + 5px)}.badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--bad);color:#fff;font-size:10.5px;font-weight:800;line-height:18px;text-align:center;font-variant-numeric:tabular-nums;font-family:var(--font-en);box-shadow:0 0 0 2px var(--surface)}.rail{display:none}@media(min-width:980px){.tabbar{display:none}.rail{display:flex;flex-direction:column;gap:2px;position:fixed;inset-inline-start:0;top:calc(61px + env(safe-area-inset-top,0px));bottom:0;width:260px;padding:16px 14px;overflow-y:auto}.rail a{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;color:var(--ink-2);text-decoration:none;font-weight:500}.rail a svg{width:21px;height:21px;color:var(--muted)}.rail a:hover{background:var(--surface)}.rail a[aria-current=page]{background:var(--surface);color:var(--accent);font-weight:700;box-shadow:var(--sh-1)}.rail a[aria-current=page] svg{color:var(--accent)}.rail .rail-sep{height:1px;background:var(--line);margin:10px 14px}.rail .badge{margin-inline-start:auto}main#view{padding-bottom:56px;margin-inline-start:max(276px,calc((100vw - 760px)/2));margin-inline-end:auto}}.panel{background:var(--surface);border-radius:var(--r-lg);padding:20px;box-shadow:var(--sh-1)}.panel.flat{box-shadow:none;background:var(--surface-2)}.panel.lift{box-shadow:var(--sh-2)}:root[data-theme=dark] .panel,:root[data-theme=dark] .list,:root[data-theme=dark] .kpi{border:1px solid var(--line)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .panel,:root:not([data-theme=light]) .list,:root:not([data-theme=light]) .kpi{border:1px solid var(--line)}}.stack{display:flex;flex-direction:column;gap:14px}.stack-s{display:flex;flex-direction:column;gap:6px}.stack-l{display:flex;flex-direction:column;gap:24px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.nowrap{flex-wrap:nowrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.grow{flex:1;min-width:0}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:.2px;color:var(--accent)}.section-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.section-h h2,.section-h h3{flex:1;min-width:0}hr.sep{border:0;border-top:1px solid var(--line);margin:4px 0;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 20px;border-radius:15px;border:0;background:var(--surface);color:var(--ink);font-weight:700;font-size:1rem;text-decoration:none;position:relative;box-shadow:inset 0 0 0 1.5px var(--line-strong),0 3px 0 var(--line-strong);transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease,background .15s ease;margin-bottom:3px}.btn:active{transform:translateY(3px);box-shadow:inset 0 0 0 1.5px var(--line-strong),0 0 0 var(--line-strong)}.btn.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 0 var(--accent-2),0 10px 22px -12px var(--accent)}.btn.primary:active{box-shadow:0 0 0 var(--accent-2)}.btn.soft{background:var(--accent-soft);color:var(--accent);box-shadow:0 3px color-mix(in srgb,var(--accent) 22%,var(--accent-soft))}.btn.soft:active{box-shadow:0 0 0 transparent}.btn.ghost{background:transparent;color:var(--accent);box-shadow:none;margin-bottom:0;min-height:40px;padding-inline:10px}.btn.ghost:active{transform:none;opacity:.7}.btn.danger{background:var(--bad);color:#fff;box-shadow:0 3px 0 var(--bad-2)}.btn.block{width:100%}.btn.sm{min-height:38px;padding:6px 14px;font-size:var(--fs-sm);border-radius:12px}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.btn svg{width:19px;height:19px}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:0;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-strong);font-size:var(--fs-sm);font-weight:500;line-height:1.4}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);box-shadow:none}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:700;background:var(--surface-2);color:var(--muted);line-height:1.5;white-space:nowrap}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.warn{background:var(--amber-soft);color:var(--warn)}.pill.acc{background:var(--accent-soft);color:var(--accent)}.seg{display:flex;padding:4px;background:var(--surface-2);border-radius:16px;gap:2px;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg button{flex:1 0 auto;border:0;background:transparent;padding:8px 14px;border-radius:12px;font-size:var(--fs-sm);font-weight:700;color:var(--muted);white-space:nowrap}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0e163014,0 3px 8px -4px #0e163033}.bar{height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#8fa3ff));border-radius:99px;transition:width .4s ease}[dir=rtl] .bar>i{margin-inline-start:0}.bar.ok>i{background:var(--ok)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:700;font-size:var(--fs-sm)}.input,textarea.input,select.input{width:100%;min-height:50px;padding:11px 14px;border-radius:15px;border:0;box-shadow:inset 0 0 0 1.5px var(--line-strong);background:var(--surface);color:var(--ink);font-size:16px;line-height:1.6}textarea.input{min-height:150px;resize:vertical}.input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent),0 0 0 4px var(--accent-soft)}.input.en{font-family:var(--font-en)}.list{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-1)}.list>.li{display:flex;align-items:center;gap:14px;padding:14px 18px;border:0;background:transparent;text-align:start;width:100%;color:inherit;text-decoration:none;position:relative}.list>.li+.li:before,.list>.note-card+.note-card:before,.list>.plan-item+.plan-item:before,.steps>.step-row+.step-row:before,.list>.vocab-item+.vocab-item:before{content:"";position:absolute;top:0;inset-inline:18px;border-top:1px solid var(--line)}.list>button.li:hover,.list>a.li:hover{background:var(--accent-tint)}.li .li-main{flex:1;min-width:0}.li .li-title{font-weight:700}.li .li-sub{font-size:var(--fs-sm);color:var(--muted);line-height:1.55}.li-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none;font-weight:800;font-family:var(--font-en)}.li-icon svg{width:21px;height:21px}.plan-item>svg,.li>svg{width:18px;height:18px;color:var(--muted)}.empty{text-align:center;padding:34px 18px;color:var(--muted);display:flex;flex-direction:column;gap:12px;align-items:center}.empty svg{width:44px;height:44px;opacity:.5}.stage{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--sh-2);background:radial-gradient(120% 90% at 50% 0%,var(--stage-a) 0%,var(--stage-b) 70%);isolation:isolate}.stage-canvas{position:relative;height:280px}.stage-canvas canvas{display:block;width:100%!important;height:100%!important;touch-action:pan-y;cursor:grab}.stage-canvas canvas:active{cursor:grabbing}.stage-body{position:relative;padding:4px 20px 20px;display:flex;flex-direction:column;gap:12px}.stage-body h1{font-size:1.6rem}.stage-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stage-hint{position:absolute;top:14px;inset-inline-end:16px;font-size:var(--fs-xs);color:var(--muted);display:flex;align-items:center;gap:6px}.stage-badge{position:absolute;top:12px;inset-inline-start:12px;display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;border:0;background:transparent;padding:4px 6px;border-radius:14px;color:inherit;text-align:start}.stage-badge:hover{background:color-mix(in srgb,var(--surface) 60%,transparent)}.stage-change{font-size:11px;font-weight:700;color:var(--accent);margin-top:2px}.stage-badge b{font-family:var(--font-en);font-weight:800;font-size:2rem;color:var(--ink);letter-spacing:-.5px}.stage-badge span{font-size:var(--fs-xs);color:var(--muted)}.stairs-fallback{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:6px;padding:30px 24px 40px}.stairs-fallback i{width:18px;border-radius:6px 6px 3px 3px;background:var(--surface-3);box-shadow:0 3px 0 var(--line-strong)}.stairs-fallback i.done{background:var(--accent);box-shadow:0 3px 0 var(--accent-2)}.stairs-fallback i.cur{background:var(--amber);box-shadow:0 3px 0 var(--amber-2)}.today-head{display:flex;align-items:center;gap:16px}.ring{width:64px;height:64px;position:relative;flex:none}.ring svg{width:64px;height:64px}.ring .ring-txt{position:absolute;inset:0;display:grid;place-items:center;text-align:center;line-height:1}.ring .ring-txt b{font-family:var(--font-en);font-size:1.05rem;font-weight:800;font-variant-numeric:tabular-nums}.plan-item{display:flex;align-items:center;gap:14px;padding:14px 18px;text-align:start;background:transparent;border:0;width:100%;color:inherit;position:relative}.plan-item:hover{background:var(--accent-tint)}.plan-check{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--line-strong);display:grid;place-items:center;flex:none;color:transparent}.plan-item.done .plan-check{background:var(--ok);box-shadow:none;color:#fff}.plan-item.done .li-title{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1.5px}.plan-check svg{width:15px;height:15px;stroke-width:2.6}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kpi{background:var(--surface);border-radius:18px;padding:14px 14px 12px;box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:2px;text-align:start;border:0;color:inherit}.kpi b{font-family:var(--font-en);font-size:1.55rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15;letter-spacing:-.3px}.kpi span{font-size:var(--fs-xs);color:var(--muted);line-height:1.4}.kpis.k4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:560px){.kpis.k4{grid-template-columns:repeat(2,minmax(0,1fr))}}.skillbars{display:grid;gap:12px}.skillbar{display:grid;grid-template-columns:84px 1fr 42px;gap:12px;align-items:center;font-size:var(--fs-sm)}.skillbar .num{text-align:end;color:var(--muted);font-family:var(--font-en);font-weight:700}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:110px}.week .col{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.week .col i{width:100%;max-width:26px;border-radius:8px;background:var(--surface-3);min-height:4px}.week .col.has i{background:color-mix(in srgb,var(--accent) 45%,var(--surface-3))}.week .col.today i{background:var(--accent)}.week .col span{font-size:11px;color:var(--muted)}.keycap{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:none;font-family:var(--font-en);font-size:1.25rem;font-weight:800;color:var(--accent);background:linear-gradient(180deg,var(--surface) 0%,var(--accent-soft) 100%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 18%,var(--line)),0 4px color-mix(in srgb,var(--accent) 22%,var(--line-strong))}.keycap.done{color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 80%,#fff) 0%,var(--accent) 100%);box-shadow:0 4px 0 var(--accent-2)}.keycap.cur{color:#3a2500;background:linear-gradient(180deg,color-mix(in srgb,var(--amber) 65%,#fff) 0%,var(--amber) 100%);box-shadow:0 4px 0 var(--amber-2)}.unit-card{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:16px 18px;text-align:start;width:100%;color:inherit;background:var(--surface);border:0;border-radius:var(--r-lg);box-shadow:var(--sh-1);transition:transform .15s ease,box-shadow .15s ease}.unit-card:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}.unit-card .ut-en{font-family:var(--font-en);font-size:var(--fs-sm);color:var(--muted);direction:ltr;unicode-bidi:isolate}.mini-ring{width:40px;height:40px}.steps{display:flex;flex-direction:column}.step-row{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:14px 18px;background:transparent;border:0;width:100%;text-align:start;color:inherit;position:relative}.step-row:hover{background:var(--accent-tint)}.step-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}.step-row.done .step-ico{background:var(--ok-soft);color:var(--ok)}.step-row.next .step-ico{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 0 var(--accent-2)}.step-ico svg{width:21px;height:21px}.goals{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:6px}.lesson-head{display:flex;flex-direction:column;gap:4px}.lesson-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.track{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.track button{border:0;background:transparent;padding:10px 0;display:block}.track button i{display:block;height:6px;border-radius:99px;background:var(--surface-3)}.track button.done i{background:var(--ok)}.track button.cur i{background:var(--accent)}.track-label{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--muted);margin-top:-4px}.notice{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border-radius:16px;background:var(--amber-soft);color:var(--ink);font-size:var(--fs-sm);line-height:1.65}.notice svg{width:19px;height:19px;color:var(--warn);flex:none;margin-top:3px}.notice.info{background:transparent;padding:0 2px;color:var(--muted)}.notice.info svg{color:var(--accent);opacity:.85}.vocab-item{position:relative}.vocab-head{display:flex;align-items:center;gap:12px;padding:14px 18px;width:100%;background:transparent;border:0;text-align:start;color:inherit}.vocab-head .chev{transition:transform .2s ease;color:var(--muted);width:18px;height:18px}.vocab-item.open .vocab-head .chev{transform:rotate(-90deg)}.vocab-body{display:none;padding:0 18px 16px;flex-direction:column;gap:8px}.vocab-item.open .vocab-body{display:flex}.vocab-word{font-family:var(--font-en);font-size:1.12rem;font-weight:700;direction:ltr;unicode-bidi:isolate}.pos{font-size:var(--fs-xs);color:var(--muted);font-family:var(--font-en);font-weight:500;margin-inline-start:6px}.vocab-ar{font-weight:700;color:var(--accent)}.vocab-def{font-size:var(--fs-sm);color:var(--muted)}.vocab-ex{font-size:1rem;line-height:1.6}.coll{display:flex;flex-wrap:wrap;gap:6px;direction:ltr}.coll span{font-family:var(--font-en);font-size:var(--fs-xs);padding:3px 10px;border-radius:8px;background:var(--surface-2);color:var(--ink-2)}.say{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;border:0;background:var(--accent-soft);color:var(--accent);flex:none;box-shadow:0 2px color-mix(in srgb,var(--accent) 20%,var(--accent-soft))}.say:active{transform:translateY(2px);box-shadow:none}.say svg{width:18px;height:18px}.say.playing{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 0 var(--accent-2)}.reading-text{font-family:var(--font-en);font-size:1.08rem;line-height:1.95;direction:ltr;text-align:left;display:flex;flex-direction:column;gap:16px;color:var(--ink)}.reading-text p{position:relative;border-radius:10px;transition:background .2s ease,box-shadow .2s ease}.reading-text .w{cursor:pointer;border-radius:4px}.reading-text .w:hover{background:var(--surface-2)}.reading-text mark.gl{background:linear-gradient(transparent 58%,var(--mark) 58%);color:inherit;padding:0 1px;cursor:pointer}.reading-text .para-ar{direction:rtl;text-align:right;font-family:var(--font-ui);font-size:.98rem;line-height:1.8;color:var(--muted);margin-top:-8px;padding:10px 12px;border-radius:12px;background:var(--surface-2)}.reading-text p.speaking{background:var(--accent-tint);box-shadow:0 0 0 8px var(--accent-tint)}.dialogue{display:flex;flex-direction:column;gap:12px;direction:ltr}.line{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:end}.line.s1{grid-template-columns:1fr 36px}.line.s1 .avatar{order:2}.avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:12.5px;background:var(--surface-3);color:var(--ink-2);font-family:var(--font-en)}.line.s1 .avatar{background:var(--accent-soft);color:var(--accent)}.bubble{padding:10px 14px;border-radius:18px 18px 18px 6px;background:var(--surface);box-shadow:var(--sh-1);font-family:var(--font-en);font-size:1rem;line-height:1.6;min-width:0;cursor:pointer}.line.s1 .bubble{background:var(--accent-soft);box-shadow:none;border-radius:18px 18px 6px}.bubble .tr{display:block;margin-top:4px;font-family:var(--font-ui);direction:rtl;text-align:right;font-size:var(--fs-sm);color:var(--muted)}.line.active .bubble{box-shadow:0 0 0 2px var(--accent)}.blurred .bubble .txt{filter:blur(5px);user-select:none}.player{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gram-section{display:flex;flex-direction:column;gap:10px}.example{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:var(--surface-2)}.example .en{font-size:1rem}.forms-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.forms-table td,.forms-table th{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:start}.forms-table tr:last-child td,.forms-table tr:last-child th{border-bottom:0}.table-wrap{overflow-x:auto}.pitfall{display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:var(--surface-2)}.pitfall .wrong{color:var(--bad);text-decoration:line-through;text-decoration-thickness:1.5px}.pitfall .right{color:var(--ok);font-weight:700}.qwrap{display:flex;flex-direction:column;gap:16px}.qprog{display:flex;align-items:center;gap:12px}.qprog .bar{flex:1;height:10px}.qtext{font-family:var(--font-en);font-size:1.2rem;line-height:1.6;direction:ltr;text-align:left;font-weight:600}.qtext .gap{display:inline-block;min-width:70px;border-bottom:2.5px solid var(--accent)}.qkind{font-size:var(--fs-sm);color:var(--muted);font-weight:700}.keyword{font-family:var(--font-en);font-weight:800;letter-spacing:1px;padding:4px 12px;border-radius:10px;background:var(--amber-soft);color:var(--warn);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--amber) 45%,transparent)}.opts{display:flex;flex-direction:column;gap:10px}.opt{display:flex;align-items:center;gap:12px;padding:13px 16px;min-height:54px;border-radius:16px;border:0;background:var(--surface);text-align:start;width:100%;box-shadow:inset 0 0 0 1.5px var(--line-strong),0 3px 0 var(--line-strong);margin-bottom:3px;transition:transform .08s ease,box-shadow .08s ease,background .12s ease}.opt:active{transform:translateY(2px)}.opt .en{font-size:1.02rem}.opt .k{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--surface-2);font-size:13px;font-weight:800;flex:none;font-family:var(--font-en);color:var(--muted)}.opt[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent),0 3px 0 var(--accent)}.opt[aria-pressed=true] .k{background:var(--accent);color:var(--accent-ink)}.opt.ok{background:var(--ok-soft);box-shadow:inset 0 0 0 2px var(--ok),0 3px 0 var(--ok-2)}.opt.bad{background:var(--bad-soft);box-shadow:inset 0 0 0 2px var(--bad),0 3px 0 var(--bad-2)}.opts.tf{flex-direction:row;flex-wrap:wrap}.opts.tf .opt{flex:1;min-width:96px;justify-content:center}.feedback{border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.feedback.ok{background:var(--ok-soft)}.feedback.bad{background:var(--bad-soft)}.feedback .fb-h{font-weight:800;display:flex;align-items:center;gap:8px}.feedback.ok .fb-h{color:var(--ok)}.feedback.bad .fb-h{color:var(--bad)}.feedback .fb-h svg{width:20px;height:20px;stroke-width:2.4}.chips{display:flex;flex-wrap:wrap;gap:8px;direction:ltr}.chips .wchip,.order-answer .wchip{font-family:var(--font-en);padding:8px 13px;border-radius:12px;border:0;background:var(--surface);font-size:1rem;font-weight:600;box-shadow:inset 0 0 0 1.5px var(--line-strong),0 3px 0 var(--line-strong);margin-bottom:3px}.chips .wchip.used{visibility:hidden}.order-answer{min-height:62px;padding:10px;border-radius:16px;background:var(--surface-2);display:flex;flex-wrap:wrap;gap:8px;direction:ltr;align-items:center}.order-answer .wchip{background:var(--accent-soft);color:var(--accent);box-shadow:0 3px color-mix(in srgb,var(--accent) 25%,var(--accent-soft))}.diff{font-family:var(--font-en);direction:ltr;text-align:left;line-height:1.9}.diff .miss{background:var(--bad-soft);color:var(--bad);border-radius:5px;padding:0 4px;text-decoration:underline wavy}.diff .hit{color:var(--ok)}.diff .extra{color:var(--bad);text-decoration:line-through}.result{text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;padding:12px 0}.result .big{font-family:var(--font-en);font-size:3.4rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-1px}.flip{perspective:1400px}.flip-inner{display:grid;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.flip.flipped .flip-inner{transform:rotateY(180deg)}.face{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden;min-height:300px;border-radius:26px;padding:44px 22px 26px;position:relative;display:flex;flex-direction:column;gap:14px;justify-content:center;align-items:center;text-align:center;background:linear-gradient(170deg,var(--surface) 0%,var(--accent-tint) 100%);box-shadow:var(--sh-2),inset 0 0 0 1px var(--line)}.face.back{transform:rotateY(180deg)}.face .icard-tag{position:absolute;top:16px;inset-inline-start:18px;font-size:var(--fs-xs);color:var(--muted);font-weight:700}.face .icard-meta{position:absolute;top:16px;inset-inline-end:18px;font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums}.face .front-txt{font-family:var(--font-en);font-size:2.1rem;font-weight:800;direction:ltr;line-height:1.2;overflow-wrap:anywhere;letter-spacing:-.3px}.face .front-txt.ar{font-family:var(--font-ui);direction:rtl;font-size:1.6rem}.face .front-txt.sent{font-size:1.3rem;font-weight:600;letter-spacing:0;line-height:1.5}.face .back-body{display:flex;flex-direction:column;gap:8px;align-items:center}.rates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.rate{display:flex;flex-direction:column;align-items:center;gap:0;padding:9px 4px 7px;border-radius:15px;border:0;background:var(--surface);font-weight:800;box-shadow:inset 0 0 0 1.5px var(--line-strong),0 3px 0 var(--line-strong);margin-bottom:3px}.rate:active{transform:translateY(3px);box-shadow:inset 0 0 0 1.5px var(--line-strong)}.rate small{font-weight:600;color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums}.rate.r1{color:var(--bad)}.rate.r2{color:var(--warn)}.rate.r3{color:var(--ok)}.rate.r4{color:var(--accent)}.rate.suggest{box-shadow:inset 0 0 0 2px currentColor,0 3px 0 currentColor}.counts{display:flex;gap:16px;justify-content:center;font-weight:800;font-variant-numeric:tabular-nums;font-family:var(--font-en)}.counts span{display:inline-flex;align-items:center;gap:6px}.counts .n-new{color:var(--accent)}.counts .n-learn{color:var(--bad)}.counts .n-due{color:var(--ok)}.counts small{font-family:var(--font-ui);font-weight:500;color:var(--muted);font-size:var(--fs-xs)}.scrim{position:fixed;inset:0;background:#060a1873;z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease-out}.sheet{width:100%;max-width:640px;max-height:88vh;overflow-y:auto;background:var(--surface);border-radius:28px 28px 0 0;padding-block:10px calc(22px + env(safe-area-inset-bottom,0px));padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:14px;animation:up .22s cubic-bezier(.2,.8,.2,1);box-shadow:var(--sh-float)}@media(min-width:700px){.scrim{align-items:center}.sheet{border-radius:28px}}.sheet .grab{width:40px;height:5px;border-radius:3px;background:var(--line-strong);align-self:center}@keyframes up{0%{transform:translateY(30px);opacity:.5}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.toasts{position:fixed;z-index:80;inset-inline:0;bottom:calc(var(--nav-h) + 34px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding-inline:16px}.toast{background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:16px;font-weight:700;font-size:var(--fs-sm);box-shadow:var(--sh-float);max-width:520px;pointer-events:auto;animation:up .2s ease-out}.toast.ok{background:var(--ok);color:#fff}.toast.bad{background:var(--bad);color:#fff}.note-card{padding:15px 18px;display:flex;flex-direction:column;gap:4px;background:transparent;border:0;text-align:start;width:100%;color:inherit;position:relative}.note-card:hover{background:var(--accent-tint)}.note-card .nb{font-size:var(--fs-sm);color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.tag{font-size:11.5px;padding:2px 9px;border-radius:8px;background:var(--surface-2);color:var(--muted);font-weight:500}.search{position:relative}.search svg{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted)}.search .input{padding-inline-start:42px}.ai-box{border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--surface-2)}.md{display:flex;flex-direction:column;gap:8px}.md ul,.md ol{margin:0;padding-inline-start:20px}.md code{font-family:var(--font-en);background:var(--surface-3);padding:0 5px;border-radius:5px;direction:ltr;unicode-bidi:isolate}.scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media(max-width:480px){.scores{grid-template-columns:repeat(2,minmax(0,1fr))}}.score{background:var(--surface-2);border-radius:14px;padding:10px;text-align:center}.score b{display:block;font-family:var(--font-en);font-weight:800;font-size:1.3rem;font-variant-numeric:tabular-nums}.score span{font-size:var(--fs-xs);color:var(--muted)}.err-item{display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:var(--surface-2)}.chat{display:flex;flex-direction:column;gap:10px}.msg{max-width:86%;padding:11px 15px;border-radius:20px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.msg.me{align-self:flex-start;background:var(--accent);color:var(--accent-ink);border-end-start-radius:6px}.msg.ai{align-self:flex-end;background:var(--surface);box-shadow:var(--sh-1);border-end-end-radius:6px}.msg.ai.en-msg{direction:ltr;text-align:left;font-family:var(--font-en)}.msg .tip{display:block;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line-strong);font-family:var(--font-ui);direction:rtl;text-align:right;font-size:var(--fs-sm);color:var(--warn);white-space:pre-wrap}.composer{display:flex;gap:8px;align-items:flex-end;position:sticky;bottom:calc(var(--nav-h) + 22px + env(safe-area-inset-bottom,0px));background:var(--bg);padding-block:10px}@media(min-width:980px){.composer{bottom:0}}.composer textarea{min-height:50px;max-height:160px}.composer .btn{margin-bottom:3px}.thinking{color:var(--muted);font-size:var(--fs-sm);display:inline-flex;gap:8px;align-items:center}.thinking:after{content:"";width:14px;height:14px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.timer{font-family:var(--font-en);font-weight:800;font-size:3rem;font-variant-numeric:tabular-nums;text-align:center;line-height:1;letter-spacing:-1px}.timer.prep{color:var(--warn)}.timer.speak{color:var(--accent)}.rec-dot{width:12px;height:12px;border-radius:50%;background:var(--bad);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.heat{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,13px);gap:3px;direction:ltr;overflow-x:auto;padding-bottom:4px}.heat i{width:13px;height:13px;border-radius:4px;background:var(--surface-2)}.heat i.l1{background:color-mix(in srgb,var(--accent) 28%,var(--surface-2))}.heat i.l2{background:color-mix(in srgb,var(--accent) 52%,var(--surface-2))}.heat i.l3{background:color-mix(in srgb,var(--accent) 78%,var(--surface-2))}.heat i.l4{background:var(--accent)}.bars-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:120px}.bars-chart .col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;height:100%;font-size:11px;color:var(--muted)}.bars-chart .col i{width:100%;max-width:30px;background:var(--accent);border-radius:8px;min-height:3px}.bars-chart .col b{color:var(--ink);font-variant-numeric:tabular-nums;font-family:var(--font-en)}.cando{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.cando:last-child{border-bottom:0}.cando input{width:20px;height:20px;margin-top:4px;accent-color:var(--accent);flex:none}.switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.switch:last-child{border-bottom:0}.switch input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.switch input[type=range]{accent-color:var(--accent);width:130px}.more-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.more-tile{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r-lg);background:var(--surface);border:0;box-shadow:var(--sh-1);text-align:start;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.more-tile:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}.more-tile .li-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(160deg,var(--accent-soft),color-mix(in srgb,var(--accent) 16%,var(--accent-soft)));box-shadow:0 3px color-mix(in srgb,var(--accent) 20%,var(--accent-soft))}.more-tile b{font-size:1rem;line-height:1.4}.more-tile span{font-size:var(--fs-xs);color:var(--muted);line-height:1.5}.status-list{display:flex;flex-direction:column;gap:10px}.status-list .row{gap:12px;font-size:var(--fs-sm)}details.fold{border-radius:18px;background:var(--surface);box-shadow:var(--sh-1)}details.fold>summary{padding:15px 18px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}details.fold>summary::-webkit-details-marker{display:none}details.fold>summary:after{content:"";width:9px;height:9px;border-inline-end:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);flex:none;margin-inline-end:4px;transition:transform .2s ease}details.fold[open]>summary:after{transform:rotate(-135deg)}details.fold>.fold-body{padding:0 18px 18px;display:flex;flex-direction:column;gap:12px}.panel details.fold,.fold-body details.fold,.sheet details.fold{box-shadow:inset 0 0 0 1.5px var(--line)}.popover{position:fixed;z-index:70;max-width:min(320px,calc(100vw - 32px));background:var(--surface);border-radius:18px;box-shadow:var(--sh-float);padding:14px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--line)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.level-seg button{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.2;padding:7px 8px}.level-seg button .en-ui{font-weight:800;font-size:.98rem}.level-seg button small{font-size:10.5px;font-weight:500;color:var(--muted)}.level-seg button[aria-pressed=true] small{color:var(--accent)}.level-seg button[disabled]{opacity:.45;cursor:not-allowed}.list>button.li[disabled]{opacity:.5;cursor:not-allowed}