@font-face{font-family:Frank Ruhl Libre;font-style:normal;font-display:swap;font-weight:400;src:url(./frank-ruhl-libre-hebrew-400-normal-D1SqjNdY.woff2)format("woff2"),url(./frank-ruhl-libre-hebrew-400-normal-BXUQzM2e.woff)format("woff")}@font-face{font-family:Frank Ruhl Libre;font-style:normal;font-display:swap;font-weight:500;src:url(./frank-ruhl-libre-hebrew-500-normal-UhV5Nrdm.woff2)format("woff2"),url(./frank-ruhl-libre-hebrew-500-normal-DXveaSS_.woff)format("woff")}@font-face{font-family:Frank Ruhl Libre;font-style:normal;font-display:swap;font-weight:700;src:url(./frank-ruhl-libre-hebrew-700-normal-ZxcPrX5v.woff2)format("woff2"),url(./frank-ruhl-libre-hebrew-700-normal-B5o0XYJ1.woff)format("woff")}@font-face{font-family:Frank Ruhl Libre;font-style:normal;font-display:swap;font-weight:700;src:url(./frank-ruhl-libre-latin-700-normal-BtbVhCvj.woff2)format("woff2"),url(./frank-ruhl-libre-latin-700-normal-Mv4_ahRh.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-400-normal-BbWidj28.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(./atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff)format("woff")}@font-face{font-family:Gveret Levin;font-style:normal;font-display:swap;font-weight:400;src:url(./gveret-levin-hebrew-400-normal-Bjzl9gCE.woff2)format("woff2"),url(./gveret-levin-hebrew-400-normal-DUQqxgsR.woff)format("woff")}@font-face{font-family:Noto Sans Hebrew;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-hebrew-hebrew-400-normal-Bp0xVS9x.woff2)format("woff2"),url(./noto-sans-hebrew-hebrew-400-normal-BEvsRI_S.woff)format("woff")}@font-face{font-family:Noto Sans Hebrew;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-hebrew-hebrew-700-normal-D9plwkIl.woff2)format("woff2"),url(./noto-sans-hebrew-hebrew-700-normal-BVftoAx4.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-latin-400-normal-j0pmKyiQ.woff2)format("woff2"),url(./rubik-latin-400-normal-BV1Ho3GG.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(./rubik-latin-500-normal-1os41rQk.woff2)format("woff2"),url(./rubik-latin-500-normal-LZYVHeqz.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(./rubik-latin-600-normal-7iWW07_k.woff2)format("woff2"),url(./rubik-latin-600-normal-Bd1rsTk4.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-latin-700-normal-D-tMm-eS.woff2)format("woff2"),url(./rubik-latin-700-normal-KHOtubUA.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(./rubik-latin-800-normal-BtaGuVpR.woff2)format("woff2"),url(./rubik-latin-800-normal-Dq1miTTj.woff)format("woff")}:root{--bg:#faf7f2;--surface:#fff;--surface-2:#f3eee6;--border:#e7dfd3;--border-strong:#9a8f80;--text:#1c1a17;--text-2:#5e574e;--primary:#1f4e8c;--primary-2:#2a63ad;--primary-soft:#e6eef8;--on-primary:#fff;--accent:#b8862b;--accent-text:#8c6414;--accent-soft:#f6ecd6;--ok:#1e7a4f;--ok-soft:#e3f3ea;--warn:#8a5a0f;--warn-soft:#fbf1de;--bad:#b3261e;--bad-soft:#fce8e6;--gold:#b8862b;--m0:#e7dfd3;--m1:#f2d39a;--m2:#a9d8bc;--m3:#1e7a4f;--hero-a:#1f4e8c;--hero-b:#173c6d;--e1:0 1px 2px #3c280a0f, 0 2px 8px #3c280a0d;--e2:0 2px 4px #3c280a14, 0 10px 28px #3c280a17;--e3:0 16px 48px #3c280a33;--shadow:var(--e1);--r-sm:8px;--r-md:12px;--radius:16px;--radius-sm:12px;--r-lg:24px;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.5625rem;--fs-2xl:1.953rem;--fs-3xl:2.441rem;--display-font:"Frank Ruhl Libre", Georgia, serif;--dur-xs:90ms;--dur-s:.16s;--dur-m:.24s;--dur-l:.4s;--dur-xl:.7s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--he-font:"Frank Ruhl Libre", "Noto Serif Hebrew", "Times New Roman", serif;--he-scale:1;--sidebar:248px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#12110f;--surface:#1b1a17;--surface-2:#25231f;--border:#34312b;--border-strong:#6e675c;--text:#f2ede4;--text-2:#b3aa9c;--primary:#8fb4e8;--primary-2:#a9c6ef;--primary-soft:#1e2c40;--on-primary:#0e1520;--accent:#e0b45a;--accent-text:#e0b45a;--accent-soft:#3a2e14;--ok:#4cc38a;--ok-soft:#13301f;--warn:#e0a84a;--warn-soft:#362a12;--bad:#f08a80;--bad-soft:#3a1916;--gold:#e0b45a;--m0:#34312b;--m1:#7a5a22;--m2:#2c6e4c;--m3:#4cc38a;--hero-a:#1d3657;--hero-b:#14263d;--e1:0 1px 2px #00000059, 0 2px 8px #00000040;--e2:0 2px 4px #0006, 0 10px 28px #00000059;--e3:0 16px 48px #0000008c;--shadow:var(--e1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#12110f;--surface:#1b1a17;--surface-2:#25231f;--border:#34312b;--border-strong:#6e675c;--text:#f2ede4;--text-2:#b3aa9c;--primary:#8fb4e8;--primary-2:#a9c6ef;--primary-soft:#1e2c40;--on-primary:#0e1520;--accent:#e0b45a;--accent-text:#e0b45a;--accent-soft:#3a2e14;--ok:#4cc38a;--ok-soft:#13301f;--warn:#e0a84a;--warn-soft:#362a12;--bad:#f08a80;--bad-soft:#3a1916;--gold:#e0b45a;--m0:#34312b;--m1:#7a5a22;--m2:#2c6e4c;--m3:#4cc38a;--hero-a:#1d3657;--hero-b:#14263d;--e1:0 1px 2px #00000059, 0 2px 8px #00000040;--e2:0 2px 4px #0006, 0 10px 28px #00000059;--e3:0 16px 48px #0000008c;--shadow:var(--e1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-font=sans]{--he-font:"Noto Sans Hebrew", "Arial Hebrew", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Rubik,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}a{color:var(--primary);text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3{margin:0 0 .5em;line-height:1.25}h1{letter-spacing:-.01em;font-size:1.7rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .8em}.he{font-family:var(--he-font);font-feature-settings:"kern", "mark", "mkmk";direction:rtl;unicode-bidi:isolate}.he-inline{font-family:var(--he-font);unicode-bidi:isolate;font-size:1.25em;line-height:1.6}.he-xl{font-size:calc(6rem * var(--he-scale));line-height:1.3}.he-lg{font-size:calc(3.2rem * var(--he-scale));line-height:1.4}.he-md{font-size:calc(2rem * var(--he-scale));line-height:1.5}.he-sm{font-size:calc(1.5rem * var(--he-scale));line-height:1.5}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar);background:var(--surface);border-right:1px solid var(--border);z-index:20;flex-direction:column;gap:4px;padding:20px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:4px 10px 18px;font-size:1.15rem;font-weight:700;display:flex}.brand-mark{background:var(--primary);width:36px;height:36px;color:var(--on-primary);font-family:var(--he-font);border-radius:10px;place-items:center;font-size:1.5rem;font-weight:700;display:grid}.brand small{color:var(--text-2);font-size:.72rem;font-weight:500;display:block}.nav-link{color:var(--text-2);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-weight:500;display:flex}.nav-link.active{background:var(--primary-soft);color:var(--primary)}.nav-link .badge{margin-left:auto}.nav-icon{flex:none;width:20px;height:20px}.sidebar-foot{color:var(--text-2);margin-top:auto;padding:10px;font-size:.78rem}.main{min-width:0;margin-left:var(--sidebar);max-width:calc(1100px + var(--sidebar));flex:1;padding:32px 40px 60px}.bottom-nav{display:none}@media (width<=860px){.sidebar{display:none}.main{margin-left:0;padding:20px 16px 96px}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:30;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav a,.bottom-nav button{color:var(--text-2);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;font-size:.7rem;display:flex;position:relative}.bottom-nav .active{color:var(--primary)}.bottom-nav .badge{position:absolute;top:4px;left:55%}.he-xl{font-size:calc(4.8rem * var(--he-scale))}.he-lg{font-size:calc(2.6rem * var(--he-scale))}h1{font-size:1.4rem}}.drawer-backdrop{z-index:40;background:#0000008c;position:fixed;inset:0}.drawer{background:var(--surface);z-index:41;padding:12px 12px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;gap:2px;display:grid;position:fixed;inset:auto 0 0}.drawer-handle{background:var(--border);border-radius:4px;width:40px;height:4px;margin:0 auto 10px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head p{color:var(--text-2);margin:0}.muted{color:var(--text-2)}.small{font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card+.card{margin-top:16px}.grid>.card+.card,.row>.card+.card{margin-top:0}.card-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.card-title h2,.card-title h3{margin:0}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=860px){.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:600;transition:transform 50ms,background .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-2)}.btn-danger{color:var(--bad)}.btn-sm{border-radius:10px;min-height:40px;padding:7px 12px;font-size:.88rem}.btn-lg{padding:14px 24px;font-size:1.05rem}.btn-block{width:100%}.btn-icon{border-radius:50%;padding:8px}.badge{background:var(--bad);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-flex}.pill{background:var(--surface-2);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.progress{background:var(--surface-2);border-radius:8px;height:8px;overflow:hidden}.progress>div{background:var(--primary);border-radius:8px;height:100%;transition:width .3s}.stat{flex-direction:column;gap:2px;display:flex}.stat-value{font-size:1.6rem;font-weight:700}.stat-label{color:var(--text-2);font-size:.8rem}.tabs{background:var(--surface-2);border-radius:12px;gap:4px;margin-bottom:18px;padding:4px;display:flex;overflow-x:auto}.tab{cursor:pointer;color:var(--text-2);white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1;padding:9px 12px;font-weight:600}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.tab .check{color:var(--ok);margin-left:4px}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-height:44px;font-size:.9rem;display:inline-flex}.toggle input{width:18px;height:18px;accent-color:var(--primary)}.field{gap:6px;display:grid}.field label{font-size:.9rem;font-weight:600}select,input[type=text],input[type=search],input[type=number]{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;min-width:0;padding:10px 12px}input:focus-visible,select:focus-visible,.btn:focus-visible,.option:focus-visible,.tab:focus-visible,a:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.hero{background:linear-gradient(135deg, var(--hero-a), var(--hero-b));color:#fff;border:0;justify-content:space-between;align-items:center;gap:20px;display:flex}.hero h2{color:#fff}.hero p{color:#ffffffd9}.hero .btn{color:#1f4e8c;background:#fff;border-color:#fff}.hero-letter{font-family:var(--he-font);opacity:.9;font-size:6rem;line-height:1}@media (width<=600px){.hero-letter{display:none}}.ring{flex:none;width:84px;height:84px;position:relative}.ring svg{transform:rotate(-90deg)}.ring-label{place-items:center;font-size:.95rem;font-weight:700;display:grid;position:absolute;inset:0}.bars{align-items:flex-end;gap:6px;height:90px;display:flex}.bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.bars .bar{background:var(--primary);border-radius:6px 6px 2px 2px;width:100%;max-width:26px;min-height:3px}.bars span{color:var(--text-2);font-size:.68rem;overflow:hidden}.lesson-list{gap:12px;display:grid}.lesson-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow);align-items:center;gap:16px;padding:16px 18px;display:flex}.lesson-row:hover{border-color:var(--primary)}.lesson-row.locked{opacity:.55;pointer-events:none;box-shadow:none}.lesson-num{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border-radius:12px;flex:none;place-items:center;font-weight:700;display:grid}.lesson-row.done .lesson-num{background:var(--ok-soft);color:var(--ok)}.lesson-info{flex:1;min-width:0}.lesson-info h3{margin:0}.lesson-info p{color:var(--text-2);margin:0;font-size:.9rem}.lesson-letters{font-family:var(--he-font);color:var(--text-2);white-space:nowrap;direction:rtl;font-size:1.6rem}@media (width<=600px){.lesson-letters{display:none}}.theory p{font-size:1.02rem}.theory ul{margin:0 0 1em;padding-left:1.2em}.theory li{margin-bottom:.4em}.tip{background:var(--warn-soft);border-left:4px solid var(--warn);border-radius:12px;margin:0 0 1em;padding:12px 16px}.example{background:var(--surface-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:1em;padding:12px 16px;display:flex}.example .he{font-size:calc(2.2rem * var(--he-scale))}.example .tr{color:var(--primary);font-weight:700}.study-card{text-align:center}.study-card .he-xl{margin:0}.study-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.dots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.dots span{background:var(--border);border-radius:50%;width:8px;height:8px}.kv{text-align:left;grid-template-columns:auto 1fr;gap:6px 16px;max-width:520px;margin:14px auto 0;display:grid}.kv dt{color:var(--text-2);font-size:.88rem}.kv dd{margin:0}.quiz{max-width:720px;margin:0 auto}.quiz-top{align-items:center;gap:14px;margin-bottom:18px;display:flex}.quiz-top .progress{flex:1}.quiz-count{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:.85rem}.timer{font-variant-numeric:tabular-nums;font-weight:700}.timer.low{color:var(--bad)}.quiz-card{text-align:center;padding:28px 24px}.quiz-prompt{margin-bottom:14px;font-size:1.1rem;font-weight:600}.stimulus{flex-direction:column;align-items:center;gap:8px;margin:8px 0 18px;display:flex}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}@media (width<=480px){.options{grid-template-columns:1fr}}.option{border:2px solid var(--border);background:var(--surface);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;min-height:64px;padding:16px 14px;font-size:1.08rem;font-weight:600;transition:border-color .15s,background .15s;display:flex;position:relative}.option:hover:not(:disabled){border-color:var(--primary)}.option .key{color:var(--text-2);border:1px solid var(--border);border-radius:5px;padding:0 5px;font-family:Rubik,sans-serif;font-size:.68rem;font-weight:600;position:absolute;top:6px;left:8px}.option .he{font-size:calc(2.1rem * var(--he-scale));padding-block:.1em;font-weight:400;line-height:1.5}.option.correct{border-color:var(--ok);background:var(--ok-soft)}.option.wrong{border-color:var(--bad);background:var(--bad-soft)}.option:disabled{cursor:default}.type-answer{gap:10px;max-width:420px;margin:0 auto;display:flex}.type-answer input{text-align:center;flex:1;font-size:1.1rem}.type-answer input.correct{border-color:var(--ok);background:var(--ok-soft)}.type-answer input.wrong{border-color:var(--bad);background:var(--bad-soft)}.feedback{text-align:left;border-radius:14px;align-items:flex-start;gap:14px;margin-top:18px;padding:14px 16px;display:flex}.feedback.ok{background:var(--ok-soft)}.feedback.bad{background:var(--bad-soft)}.feedback strong{margin-bottom:2px;display:block}.feedback.ok strong{color:var(--ok)}.feedback.bad strong{color:var(--bad)}.feedback .btn{flex:none;margin-left:auto}@media (width<=480px){.feedback{flex-direction:column}.feedback .btn{width:100%;margin-left:0}}.quiz-actions{justify-content:center;gap:12px;margin-top:18px;display:flex}.result-score{font-size:3.2rem;font-weight:700;line-height:1}.result-head{text-align:center;padding:30px 20px}.review-list{gap:10px;margin-top:12px;display:grid}.review-item{background:var(--surface-2);border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.review-item .he{text-align:center;min-width:60px;font-size:1.8rem}.review-item .ans{font-size:.9rem}.review-item .ans .he-inline{font-size:1.3em}.letter-grid{direction:rtl;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;display:grid}.letter-tile{background:var(--surface);border:1px solid var(--border);text-align:center;cursor:pointer;box-shadow:var(--shadow);direction:ltr;border-radius:14px;padding:12px 8px 10px;transition:border-color .15s,transform .1s;position:relative}.letter-tile:hover{border-color:var(--primary);transform:translateY(-1px)}.letter-tile .he{font-size:calc(3rem * var(--he-scale));line-height:1.25;display:block}.letter-tile .name{font-size:.9rem;font-weight:600}.letter-tile .snd{color:var(--text-2);font-size:.78rem}.letter-tile .num{color:var(--text-2);font-size:.68rem;position:absolute;top:6px;right:8px}.letter-tile .mdot{border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:8px}.modal-backdrop{z-index:50;background:#080c1880;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow);border-radius:20px;padding:24px;overflow:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.variant-row{flex-wrap:wrap;justify-content:center;gap:12px;margin:12px 0;display:flex}.variant{background:var(--surface-2);text-align:center;border-radius:12px;min-width:90px;padding:8px 14px}.variant .he{font-size:2.4rem;display:block}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}table.data th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);font-size:.78rem;font-weight:600}table.data .he{font-size:calc(2.2rem * var(--he-scale))}.syl-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.syl{background:var(--surface-2);text-align:center;cursor:pointer;border:1px solid #0000;border-radius:12px;padding:8px 4px}.syl:hover{border-color:var(--primary)}.syl .he{font-size:calc(2.2rem * var(--he-scale));line-height:1.4;display:block}.syl small{color:var(--text-2);font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:500}.chip .he-inline{font-size:1.3em}.toolbar{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:16px;display:flex}.toolbar input[type=search]{flex:1;min-width:180px}.word-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.word-card{background:var(--surface);border:1px solid var(--border);text-align:center;cursor:pointer;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:2px;padding:14px;display:flex}.word-card:hover{border-color:var(--primary)}.word-card .he{font-size:calc(2.2rem * var(--he-scale));line-height:1.5}.word-card .tr{color:var(--primary);font-weight:700}.word-card .hidden{filter:blur(6px)}.sentence{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:14px 4px;display:flex}.sentence .he{font-size:calc(1.9rem * var(--he-scale));flex:1;min-width:200px}.flash{text-align:center;cursor:pointer;padding:40px 20px}.flash .he{font-size:calc(4rem * var(--he-scale))}.mastery-grid{direction:rtl;flex-wrap:wrap;gap:6px;display:flex}.mcell{width:46px;height:52px;font-family:var(--he-font);color:var(--text);border-radius:10px;place-items:center;font-size:1.5rem;display:grid}.m0{background:var(--m0)}.m1{background:var(--m1)}.m2{background:var(--m2)}.m3{background:var(--m3);color:#fff}.legend{color:var(--text-2);flex-wrap:wrap;gap:14px;margin-top:12px;font-size:.8rem;display:flex}.legend i{vertical-align:-1px;border-radius:4px;width:12px;height:12px;margin-right:6px;display:inline-block}.empty{text-align:center;color:var(--text-2);padding:36px 20px}.empty .he{color:var(--primary);font-size:3rem;display:block}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spacer{flex:1}.stack{gap:16px;display:grid}.stack>*,.grid>*,.page-head>*,.lesson-info{min-width:0}html,body{overflow-x:hidden}h1,h2,h3,p,li,dd{overflow-wrap:anywhere}.center{text-align:center}hr{border:0;border-top:1px solid var(--border);margin:18px 0}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width<=600px){.nikud-table thead{display:none}.nikud-table tr{border-bottom:1px solid var(--border);grid-template-columns:auto auto 1fr auto;align-items:center;gap:4px 14px;padding:10px 0;display:grid}table.data.nikud-table td{border:0;padding:0}.nikud-table td.desc{grid-column:1/-1}}input[type=email],input[type=password]{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;width:100%;min-width:0;padding:10px 12px}.field input{width:100%}.auth-wrap{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.auth-card{width:100%;max-width:420px}.link-btn{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:4px;font-weight:500}.link-btn.muted{color:var(--text-2)}.user-chip{background:var(--surface-2);color:var(--text);border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.avatar{background:var(--primary);width:32px;height:32px;color:var(--on-primary);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.user-chip .who{min-width:0;line-height:1.25}.user-chip .who b,.user-chip .who span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sync-dot{background:var(--text-2);border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.sync-dot.saved{background:var(--ok)}.sync-dot.saving{background:var(--warn)}.sync-dot.error,.sync-dot.offline{background:var(--bad)}.compose-answer{border:2px dashed var(--border);border-radius:14px;place-items:center;min-height:84px;margin:4px 0 14px;padding:6px 10px;display:grid}.compose-answer.correct{border-style:solid;border-color:var(--ok);background:var(--ok-soft)}.compose-answer.wrong{border-style:solid;border-color:var(--bad);background:var(--bad-soft)}.compose-tiles{direction:rtl;flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.option.tile{direction:ltr;min-width:64px;min-height:64px;padding:8px 12px}.option.tile:disabled{opacity:.25}.text-card{text-align:left;cursor:pointer;font:inherit;color:inherit;gap:10px;width:100%;display:grid}.text-card:hover{border-color:var(--primary)}.text-preview{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.text-line{cursor:pointer}.danger-zone{border-top:1px solid var(--border);padding-top:12px}.danger-zone summary{cursor:pointer;color:var(--bad);font-size:.9rem;font-weight:600}.danger-zone p{margin:10px 0}.page-loading{height:40vh}.user-row{align-items:center;gap:4px;margin-bottom:8px;display:flex}.user-row .user-chip{flex:1;min-width:0;margin-bottom:0}.drawer-user{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:8px;padding:12px;display:flex}.drawer-user .who{flex:1;min-width:0;line-height:1.25}.drawer-user .who b,.drawer-user .who span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.toast{z-index:60;background:var(--text);width:min(560px,100% - 32px);color:var(--bg);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:10px;padding:10px 10px 10px 16px;font-size:.9rem;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast span{flex:1}.toast .btn{background:var(--bg);color:var(--text);border-color:#0000}.toast .btn-ghost{color:var(--bg);background:0 0}@media (width<=860px){.toast{bottom:calc(76px + env(safe-area-inset-bottom));flex-wrap:wrap}}.voice-help summary{cursor:pointer;color:var(--primary);font-size:.9rem;font-weight:600}.voice-help ul{gap:6px;margin:10px 0;padding-left:1.2em;display:grid}.invite{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.invite-code{letter-spacing:.18em;font-variant-numeric:tabular-nums;color:var(--primary);font-size:1.8rem;font-weight:700}.code-input{text-transform:uppercase;letter-spacing:.2em;text-align:center;font-size:1.2rem;font-weight:700}.group-list{gap:8px;display:grid}.group-row{background:var(--surface-2);color:var(--text);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.group-row:hover{border-color:var(--primary)}.lb-name{flex:1;min-width:0;line-height:1.3}.lb-name b,.lb-name span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.leaderboard{gap:6px;margin:0;padding:0;list-style:none;display:grid}.leaderboard li{background:var(--surface-2);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.leaderboard li.me{background:var(--primary-soft);outline:2px solid var(--primary)}.lb-rank{text-align:center;flex:none;width:28px;font-size:1.1rem;font-weight:700}.lb-score{flex-direction:column;flex:none;align-items:flex-end;line-height:1.2;display:flex}.lb-score b{font-size:1.2rem}.leaderboard,.leaderboard li{min-width:0}@media (width<=480px){.leaderboard li{gap:8px;padding:8px 10px}.leaderboard .btn-icon{padding:4px}.lb-rank{width:22px}}.pw-wrap{position:relative}.pw-wrap input[type=text]{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;width:100%;padding:10px 48px 10px 12px}.pw-toggle{width:40px;height:40px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--text);background:var(--surface-2)}.student-table tr.clickable{cursor:pointer}.student-table tr.clickable:hover td{background:var(--surface-2)}.warn-text{color:var(--warn);font-weight:600}.assignment{background:var(--surface-2);border-radius:12px;padding:12px}input[type=date]{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;width:100%;min-width:0;padding:10px 12px}.field select,.field input[type=text]{width:100%}.mistake{background:color-mix(in srgb, var(--bad) 8%, transparent);border-radius:8px;margin:6px 0;padding:6px 8px}.he{line-height:1.6}.he-xl{line-height:1.35}.option,select,input[type=text],input[type=search],input[type=number],input[type=email],input[type=password],input[type=date]{border-color:var(--border-strong)}.option{border-width:2px}.chip{min-width:44px;min-height:44px}.link-btn{padding:10px 4px}a.small[href^="#/"]{padding:10px 0;display:inline-block}:root[data-theme=dark] .m3{color:#06170e}@media (hover:none){.option .key,.kbd-hint{display:none}}@media (width<=600px){.tabs{flex-wrap:wrap;overflow:visible}.tab{flex:calc(50% - 4px)}.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:10px}}dialog{color:var(--text);background:0 0;border:0;max-width:none;max-height:none;padding:0}dialog::backdrop{background:#080c188c}dialog.drawer[open]{background:var(--surface);width:100%;margin:0;position:fixed;inset:auto 0 0}dialog.modal-dialog[open]{place-items:center;width:100%;height:100%;padding:16px;display:grid}.drawer-head{justify-content:space-between;align-items:center;padding:0 4px 6px 12px;display:flex}.drawer-head h2{margin:0;font-size:1rem}.app.focus-mode .sidebar,.app.focus-mode .bottom-nav{display:none}.app.focus-mode .main{margin-left:0;margin-inline:auto;padding-bottom:32px}.welcome ol{gap:6px;margin:8px 0 14px;padding-left:1.2em;display:grid}.lock-reason{color:var(--text-2);font-size:.82rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}dialog:not([open]){display:none!important}.narrow{max-width:760px;margin-inline:auto}.prose h2{margin:20px 0 6px;font-size:1.1rem}.prose h2:first-child{margin-top:0}.prose p,.prose li{line-height:1.6}.consent{align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.45;display:flex}.consent input{flex:none;width:20px;height:20px;margin-top:3px}.comprehension{border-top:1px solid var(--border);margin-top:20px;padding-top:12px}.comprehension h3{margin:0 0 8px}.cq{border:0;margin:0 0 14px;padding:0}.cq legend{margin-bottom:8px;padding:0;font-weight:600}.cq-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.syl-table{border-collapse:collapse;min-width:640px}.syl-table th,.syl-table td{text-align:center;padding:2px}.syl-table thead th{font-weight:600}.syl-table thead th .he-inline{font-size:1.5rem;display:block}.syl-table thead th small,.syl-cell small{color:var(--text-2);font-family:Rubik,sans-serif;font-size:.7rem;display:block}.syl-table tbody th .he-inline{color:var(--primary);font-size:1.6rem}.syl-cell{border:1px solid var(--border);background:var(--surface);width:100%;min-width:52px;min-height:52px;font-family:var(--he-font);font-size:calc(1.5rem * var(--he-scale,1));cursor:pointer;color:var(--text);border-radius:10px;line-height:1.3}.syl-cell:hover{border-color:var(--primary);background:var(--primary-soft)}.syl-table tbody tr:nth-child(2n) .syl-cell{background:var(--surface-2)}.table-wrap{max-width:100%;position:relative}.syl-table tbody th,.syl-table thead th:first-child{background:var(--surface);z-index:1;position:sticky;right:0}h1{font-family:var(--display-font);font-weight:700;font-size:var(--fs-2xl);letter-spacing:0}.hero h2,.result-score,.stat-value{font-family:var(--display-font);font-weight:700}.result-score{font-size:var(--fs-3xl);font-variant-numeric:tabular-nums}.card{border-radius:var(--radius);box-shadow:var(--e1)}.tab.active{box-shadow:var(--e1)}.toast,dialog.drawer[open],.modal{box-shadow:var(--e3)}.hero{box-shadow:var(--e2);position:relative;overflow:hidden}.hero>*{z-index:1;position:relative}.btn-primary{box-shadow:0 3px 0 color-mix(in srgb, var(--primary) 65%, #000)}.option{box-shadow:0 3px 0 var(--border);border-radius:var(--r-md)}.option.correct{box-shadow:0 3px 0 color-mix(in srgb, var(--ok) 55%, transparent)}.option.wrong{box-shadow:0 3px 0 color-mix(in srgb, var(--bad) 55%, transparent)}.option.selected{box-shadow:0 3px 0 color-mix(in srgb, var(--primary) 55%, transparent)}.letter-tile{box-shadow:0 3px 0 var(--border);border-radius:var(--r-md)}.letter-tile .he{font-size:calc(3.4rem * var(--he-scale))}.lesson-row.locked{opacity:1;background:var(--surface-2);box-shadow:none}.lesson-row.locked .lesson-num{background:var(--border);color:var(--text-2)}.lesson-row.locked h3{color:var(--text-2)}.pill-accent{background:var(--accent-soft);color:var(--accent-text)}.bars .bar{background:linear-gradient(to top, var(--primary), var(--primary-2))}:root[data-motion=reduced]{--dur-xs:1ms;--dur-s:1ms;--dur-m:1ms;--dur-l:1ms;--dur-xl:1ms}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]){--dur-xs:1ms;--dur-s:1ms;--dur-m:1ms;--dur-l:1ms;--dur-xl:1ms}}@keyframes q-enter{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.08)}70%{transform:scale(.97)}to{transform:scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@keyframes xp-float{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-30px)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(12px)}}.q-enter{animation:q-enter var(--dur-m) var(--ease-out)}.pop-in{animation:pop-in var(--dur-l) var(--ease-spring) both;display:inline-block}.btn,.option,.letter-tile,.chip,.syl-cell{transition:transform var(--dur-xs) var(--ease-out), box-shadow var(--dur-xs) var(--ease-out), background var(--dur-s), border-color var(--dur-s)}.option:active:not(:disabled),.letter-tile:active,.chip:active,.syl-cell:active{box-shadow:0 1px 0 var(--border);transform:translateY(2px)scale(.98)}.option.correct{animation:pop var(--dur-m) var(--ease-spring)}.option.wrong,.type-answer input.wrong,.compose-answer.wrong{animation:shake .32s var(--ease-out)}:root[data-motion=reduced] .option.wrong,:root[data-motion=reduced] .type-answer input.wrong,:root[data-motion=reduced] .compose-answer.wrong{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .option.wrong,:root:not([data-motion=full]) .type-answer input.wrong,:root:not([data-motion=full]) .compose-answer.wrong{animation:none}}.feedback{animation:q-enter var(--dur-m) var(--ease-out)}.feedback-title{align-items:center;gap:6px;display:flex!important}.check-draw path{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24px;animation:draw var(--dur-l) var(--ease-out) 60ms forwards}.quiz-top{position:relative}.progress-fill{transform-origin:0;background:linear-gradient(90deg, var(--primary), var(--primary-2));width:100%;height:100%;transition:transform var(--dur-l) var(--ease-out);border-radius:8px}.combo{background:var(--accent-soft);color:var(--accent-text);font-weight:700;font-size:var(--fs-sm);animation:pop-in var(--dur-m) var(--ease-spring);border-radius:999px;flex:none;align-items:center;gap:2px;padding:2px 8px;display:inline-flex}.xp-float{pointer-events:none;font-weight:700;font-size:var(--fs-sm);color:var(--accent-text);animation:xp-float var(--dur-xl) var(--ease-out) forwards;position:absolute;top:-6px;right:0}.ring-fill{transition:stroke-dashoffset var(--dur-xl) var(--ease-out)}.bars .bar{transform-origin:bottom;animation:grow-y var(--dur-l) var(--ease-out) both;animation-delay:calc(var(--i,0) * 40ms)}.flash-scene{perspective:1000px}.flash-inner{transform-style:preserve-3d;transition:transform var(--dur-l) var(--ease-out);cursor:pointer;border-radius:var(--radius);display:grid}.flash-inner.flipped{cursor:default;transform:rotateY(180deg)}.flash-face{backface-visibility:hidden;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;display:flex;margin:0!important}.flash-back{transform:rotateY(180deg)}.word-card .he,.word-card .hidden{transition:filter var(--dur-m) var(--ease-out)}dialog.drawer[open]{animation:slide-up var(--dur-m) var(--ease-out)}dialog.modal-dialog[open] .modal{animation:scale-in var(--dur-m) var(--ease-out)}dialog[open]::backdrop{animation:backdrop-in var(--dur-m) var(--ease-out)}.toast{animation:toast-in var(--dur-m) var(--ease-out), toast-out var(--dur-s) var(--ease-in) 6.8s forwards}::view-transition-old(root){animation-duration:var(--dur-s)}::view-transition-new(root){animation-duration:var(--dur-s)}.sidebar{view-transition-name:sidebar}.bottom-nav{view-transition-name:bottomnav}.confetti-canvas{pointer-events:none;z-index:200;width:100vw;height:100vh;position:fixed;inset:0}.cover{--c1:var(--primary);--c2:var(--hero-b);background:linear-gradient(145deg, var(--c1), var(--c2));color:#fff;border-radius:var(--r-md);flex:none;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -3px #0000002e}.cover-vowels{--c1:#c99a3e;--c2:#8c6414}.cover-rules{--c1:#2e8a5e;--c2:#1b5e3e}.cover-grammar{--c1:#8a4fb0;--c2:#5a2e7e}:root[data-theme=dark] .cover-vowels{--c1:#8c6a26;--c2:#5a4212}:root[data-theme=dark] .cover-rules{--c1:#226a48;--c2:#154530}:root[data-theme=dark] .cover-grammar{--c1:#6a3d8a;--c2:#40235a}:root[data-theme=dark] .cover-letters{--c1:#2a5a94;--c2:#1a3558}.cover:after{content:"";aspect-ratio:1;background:var(--accent);opacity:.9;border-radius:50%;width:14%;position:absolute;top:12%;right:12%}.cover-glyph{font-family:var(--he-font);text-shadow:0 2px #00000026;direction:rtl;font-weight:500;line-height:1}.cover-sm{width:52px;height:52px}.cover-sm .cover-glyph{font-size:1.9rem}.cover-sm .cover-glyph[data-len="2"]{font-size:1.5rem}.cover-sm .cover-glyph[data-len="3"]{font-size:1.1rem}.cover-md{border-radius:var(--radius);width:72px;height:72px}.cover-md .cover-glyph{font-size:2.7rem}.cover-md .cover-glyph[data-len="2"]{font-size:2.1rem}.cover-md .cover-glyph[data-len="3"]{font-size:1.5rem}.cover-lg{border-radius:var(--radius);background:#ffffff1f;width:92px;height:92px;box-shadow:inset 0 0 0 1px #ffffff40}.cover-lg .cover-glyph{font-size:3.4rem}.cover-lg .cover-glyph[data-len="2"]{font-size:2.6rem}.cover-lg .cover-glyph[data-len="3"]{font-size:1.9rem}.lesson-row.locked .cover{filter:grayscale();opacity:.6}.lesson-cover-wrap{flex:none;position:relative}.cover-check{background:var(--ok);color:#fff;width:22px;height:22px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-6px;right:-6px}.lesson-step{font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);font-weight:600;display:block}.lesson-row.current{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft), var(--e1)}.lesson-row.current .lesson-step{color:var(--primary)}.lesson-head{align-items:center;gap:14px;margin-top:6px;display:flex}.hero{display:block}.hero-main{align-items:center;gap:16px;margin-bottom:12px;display:flex}.hero-kicker{font-size:var(--fs-sm);color:#fffc;margin:0}.hero h2{font-size:var(--fs-xl);margin:2px 0}.hero-sub{color:#ffffffd9;margin:0}.hero-path{font-size:var(--fs-sm);color:#ffffffd9;align-items:center;gap:10px;margin:0 0 14px;display:flex}.hero-path .progress{background:#ffffff2e;flex:1}.hero-path .progress-fill{background:linear-gradient(90deg, var(--accent), #f2d39a)}.hero-steps{counter-reset:step;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.hero-steps li{counter-increment:step;font-size:var(--fs-xs);color:#fff;background:#ffffff24;border-radius:999px;padding:4px 10px;font-weight:600}.hero-steps li:before{content:counter(step) " · ";opacity:.7}.card.feature{color:inherit;position:relative;overflow:hidden}.card.feature:hover{box-shadow:var(--e2)}.feature-glyph{font-family:var(--he-font);color:var(--primary);text-align:left;direction:rtl;margin-bottom:4px;font-size:2rem;line-height:1.2;display:block}.test-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.test-row{border-radius:var(--r-md);align-items:center;gap:12px;padding:8px;display:flex}.test-row:nth-child(odd){background:var(--surface-2)}.test-row .cover-sm{width:40px;height:40px}.test-row .cover-sm .cover-glyph{font-size:1.4rem}.test-row.locked .cover{filter:grayscale();opacity:.6}.test-info{flex:1;gap:2px;min-width:0;display:grid}.test-info b{font-weight:600}@media (width<=600px){.tabs{scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{scroll-snap-align:start;flex:1 0 auto;padding-inline:14px}}.chips-scroll{scrollbar-width:none;padding-bottom:2px;flex-wrap:nowrap;margin-inline:-4px;padding-inline:4px;overflow-x:auto}.chips-scroll::-webkit-scrollbar{display:none}.chips-scroll .chip{flex:none}@media (width<=600px){.quiz-card .feedback{bottom:calc(72px + env(safe-area-inset-bottom));z-index:5;box-shadow:var(--e3);margin-inline:-8px;position:sticky}.app.focus-mode .quiz-card .feedback{bottom:12px}}:root[data-theme=dark] .feedback.bad{background:color-mix(in srgb, var(--bad) 14%, var(--surface))}:root[data-theme=dark] .feedback.ok{background:color-mix(in srgb, var(--ok) 14%, var(--surface))}.btn:disabled{opacity:.55}.empty h2,.empty h3{color:var(--text)}.letter-art{width:132px;height:84px;margin:0 auto 12px;position:relative}.la-tile{width:56px;height:64px;font-family:var(--he-font);background:var(--surface);color:var(--primary);border:1px solid var(--border);box-shadow:0 3px 0 var(--border), var(--e1);border-radius:14px;place-items:center;font-size:2.2rem;line-height:1;display:grid;position:absolute;top:12px}.la-0{right:0;transform:rotate(8deg)}.la-1{z-index:1;background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 3px 0 color-mix(in srgb, var(--primary) 65%, #000), var(--e2);top:0;left:38px}.la-2{color:var(--accent-text);left:0;transform:rotate(-8deg)}details.collapsible>summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:4px 12px;list-style:none;display:flex}details.collapsible>summary::-webkit-details-marker{display:none}details.collapsible>summary h2{margin:0}details.collapsible>summary:after{content:"▾";color:var(--text-2);transition:transform var(--dur-s) var(--ease-out);margin-left:auto}details.collapsible[open]>summary:after{transform:rotate(180deg)}details.collapsible[open]>summary{margin-bottom:12px}@media (width<=860px){.bottom-nav a,.bottom-nav button{font-size:.75rem}}.inline-icon{vertical-align:-2px;color:var(--accent-text)}img.brand-mark{object-fit:contain;background:0 0;border-radius:22%;flex:none}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px 10px;margin:0;padding:0;list-style:none;display:grid}.badge-grid li{text-align:center;justify-items:center;gap:2px;display:grid}.badge-grid li b{font-size:var(--fs-sm);margin-top:4px;line-height:1.3}.badge-grid li .small{font-size:var(--fs-xs);line-height:1.35}.medal{overflow:visible}.medal .medal-inner{fill:#ffffff38}.medal .medal-glyph{font-family:var(--he-font);fill:#fff;font-weight:700}.medal.earned{filter:drop-shadow(0 3px #0000002e)}.medal.locked .medal-bg{fill:var(--surface-2);stroke:var(--border);stroke-width:1.5px}.medal .medal-progress{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round}.feedback{position:relative;overflow:hidden}@keyframes auto-next{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.auto-next{background:var(--ok);transform-origin:0;height:3px;animation:linear forwards auto-next;position:absolute;bottom:0;left:0;right:0}.quiz-head{margin-bottom:10px}.quiz-title{font-weight:600;font-size:var(--fs-sm);color:var(--text-2);margin:0}details.why>summary{cursor:pointer;font-weight:600;font-size:var(--fs-sm);color:var(--text-2);width:fit-content;margin-top:4px}details.why[open]>summary{margin-bottom:2px}@media (width<=600px){.quiz-run .quiz-head{margin-bottom:6px}.quiz-run .quiz-head .small{font-size:var(--fs-xs)}.quiz-run .quiz-top{gap:10px;margin-bottom:10px}.quiz-run .quiz-card{flex-direction:column;flex:1 0 auto;margin:0;padding:14px 12px 12px;display:flex}.quiz-run .quiz-prompt{font-size:var(--fs-md);margin-bottom:6px}.quiz-run .stimulus{gap:4px;margin:2px 0 10px}.quiz-run .stimulus .he-xl{font-size:calc(clamp(3rem, 11vh, 5.2rem) * var(--he-scale));line-height:1.25}.quiz-run .stimulus .he-lg{font-size:calc(clamp(2rem, 7vh, 3rem) * var(--he-scale));line-height:1.35}.quiz-run .stimulus .he-md{font-size:calc(clamp(1.6rem, 5vh, 2rem) * var(--he-scale))}.quiz-run .options,.quiz-run .compose,.quiz-run .type-answer{margin-top:auto}.quiz-run .options{gap:10px}.quiz-run .options.compact{grid-template-columns:1fr 1fr}.quiz-run .option{min-height:clamp(50px,7.5vh,64px);padding:8px 10px;font-size:1rem}.quiz-run .option .he{font-size:calc(clamp(1.5rem, 4.5vh, 2rem) * var(--he-scale));line-height:1.3}.quiz-run .option .key{display:none}.quiz-run .quiz-actions{margin-top:12px}.quiz-run .kbd-hint{display:none}.quiz-run .quiz-card .feedback{bottom:calc(72px + env(safe-area-inset-bottom));z-index:5;max-height:60vh;box-shadow:var(--e3);margin:12px -4px 0;padding:12px 14px;position:sticky;overflow-y:auto}.app.focus-mode .quiz-run .quiz-card .feedback{bottom:12px}.quiz-run .feedback .btn{margin-top:8px}}.word-tap{font:inherit;color:inherit;cursor:pointer;line-height:inherit;-webkit-text-decoration:underline dotted color-mix(in srgb, var(--text-2) 40%, transparent);text-decoration:underline dotted color-mix(in srgb, var(--text-2) 40%, transparent);text-underline-offset:.35em;background:0 0;border:0;border-radius:6px;margin:0;padding:0 1px}.word-tap:hover,.word-tap.on{background:var(--primary-soft);color:var(--primary);text-decoration:none}.word-gloss{border-radius:var(--r-md);background:var(--primary-soft);border:1px solid color-mix(in srgb, var(--primary) 25%, transparent);flex-wrap:wrap;align-items:center;gap:4px 12px;margin:-4px 0 10px;padding:10px 14px;display:flex}.word-gloss .he-inline{font-size:1.6rem}.speed-grid{text-align:center;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px 14px;display:grid}.speed-grid .he{font-size:calc(1.9rem * var(--he-scale));line-height:1.5}.he-keyboard{gap:6px;margin-top:12px;display:grid}.he-keys{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.he-key{border:1px solid var(--border-strong);background:var(--surface);min-height:46px;color:var(--text);font-family:var(--he-font);cursor:pointer;box-shadow:0 2px 0 var(--border);border-radius:10px;font-size:1.5rem;line-height:1}.he-key:active{box-shadow:none;background:var(--primary-soft);transform:translateY(2px)}.typed-he{min-height:64px}:root{--text-3:#9a8f80;--primary-deep:#173c6d;--primary-shadow:#0f2f5a;--primary-line:#c9d9ee;--gold:#e0b45a;--gold-shadow:#a57a20;--gold-ink:#8c6414;--gold-dark-ink:#2b1d03;--gold-line:#ebd3a0;--ok-shadow:#135235;--ok-line:#a9d8bc;--ok-bright:#4cc38a;--bad-line:#f3c6c1;--bad-shadow:#7e1a14;--flame:#d2553a;--flame-soft:#fbe6dc;--flame-ink:#9a3a22;--flame-fill:#f6c9a8;--locked-bg:#efe9df;--locked-sh:#ddd3c4;--hero-a:#1f4e8c;--hero-b:#173c6d;--hero-shadow:0 2px 4px #3c280a14, 0 14px 34px #173c6d47;--ease-exit:cubic-bezier(.4, 0, 1, 1);--radius:22px}:root[data-theme=dark]{--text-3:#8a8275;--primary-deep:#14263d;--primary-shadow:#405168;--primary-line:#2a3f5c;--gold-shadow:#7b6332;--gold-ink:#e0b45a;--gold-line:#5a4520;--ok-shadow:#22583e;--ok-line:#2c6e4c;--bad-line:#5a2a25;--bad-shadow:#6c3e3a;--flame:#e0785e;--flame-soft:#3a1e14;--flame-ink:#f0a184;--flame-fill:#7a3a26;--locked-bg:#25231f;--locked-sh:#34312b;--hero-a:#1d3657;--hero-b:#14263d;--hero-shadow:0 14px 34px #00000073}@media (prefers-color-scheme:dark){:root:not([data-theme]){--text-3:#8a8275;--primary-line:#2a3f5c;--gold-ink:#e0b45a;--gold-line:#5a4520;--ok-line:#2c6e4c;--bad-line:#5a2a25;--flame:#e0785e;--flame-soft:#3a1e14;--flame-ink:#f0a184;--flame-fill:#7a3a26;--locked-bg:#25231f;--locked-sh:#34312b}}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) *,:root:not([data-motion=full]) :before,:root:not([data-motion=full]) :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@keyframes scrIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@keyframes dropIn{0%{opacity:0;transform:translateY(-28px)rotate(-8deg)}60%{opacity:1;transform:translateY(4px)rotate(2deg)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}15%{opacity:1;transform:translate(-50%)scale(1.05)}to{opacity:0;transform:translate(-50%,-80px)scale(1)}}@keyframes flicker{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.08,.95)rotate(-3deg)}50%{transform:scale(.95,1.07)rotate(2deg)}75%{transform:scale(1.05,.97)rotate(-1deg)}}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes drift{0%{transform:translate(0)rotate(0)}to{transform:translate(18px,-14px)rotate(8deg)}}@keyframes growY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes growX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes rise{0%{opacity:0;transform:translateY(40px)scaleY(.2)}to{opacity:1;transform:none}}@keyframes drawStroke{0%{stroke-dashoffset:900px}to{stroke-dashoffset:0}}@keyframes fillIn{to{fill:currentColor}}@keyframes drawPath{0%{stroke-dashoffset:2400px}to{stroke-dashoffset:0}}@keyframes pulseRing{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes bounceY{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}@keyframes qIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes sheetUp{0%{transform:translateY(110%)}to{transform:none}}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:none}}@keyframes tileIn{0%{opacity:0;transform:translateY(16px)scale(.8)rotate(-6deg)}to{opacity:1;transform:none}}@keyframes cardIn{0%{opacity:0;transform:translateY(30px)scale(.94)}to{opacity:1;transform:none}}@keyframes spinIn{0%{opacity:0;transform:perspective(600px)rotateY(-180deg)scale(.6)}to{opacity:1;transform:none}}@keyframes shine{0%,60%{transform:translate(-120%)skew(-20deg)}to{transform:translate(220%)skew(-20deg)}}@keyframes hlSyl{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-8px)scale(1.18)}to{transform:translateY(0)scale(1.08)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}body{font-family:Rubik,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{font-size:clamp(30px,4vw,40px);line-height:1.15}.fade-in{animation:scrIn .6s var(--ease-out) backwards}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.card{border-radius:22px}.btn{transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out), background .15s, border-color .15s;border-radius:14px}.btn:not(.btn-ghost):not(.btn-primary):not(.btn-gold):not(.btn-danger){box-shadow:0 3px 0 var(--border)}.btn-primary{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 0 var(--primary-shadow)}.btn-primary:hover:not(:disabled){background:var(--primary-2);box-shadow:0 6px 0 var(--primary-shadow);transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:0 1px 0 var(--primary-shadow);transform:translateY(3px)}.btn-gold{background:var(--gold);color:var(--gold-dark-ink);box-shadow:0 5px 0 var(--gold-shadow);border:0;font-weight:700}.btn-gold:hover{background:var(--gold);box-shadow:0 7px 0 var(--gold-shadow);color:var(--gold-dark-ink);transform:translateY(-2px)}.btn-gold:active{box-shadow:0 1px 0 var(--gold-shadow);transform:translateY(4px)}.btn-ok{background:var(--ok);color:#fff;box-shadow:0 4px 0 var(--ok-shadow);border:0}.btn-bad{background:var(--bad);color:#fff;box-shadow:0 4px 0 var(--bad-shadow);border:0}.btn-ok:hover{background:var(--ok)}.btn-bad:hover{background:var(--bad)}.btn-ok:active,.btn-bad:active{box-shadow:none;transform:translateY(3px)}.stat-chip{border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-size:15px;font-weight:700;display:inline-flex}.stat-chip.flame{background:var(--flame-soft);color:var(--flame-ink)}.stat-chip.xp{background:var(--accent-soft);color:var(--gold-ink)}.stat-chip.sm{gap:4px;padding:5px 10px;font-size:13px}.flame-icon{color:var(--flame);transform-origin:50% 90%;animation:1.6s ease-in-out infinite flicker}.flame-icon path{fill:var(--flame-fill)}.star-icon{color:#b8862b;animation:3s ease-in-out infinite wiggle}.star-icon path{fill:var(--gold)}.wiggle{animation:2.6s ease-in-out infinite wiggle;display:inline-flex}.sidebar{gap:0;padding:20px 14px}.brand{padding:4px 10px 22px;font-family:Rubik,sans-serif;font-size:19px}.brand img.brand-mark{animation:popIn .6s var(--ease-spring) both;border-radius:11px;width:40px!important;height:40px!important}.brand small{color:var(--text-2);font-size:12px;font-weight:400}.nav-list{display:grid;position:relative}.nav-indicator{background:var(--primary-soft);height:46px;transition:transform .5s var(--ease-spring);z-index:0;border-radius:14px;position:absolute;top:0;left:0;right:0}.nav-link{z-index:1;height:46px;transition:transform .2s var(--ease-out), color .2s;border-radius:14px;gap:12px;padding:0 12px;font-size:15px;position:relative}.nav-link:hover{color:var(--text);background:0 0;transform:translate(3px)}.nav-link.active{color:var(--primary);background:0 0;font-weight:600}.nav-link svg{width:21px;height:21px}.badge{min-width:22px;height:22px;animation:popIn .5s var(--ease-spring) .6s both;border-radius:11px;font-size:12px;font-weight:700;background:var(--flame)!important;color:#fff!important}.sidebar-foot .user-chip{border-radius:14px}.sidebar-foot .avatar{color:#fff;background:linear-gradient(135deg,#e0b45a,#b8862b)!important}.foot-stats{color:var(--text-2);align-items:center;gap:6px;padding:8px 6px 0;font-size:13px;display:flex}@media (width<=860px){.topbar{z-index:25;padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);align-items:center;gap:8px;display:flex;position:sticky;top:0}.topbar-brand{color:var(--text);align-items:center;gap:8px;margin-right:auto;font-size:18px;font-weight:700;display:flex}.topbar-brand img{border-radius:9px}.app{flex-direction:column}.main{padding:8px 16px 110px}.bottom-nav{background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border)}.bottom-nav a,.bottom-nav button{gap:3px;padding:7px 0 9px;font-size:11px}.nav-pill{border-radius:15px;place-items:center;width:52px;height:30px;transition:background .25s;display:grid}.bottom-nav .active{color:var(--primary);font-weight:700}.bottom-nav .active .nav-pill{background:var(--primary-soft);animation:popIn .45s var(--ease-spring)}.bottom-nav .badge{min-width:18px;height:18px;font-size:10.5px;top:2px;left:58%}.app.focus-mode .topbar{display:none}}.toast{border-radius:16px;margin:0 auto;bottom:28px;left:0;right:0;transform:none;color:#faf7f2!important;animation:toastIn .45s var(--ease-spring) both!important;background:#1c1a17!important}.toast-dot{background:var(--gold);border-radius:50%;flex:none;width:10px;height:10px}@media (width<=860px){.toast{bottom:calc(92px + env(safe-area-inset-bottom))}}.home{gap:20px;display:grid}.home-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}.home-head h1{margin:0;font-size:clamp(30px,4.4vw,42px)}.shalom{color:var(--primary);font-family:var(--he-font);display:inline-flex}.shalom span{animation:dropIn .7s var(--ease-spring) both;display:inline-block}.home-sub{color:var(--text-2);margin:6px 0 0;font-size:16px}.home-chips{flex-wrap:wrap;gap:8px;display:flex}@media (width<=860px){.home-chips{display:none}}.hero2{color:#fff;background:linear-gradient(135deg, var(--hero-a), var(--hero-b));box-shadow:var(--hero-shadow);animation:scrIn .6s var(--ease-out) both;border-radius:28px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px 30px;padding:clamp(22px,4vw,38px);display:grid;position:relative;overflow:hidden}.drift{font-family:var(--he-font);color:#fff;opacity:.07;pointer-events:none;line-height:1;animation:9s ease-in-out infinite alternate drift;position:absolute}.hero2>:not(.drift){z-index:1;position:relative}.hero2-cover{background:#faf7f2;border-radius:34px;place-items:center;width:140px;height:140px;animation:4.5s ease-in-out infinite bob;display:grid;box-shadow:0 10px #00000038,0 20px 40px #00000040}.hero2-cover span{font-family:var(--he-font);color:#1f4e8c;direction:rtl;font-size:70px;line-height:1}.hero2 h2{font-family:var(--display-font);color:#fff;margin:4px 0 6px;font-size:clamp(30px,4vw,42px);line-height:1.05}.hero2-sub{color:#ffffffe0;margin:0 0 14px;font-size:20px}.hero2-sub .he-inline{font-size:24px}.hero2-path{color:#ffffffd9;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.hero2-bar{background:#ffffff29;border-radius:10px;flex:1;height:10px;overflow:hidden}.hero2-bar>div{transform-origin:0;height:100%;animation:growX 1.2s var(--ease-out) .2s both;background:linear-gradient(90deg,#e0b45a,#f2d39a);border-radius:10px}.hero2 .hero-steps{margin:14px 0 0}.hero2-cta{justify-items:start;gap:10px;display:grid}.hero-link{color:#ffffffd9;text-underline-offset:3px;font-size:14px;text-decoration:underline}.hero-link:hover{color:#fff}@media (width<=760px){.hero2{grid-template-columns:auto 1fr}.hero2-cover{border-radius:24px;width:92px;height:92px}.hero2-cover span{font-size:46px}.hero2-cta{grid-column:1/-1;justify-items:stretch}.hero2-cta .btn{justify-content:center}.hero2-body{min-width:0}.hero2-sub{font-size:16px}}.home-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.home-cards>.card{animation:scrIn .6s var(--ease-out) both;margin:0}.goal-card{gap:18px}.ring-96{width:96px;height:96px}.ring-96 .ring-fill{transition:stroke-dashoffset 1.4s var(--ease-out)}.stat-value{font-family:var(--display-font);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.stat-value.big{font-size:40px;line-height:1}.stat-inline{align-items:baseline;gap:10px;flex-direction:row!important;display:flex!important}.bars-74{height:74px;margin-top:12px}.bars .bar{background:var(--primary);animation:growY .9s var(--ease-spring) both;animation-delay:calc(var(--i,0) * 70ms);border-radius:7px 7px 3px 3px}.bars .bar.today{background:var(--gold)}.bars .bar.is-zero{background:var(--surface-2)}.mbar{background:var(--surface-2);border-radius:12px;height:12px;overflow:hidden}.mbar>div{transform-origin:0;height:100%;animation:growX 1s var(--ease-out) both;border-radius:12px}.mbar.blue>div{background:var(--primary)}.mbar.gold>div{background:var(--gold)}.mbar.green>div{background:var(--ok)}.card.feature{transition:transform .25s var(--ease-spring), box-shadow .25s, border-color .25s}.card.feature:hover{border-color:var(--primary);box-shadow:var(--e2);transform:translateY(-5px)rotate(-.6deg)}.feature-glyph{font-size:44px!important}.feature-glyph.blue{color:var(--primary)}.feature-glyph.gold{color:var(--gold-ink)}.feature-glyph.green{color:var(--ok)}.kind-vowels{--k-bg:#e0b45a;--k-fg:#2b1d03;--k-sh:#a57a20;--k-ink:#8c6414}.kind-letters{--k-bg:#1f4e8c;--k-fg:#fff;--k-sh:#0f2f5a;--k-ink:#1f4e8c}.kind-grammar{--k-bg:#7b45a0;--k-fg:#fff;--k-sh:#4e2b6c;--k-ink:#7b45a0}:root[data-theme=dark] .kind-grammar{--k-ink:#c79be6}.kind-rules{--k-bg:#1e7a4f;--k-fg:#fff;--k-sh:#135235;--k-ink:#1e7a4f}:root[data-theme=dark] .kind-letters{--k-bg:#2a5a94;--k-ink:#8fb4e8}:root[data-theme=dark] .kind-vowels{--k-ink:#e0b45a}:root[data-theme=dark] .kind-rules{--k-ink:#4cc38a}.unit{margin-bottom:26px}.unit-banner{background:var(--k-bg);max-width:560px;color:var(--k-fg);box-shadow:0 5px 0 var(--k-sh);animation:scrIn .6s var(--ease-out) both;border-radius:22px;justify-content:space-between;align-items:center;margin:0 auto 26px;padding:18px 22px;display:flex}.unit-kicker{letter-spacing:.12em;text-transform:uppercase;opacity:.8;font-size:11.5px;font-weight:700;display:block}.unit-banner h2{font-family:var(--display-font);color:inherit;margin:2px 0;font-size:24px}.unit-count{opacity:.85;font-size:13px}.unit-glyph{font-family:var(--he-font);direction:rtl;font-size:46px;line-height:1}.path-wrap{width:340px;max-width:100%;margin:0 auto;position:relative}.path-line{position:absolute;top:0;left:0;overflow:visible}.path-base{fill:none;stroke:var(--border);stroke-width:10px;stroke-linecap:round;stroke-dasharray:2400;animation:drawPath 2.2s var(--ease-out) both}.path-dash{fill:none;stroke:var(--bg);stroke-width:2px;stroke-dasharray:3 14;stroke-linecap:round}.stop{width:78px;height:78px;animation:popIn .5s var(--ease-spring) both;position:absolute}.stop-tile{cursor:pointer;background:var(--k-bg);width:78px;height:78px;color:var(--k-fg);box-shadow:0 7px 0 var(--k-sh);transition:transform .12s var(--ease-out), box-shadow .12s;border:0;border-radius:26px;place-items:center;display:grid;position:relative}.stop-tile:hover{box-shadow:0 9px 0 var(--k-sh);transform:translateY(-2px)}.stop-tile:active{box-shadow:0 1px 0 var(--k-sh);transform:translateY(6px)}.stop-glyph{font-family:var(--he-font);direction:rtl;font-size:38px;line-height:1}.stop-glyph[data-long]{font-size:30px}.stop-tile.locked{background:var(--locked-bg);color:var(--text-3);box-shadow:0 7px 0 var(--locked-sh)}.stop-tile.shake{animation:shake .45s var(--ease-out)}.stop-tile.just-passed{animation:pop .8s var(--ease-out) .4s}.stop-tile.current:before{content:"";border:3px solid var(--k-bg);pointer-events:none;border-radius:32px;animation:1.8s ease-out infinite pulseRing;position:absolute;inset:-8px}.stop-bubble{z-index:2;white-space:nowrap;color:#fff;letter-spacing:.08em;background:#1c1a17;border-radius:10px;padding:5px 10px;font-size:12px;font-weight:700;animation:1.4s ease-in-out infinite bounceY;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.stop-bubble:after{content:"";border:5px solid #0000;border-top-color:#1c1a17;border-bottom:0;margin-left:-5px;position:absolute;bottom:-5px;left:50%}.stop-badge{border:3px solid var(--bg);border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute}.stop-badge.ok{background:var(--ok);color:#fff;top:-8px;right:-8px}.stop-badge.lock{background:var(--surface);color:var(--text-3);width:24px;height:24px;bottom:-6px;right:-8px}.stop-label{width:112px;line-height:1.25;position:absolute;top:12px}.stop-label.right{left:90px}.stop-label.left{text-align:right;right:90px}.stop-label span{letter-spacing:.08em;text-transform:uppercase;color:var(--k-ink);font-size:11px;font-weight:700;display:block}.stop-label b{color:var(--text);font-size:13px;font-weight:600}.quiz-hint{margin:0 0 10px}.quiz-top{gap:14px;margin-bottom:14px}.quiz-close{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:44px;height:44px;color:var(--text-2);transition:transform .25s var(--ease-spring);border-radius:50%;flex:none;place-items:center;display:grid}.quiz-close:hover{color:var(--text);transform:rotate(90deg)}.qbar{background:var(--surface-2);border-radius:16px;flex:1;height:16px;overflow:hidden}.qbar>div{background:linear-gradient(90deg, var(--ok), var(--ok-bright));height:100%;transition:width .6s var(--ease-spring);border-radius:16px;position:relative}.qbar>div:after{content:"";background:#ffffff59;border-radius:4px;height:4px;position:absolute;top:3px;left:8px;right:8px}.quiz-kicker-row{justify-content:space-between;align-items:center;gap:10px;min-height:30px;margin-bottom:10px;display:flex}.quiz-kicker-row .kicker{margin:0}.combo-chip{background:var(--flame-soft);color:var(--flame-ink);animation:popIn .45s var(--ease-spring) both;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:13.5px;font-weight:700;display:inline-flex}.combo-chip .flame-icon{animation-duration:1s}.quiz-card{box-shadow:var(--e2);border-radius:28px;padding:clamp(22px,4vw,34px);position:relative;animation:qIn .5s var(--ease-out) backwards!important}.quiz-prompt{font-size:19px;font-weight:600}.stimulus .he{animation:popIn .6s var(--ease-spring) both}.xp-pill{z-index:3;background:var(--gold);color:var(--gold-dark-ink);pointer-events:none;animation:floatUp 1.3s var(--ease-out) forwards;box-shadow:0 3px 0 var(--gold-shadow);border-radius:999px;padding:5px 14px;font-size:14px;font-weight:800;position:absolute;top:12px;left:50%}.option{border:2px solid var(--border);min-height:74px;box-shadow:0 4px 0 var(--border);transition:transform .12s var(--ease-out), box-shadow .12s, background .2s, border-color .2s, color .2s;border-radius:18px;font-size:20px;font-weight:600}.option .he{font-size:calc(44px * var(--he-scale))!important}.option .key{border-radius:6px;font-size:11px}.option.correct{border-color:var(--ok);background:var(--ok-soft);color:var(--ok-shadow);box-shadow:0 4px 0 var(--ok-line);animation:pop .5s var(--ease-out)}:root[data-theme=dark] .option.correct{color:var(--ok)}.option.correct.reveal{animation:pop .5s var(--ease-out) .25s both}.option.wrong{border-color:var(--bad);background:var(--bad-soft);box-shadow:0 4px 0 var(--bad-line);animation:shake .45s var(--ease-out)}.option.dim{color:var(--text-3)}@media (width<=480px){.options{grid-template-columns:1fr}.quiz-run .options.compact{grid-template-columns:1fr 1fr}.option .he{font-size:calc(36px * var(--he-scale))!important}.option{min-height:64px;font-size:18px}}.quiz-run.has-sheet{padding-bottom:220px}.quiz-run .quiz-card .feedback.sheet,.feedback.sheet{left:var(--sidebar);z-index:40;max-height:70vh;padding:18px clamp(16px, 4vw, 40px) calc(18px + env(safe-area-inset-bottom));border-radius:0;margin:0;animation:.45s cubic-bezier(.34,1.3,.64,1) both sheetUp;display:block;position:fixed;top:auto;bottom:0;right:0;overflow-y:auto;box-shadow:0 -8px 24px #3c280a1f}.sheet-inner{align-items:center;gap:16px;max-width:720px;margin:0 auto;display:flex}.sheet-icon{color:#fff;width:52px;height:52px;animation:popIn .5s var(--ease-spring) .15s both;border-radius:50%;flex:none;place-items:center;display:grid}.sheet-text{flex:1;min-width:0;font-size:15px}.sheet-text .feedback-title{margin-bottom:2px;font-size:20px}.feedback.sheet .btn{flex:none;margin:0}.app.focus-mode .feedback.sheet{left:0}@media (width<=860px){.quiz-run .quiz-card .feedback.sheet,.feedback.sheet{left:0;bottom:calc(62px + env(safe-area-inset-bottom));padding-bottom:16px}.app.focus-mode .feedback.sheet{padding-bottom:calc(16px + env(safe-area-inset-bottom));bottom:0}.sheet-inner{flex-wrap:wrap}.sheet-icon{width:44px;height:44px}.feedback.sheet .btn{justify-content:center;width:100%}.quiz-run.has-sheet{padding-bottom:260px}}.result-head{text-align:center;border-radius:28px}.result-ring{width:170px;height:170px;margin:6px auto 8px;position:relative}.result-ring svg{transform:rotate(-90deg)}.result-ring-fill{transition:stroke-dashoffset 1.6s var(--ease-out)}.result-ring .result-score{place-items:center;font-size:48px;display:grid;position:absolute;inset:0}.result-title{font-family:var(--display-font);margin:6px 0 4px;font-size:clamp(26px,4vw,34px)}.result-tiles{grid-template-columns:repeat(3,1fr);gap:10px;max-width:460px;margin:14px auto 0;display:grid}.rtile{animation:tileIn .5s var(--ease-spring) both;border-radius:16px;padding:12px 8px}.rtile span{letter-spacing:.1em;text-transform:uppercase;font-size:11.5px;font-weight:700;display:block}.rtile b{font-family:var(--display-font);font-variant-numeric:tabular-nums;font-size:26px}.rtile.gold{background:var(--accent-soft);color:var(--gold-ink)}.rtile.green{background:var(--ok-soft);color:var(--ok)}.rtile.flame{background:var(--flame-soft);color:var(--flame-ink)}.trophy-card{text-align:left;color:#fff;background:linear-gradient(135deg, var(--hero-a), var(--hero-b));border-radius:18px;align-items:center;gap:14px;max-width:460px;margin:16px auto 0;padding:14px 18px;display:flex;position:relative;overflow:hidden}.trophy-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:40%;animation:3s ease-in-out infinite shine;position:absolute;top:0;bottom:0}.trophy-icon{background:var(--gold);width:56px;height:56px;color:var(--gold-dark-ink);box-shadow:0 4px 0 var(--gold-shadow);animation:spinIn .9s var(--ease-spring) 1.1s both;border-radius:16px;flex:none;place-items:center;display:grid}.trophy-card b{font-size:16px;display:block}.trophy-card span{opacity:.85;font-size:14px}.lesson-top{align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.segments{flex:1;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.seg{cursor:pointer;text-align:left;background:0 0;border:0;gap:6px;padding:6px 0 0;display:grid}.seg-bar{background:var(--surface-2);border-radius:8px;height:8px;display:block;overflow:hidden}.seg-bar i{border-radius:8px;width:0;height:100%;display:block}.seg.done .seg-bar i{background:var(--ok-line);width:100%}.seg.active .seg-bar i{background:var(--gold);transform-origin:0;width:100%;animation:growX .6s var(--ease-out) both}.seg:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:8px}.lesson-title{margin:0 0 20px}.trace-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.trace-grid>.card{margin:0}.trace-tile{text-align:center;padding:14px 16px 16px}.trace{width:100%;max-width:240px;height:auto;color:var(--primary);margin:0 auto;display:block}.trace-base{stroke:var(--border);stroke-width:2px;stroke-dasharray:6 6}.trace-text{font-family:var(--he-font);fill:#0000;stroke:var(--primary);stroke-width:2.2px;stroke-dasharray:900;animation:drawStroke 1.8s var(--ease-out) both, fillIn .7s ease forwards;direction:rtl;font-size:150px}.trace-meta{justify-content:center;align-items:center;gap:10px;margin:6px 0 10px;display:flex}.theory{font-size:17px;line-height:1.65}.theory .he-inline{color:var(--primary);font-size:1.35em}.tip{background:var(--accent-soft);border-left:0;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.star-tip{flex:none;margin-top:2px}.syl-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.syl-grid-2>.card{margin:0}.syl-reader{padding:20px 22px}.syl-words{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 22px;min-height:90px;display:flex}.syl-word{gap:6px;display:inline-flex}.rsyl{font-family:var(--he-font);font-size:calc(56px * var(--he-scale));color:var(--text);background:0 0;border-radius:12px;padding:0 6px;line-height:1.3;transition:color .3s;display:inline-block}.rsyl.on{background:var(--primary-soft);color:var(--primary);animation:hlSyl .5s var(--ease-spring) both}.rsyl.read{color:var(--primary)}.syl-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}@media (width<=480px){.rsyl{font-size:calc(42px * var(--he-scale))}.seg-label{font-size:11px}}.alpha-layout{flex-flow:row-reverse wrap-reverse;align-items:flex-end;gap:20px;display:flex}.alpha-panel{max-width:400px;box-shadow:var(--e2);border-radius:22px;flex:320px;margin:0;position:sticky;top:20px}.alpha-trace{background:var(--bg);border-radius:22px;margin-bottom:12px;padding:10px}.alpha-trace .trace{max-width:260px}.alpha-name{font-family:var(--display-font);margin:0;font-size:32px}.alpha-desc{margin:10px 0 12px;font-size:16px}.alpha-facts{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.fact{border-radius:16px;padding:12px 14px}.fact span{letter-spacing:.1em;text-transform:uppercase;font-size:11.5px;font-weight:700;display:block}.fact b{font-family:var(--display-font);font-size:26px}.fact.gold{background:var(--accent-soft);color:var(--gold-ink)}.fact.green{background:var(--ok-soft);color:var(--ok)}.round-btn{cursor:pointer;background:var(--primary);color:#fff;width:44px;height:44px;box-shadow:0 4px 0 var(--primary-shadow);border:0;border-radius:50%;place-items:center;transition:transform .12s,box-shadow .12s;display:grid}.round-btn:active{box-shadow:0 1px 0 var(--primary-shadow);transform:translateY(3px)}.atile{aspect-ratio:1;border:2px solid var(--border);background:var(--surface);box-shadow:0 4px 0 var(--border);cursor:pointer;color:var(--text);animation:tileIn .5s var(--ease-spring) backwards;transition:transform .2s var(--ease-spring), box-shadow .12s;border-radius:20px;align-content:center;place-items:center;gap:2px;display:grid}.atile-char{font-family:var(--he-font);font-size:calc(38px * var(--he-scale));line-height:1.1}@media (width<=760px){.alpha-panel{max-width:none;position:static}}@media (width<=600px){.trace-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trace-tile{padding:8px 8px 12px}.trace{max-width:150px}.trace-tile .row .btn{padding:6px 10px;font-size:13px}}.ptiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.ptile{animation:tileIn .5s var(--ease-spring) backwards;border-radius:22px;padding:18px 20px}.ptile span{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.ptile b{font-family:var(--display-font);font-variant-numeric:tabular-nums;font-size:36px;line-height:1.1}.ptile.gold{background:var(--accent-soft);color:var(--gold-ink)}.ptile.flame{background:var(--flame-soft);color:var(--flame-ink)}.ptile.blue{background:var(--primary-soft);color:var(--primary)}.ptile.green{background:var(--ok-soft);color:var(--ok)}.mastery-grid{gap:8px}.mcell{width:44px;height:44px;font-family:var(--he-font);animation:popIn .45s var(--ease-spring) backwards;border-radius:12px;font-size:22px}.badge-grid li{text-align:left;background:var(--bg);border:1px solid var(--border);animation:spinIn .8s var(--ease-spring) backwards;border-radius:18px;justify-items:start;padding:14px 16px;position:relative;overflow:hidden}.badge-grid li.earned{border-color:var(--gold-line);background:#fffbf1}:root[data-theme=dark] .badge-grid li.earned{background:#2a2416}.badge-grid li.earned:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:40%;animation:3s ease-in-out infinite shine;position:absolute;top:0;bottom:0}.badge-grid li .medal{width:52px;height:52px}.badge-grid li.earned .medal{animation:none}.badge-progress{background:var(--surface-2);border-radius:7px;width:100%;height:7px;margin-top:8px;display:block;overflow:hidden}.badge-progress i{background:var(--gold);transform-origin:0;height:100%;animation:growX 1s var(--ease-out) backwards;border-radius:7px;display:block}.today-card{color:#fff;background:linear-gradient(135deg, var(--hero-a), var(--hero-b));box-shadow:var(--hero-shadow);border-radius:28px;position:relative;overflow:hidden;border:0!important}.today-card h2,.today-card .muted{color:#fff!important}.today-card .muted{opacity:.85}.today-card .btn-primary{background:var(--gold);color:var(--gold-dark-ink);box-shadow:0 5px 0 var(--gold-shadow);font-weight:700}.today-card .btn-primary:hover:not(:disabled){background:var(--gold);box-shadow:0 7px 0 var(--gold-shadow)}.flash-scene{perspective:1400px;animation:cardIn .5s var(--ease-spring) backwards;margin-bottom:18px;position:relative}.flash-scene:before,.flash-scene:after{content:"";background:var(--surface);border:1px solid var(--border);z-index:-1;border-radius:30px;position:absolute;inset:10px 16px -10px}.flash-scene:before{transform:rotate(3deg)}.flash-scene:after{inset:6px 10px -6px;transform:rotate(-2deg)}.flash-inner{border-radius:30px;transition:transform .7s cubic-bezier(.34,1.3,.64,1)}.flash-face{min-height:300px;box-shadow:var(--e2);border-radius:30px!important}.flash-face .he{font-size:calc(96px * var(--he-scale))!important}.flash-back h2{font-family:var(--display-font);color:var(--gold)!important;font-size:44px!important}@keyframes flyL{to{opacity:0;transform:translate(-120%)rotate(-24deg)}}@keyframes flyR{to{opacity:0;transform:translate(120%)rotate(24deg)}}.flash-scene.flyL{animation:flyL .42s var(--ease-exit) forwards}.flash-scene.flyR{animation:flyR .42s var(--ease-exit) forwards}.group-card{color:#fff;background:linear-gradient(135deg, var(--hero-a), var(--hero-b));box-shadow:var(--hero-shadow);border-radius:22px;align-items:center;gap:16px;padding:18px 20px;display:flex}.group-letter{width:56px;height:56px;font-family:var(--he-font);background:var(--gold);color:var(--gold-dark-ink);box-shadow:0 4px 0 var(--gold-shadow);border-radius:16px;flex:none;place-items:center;font-size:30px;animation:4s ease-in-out infinite bob;display:grid}.group-info{flex:1;min-width:0}.group-info h1{color:#fff;margin:0;font-family:Rubik,sans-serif;font-size:22px}.invite-chip{font:inherit;letter-spacing:.14em;color:#fff;cursor:pointer;background:#ffffff14;border:1.5px dashed #ffffff8c;border-radius:12px;flex:none;padding:10px 14px;font-weight:700}.seg-switch{background:var(--surface-2);border-radius:16px;grid-template-columns:1fr 1fr;max-width:380px;margin-bottom:16px;padding:4px;display:grid;position:relative}.seg-switch-ind{background:var(--surface);width:calc(50% - 4px);box-shadow:var(--e1);transition:transform .45s var(--ease-spring);border-radius:12px;position:absolute;top:4px;bottom:4px;left:4px}.seg-switch button{z-index:1;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:10px;font-weight:700;position:relative}.seg-switch button.on{color:var(--text)}.podium{grid-template-columns:repeat(3,minmax(0,150px));justify-content:center;align-items:end;gap:10px;margin:8px auto 18px;display:grid}.podium-col{justify-items:center;gap:4px;display:grid}.podium-avatar{color:#fff;background:var(--primary);border:4px solid var(--surface);width:52px;height:52px;box-shadow:var(--e1);animation:popIn .5s var(--ease-spring) backwards;border-radius:50%;place-items:center;font-size:20px;font-weight:800;display:grid}.podium-col.p1 .podium-avatar{background:var(--flame);border-color:var(--gold);width:62px;height:62px}.podium-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:700;overflow:hidden}.podium-block{transform-origin:bottom;width:100%;animation:rise 1s var(--ease-spring) backwards;border-radius:14px 14px 6px 6px;align-content:start;justify-items:center;padding-top:10px;display:grid}.podium-block b{font-family:var(--display-font);font-size:30px;line-height:1}.podium-col.p1 .podium-block{background:var(--gold);height:150px;color:var(--gold-dark-ink);box-shadow:0 5px 0 var(--gold-shadow)}.podium-col.p2 .podium-block{background:var(--primary-line);height:110px;color:var(--primary);box-shadow:0 5px 0 color-mix(in srgb, var(--primary-line) 70%, #000)}.podium-col.p3 .podium-block{color:#6a3e17;background:#ebc9a8;height:84px;box-shadow:0 5px #c9a07a}.leaderboard li{animation:tileIn .45s var(--ease-spring) backwards;border-radius:16px}.leaderboard li.me{font-weight:700;background:var(--accent-soft)!important}.lb-rank{color:var(--text-2);font-weight:700}.lb-name{flex:1;gap:2px;min-width:0;display:grid}.lb-bar{background:var(--surface-2);border-radius:8px;height:8px;margin-top:4px;display:block;overflow:hidden}.lb-bar i{background:var(--primary);height:100%;transition:width .8s var(--ease-spring);border-radius:8px;display:block}.deck-title{flex-direction:column;flex:1;min-width:0;display:flex}.deck-dots span{background:var(--locked-sh);width:8px;height:8px;transition:all .4s var(--ease-spring);border-radius:99px}.deck-scene .flash-face{min-height:340px}.deck-scene.flyL,.deck-scene.flyR{pointer-events:none}.deck-front{gap:8px}.flash-face .he.deck-he{line-height:1.2;font-size:calc(120px * var(--he-scale))!important}.deck-scene .flash-back h2{margin:6px 0 0;font-family:Frank Ruhl Libre,serif;font-size:52px!important}.deck-actions{justify-content:center;align-items:center;gap:10px;display:flex}.deck-speak{flex:none;width:54px;height:54px}.deck-show{flex:1;max-width:360px}.deck-votes .btn{flex:1;min-width:0;padding-inline:8px}.deck-end{text-align:center;max-width:520px;margin:0 auto;padding:32px 20px}.deck-check{background:var(--ok);width:84px;height:84px;animation:popIn .5s var(--ease-spring) backwards;border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.deck-check path{stroke-dasharray:40;stroke-dashoffset:40px;animation:.5s ease-out .3s forwards checkDraw}.deck-end h2{margin:0 0 6px}.deck-xp{background:var(--gold);color:var(--gold-dark-ink);box-shadow:0 3px 0 var(--gold-shadow);animation:popIn .5s .4s var(--ease-spring) backwards;border-radius:999px;margin:6px 0 16px;padding:5px 14px;font-weight:800;display:inline-block}@media (prefers-reduced-motion:reduce){.deck-check path{stroke-dashoffset:0;animation:none}}@keyframes checkDraw{to{stroke-dashoffset:0}}img.brand-mark,.topbar-brand img,.brand-logo{object-fit:contain;background:0 0}.auth-logo{flex-direction:column;align-items:center;gap:4px;padding-bottom:14px;display:flex}.auth-logo .brand-logo{width:160px;height:auto;animation:popIn .6s var(--ease-spring) backwards}.auth-logo small{color:var(--text-2);font-size:13px}:root[data-theme=dark] img.brand-mark,:root[data-theme=dark] .topbar-brand img,:root[data-theme=dark] .brand-logo{background:#faf7f2;padding:3px}:root[data-theme=dark] .brand-logo{border-radius:16px;padding:12px 16px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) img.brand-mark,:root:not([data-theme=light]) .topbar-brand img,:root:not([data-theme=light]) .brand-logo{background:#faf7f2;padding:3px}:root:not([data-theme=light]) .brand-logo{border-radius:16px;padding:12px 16px}}.he-cursive,.he-cursive *{font-family:Gveret Levin,Comic Sans MS,cursive!important;font-weight:400!important}.he-cursive{font-size:1.15em}:root[data-font=cursive]{--he-font:"Gveret Levin", "Comic Sans MS", cursive}:root[data-dyslexia=on]{--display-font:"Atkinson Hyperlegible", Rubik, system-ui, sans-serif}:root[data-dyslexia=on] body{letter-spacing:.025em;word-spacing:.16em;font-family:Atkinson Hyperlegible,Rubik,system-ui,sans-serif;line-height:1.75}:root[data-dyslexia=on] p,:root[data-dyslexia=on] li{max-width:68ch;line-height:1.8}:root[data-dyslexia=on] .he,:root[data-dyslexia=on] .he-inline{word-spacing:.35em;letter-spacing:0;line-height:2}:root[data-dyslexia=on] button,:root[data-dyslexia=on] input,:root[data-dyslexia=on] select,:root[data-dyslexia=on] textarea{letter-spacing:inherit;font-family:inherit}:root[data-tint=cream]:not([data-theme=dark]){--bg:#f6eac9;--surface:#fbf3dd}:root[data-tint=blue]:not([data-theme=dark]){--bg:#e1edf7;--surface:#edf5fb}:root[data-tint=green]:not([data-theme=dark]){--bg:#e2f0de;--surface:#eef7eb}:root{--bg:oklch(97.5% .008 85);--sf:oklch(100% 0 0);--sf2:oklch(94% .012 85);--ink:oklch(23% .03 260);--mute:oklch(46% .03 260);--line:oklch(23% .03 260/.13);--pri:oklch(43% .12 257);--onpri:oklch(99% 0 0);--gold:oklch(80% .14 85);--gold-on:#1d2433;--okfill:oklch(50% .14 155);--sh:0 12px 32px -20px oklch(30% .08 257/.5);--danger-bg:oklch(94% .05 25);--danger-fg:oklch(42% .16 25);--danger-fill:oklch(55% .19 25);--late-fg:oklch(50% .12 65);--late-bg:oklch(94% .06 75);--info-bg:oklch(94% .05 155);--info-fg:oklch(32% .09 155);--ring:oklch(60% .12 255/.25);--tile-logo:#fff8ec;--sidebar:204px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:oklch(18% .02 260);--sf:oklch(23% .025 260);--sf2:oklch(31% .03 260);--ink:oklch(95% .01 260);--mute:oklch(74% .03 260);--line:oklch(95% .01 260/.14);--pri:oklch(76% .11 250);--onpri:oklch(20% .03 260);--sh:0 10px 30px -18px #000;--danger-bg:oklch(30% .06 25);--danger-fg:oklch(80% .12 25);--late-fg:oklch(82% .12 75);--late-bg:oklch(32% .05 75);--info-bg:oklch(30% .06 155);--info-fg:oklch(85% .09 155);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:oklch(18% .02 260);--sf:oklch(23% .025 260);--sf2:oklch(31% .03 260);--ink:oklch(95% .01 260);--mute:oklch(74% .03 260);--line:oklch(95% .01 260/.14);--pri:oklch(76% .11 250);--onpri:oklch(20% .03 260);--sh:0 10px 30px -18px #000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root{--surface:var(--sf);--surface-2:var(--sf2);--border:var(--line);--border-strong:oklch(56% .03 260);--text:var(--ink);--text-2:var(--mute);--text-3:var(--mute);--primary:var(--pri);--primary-2:color-mix(in oklab, var(--pri) 88%, white);--primary-deep:color-mix(in oklab, var(--pri) 80%, black);--primary-shadow:color-mix(in oklab, var(--pri) 55%, black);--primary-soft:color-mix(in oklab, var(--pri) 10%, var(--sf));--primary-line:color-mix(in oklab, var(--pri) 25%, var(--sf));--on-primary:var(--onpri);--accent:var(--gold);--accent-text:oklch(50% .12 75);--accent-soft:color-mix(in oklab, var(--gold) 20%, var(--sf));--gold-ink:oklch(50% .12 75);--gold-shadow:color-mix(in oklab, var(--gold) 60%, black);--gold-line:color-mix(in oklab, var(--gold) 45%, var(--sf));--gold-dark-ink:#1d2433;--ok:oklch(50% .14 155);--ok-soft:oklch(94% .05 155);--ok-line:color-mix(in oklab, var(--ok) 35%, var(--sf));--ok-shadow:color-mix(in oklab, var(--ok) 60%, black);--ok-bright:oklch(72% .15 155);--warn:var(--late-fg);--warn-soft:var(--late-bg);--bad:var(--danger-fg);--bad-soft:var(--danger-bg);--bad-line:color-mix(in oklab, var(--danger-fill) 35%, var(--sf));--bad-shadow:color-mix(in oklab, var(--danger-fill) 60%, black);--flame:var(--gold);--flame-soft:color-mix(in oklab, var(--gold) 20%, var(--sf));--flame-ink:oklch(50% .12 75);--flame-fill:color-mix(in oklab, var(--gold) 55%, var(--sf));--locked-bg:var(--sf2);--locked-sh:var(--line);--m0:var(--bg);--m1:oklch(90% .09 88);--m2:var(--sf2);--m3:var(--okfill);--hero-a:var(--pri);--hero-b:color-mix(in oklab, var(--pri) 85%, black);--e1:var(--sh);--e2:var(--sh);--shadow:var(--sh);--radius:22px;--radius-sm:12px;--display-font:"Frank Ruhl Libre", Georgia, serif}:root[data-theme=dark]{--border-strong:oklch(60% .03 260);--accent-text:var(--gold);--gold-ink:var(--gold);--ok:oklch(74% .14 155);--ok-soft:oklch(30% .06 155);--bad:var(--danger-fg);--flame-ink:var(--gold);--m1:oklch(42% .08 85);--hero-b:color-mix(in oklab, var(--sf) 70%, var(--pri))}@media (prefers-color-scheme:dark){:root:not([data-theme]){--border-strong:oklch(60% .03 260);--accent-text:var(--gold);--ok:oklch(74% .14 155);--ok-soft:oklch(30% .06 155);--m1:oklch(42% .08 85)}}:root[data-tint=cream]:not([data-theme=dark]){--bg:oklch(96% .03 85)}:root[data-tint=blue]:not([data-theme=dark]){--bg:oklch(96% .025 240)}:root[data-tint=green]:not([data-theme=dark]){--bg:oklch(96% .03 150)}:root[data-tint]:not([data-theme=dark]){--surface:var(--sf)}body{background:var(--bg);color:var(--ink);font-family:Rubik,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}h1,h2,h3{font-family:var(--display-font);color:var(--ink)}a{color:var(--pri)}:focus-visible{outline:3px solid var(--ring);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ring);outline-offset:0;border-color:var(--pri)}@keyframes urise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes upop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes ugy{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes ugx{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ubob{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes ubobs{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}.u-rise{animation:.5s both urise}.u-pop{animation:.4s both upop}.sidebar{width:var(--sidebar);background:var(--sf);border-right:1px solid var(--line);gap:2px;padding:26px 12px}.brand{font-family:var(--display-font);color:var(--ink);align-items:center;gap:12px;padding:0 10px 26px;font-size:24px;font-weight:700;display:flex}.brand-mark{background:var(--tile-logo);border:1px solid var(--line);object-fit:contain;border-radius:12px;width:40px;height:40px;padding:3px;display:block}.brand small{display:none}.nav-list{flex-direction:column;gap:2px;display:flex;position:relative}.nav-indicator{display:none}.nav-link{color:var(--ink);white-space:nowrap;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:400;display:flex;position:relative}.nav-link .nav-icon{opacity:.75;flex:none;width:20px;height:20px;display:block}.nav-link.active .nav-icon,.nav-link:hover .nav-icon{opacity:1}.nav-link:hover{background:var(--sf2);color:var(--ink)}.nav-link.active{background:var(--sf2);color:var(--pri);font-weight:600}.nav-link .badge{background:var(--gold);color:var(--gold-on);border-radius:99px;min-width:0;height:auto;margin-left:auto;padding:1px 8px;font-size:12px;font-weight:600}.sidebar-foot{color:var(--ink);flex-direction:column;gap:12px;margin-top:auto;padding:0;font-size:14px;display:flex}.theme-toggle{border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:14px;display:flex}.theme-toggle:hover{background:var(--sf2)}.user-row{align-items:center;gap:4px;display:flex}.user-chip{color:var(--ink);flex:1;align-items:center;gap:10px;min-width:0;padding:4px 6px;display:flex}.avatar{background:var(--pri);width:34px;height:34px;color:var(--onpri);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.user-chip .who{flex-direction:column;min-width:0;font-size:14px;font-weight:500;line-height:1.2;display:flex}.user-chip .who b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.user-chip .who .small{color:var(--mute);font-size:12px;font-weight:400}.foot-stats{display:none}.main{margin-left:var(--sidebar);max-width:none;padding:30px 28px 60px}.main>*{max-width:1120px}.page-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;padding-bottom:14px;animation:.5s both urise;display:flex}.ph-main{align-items:center;gap:18px;min-width:0;display:flex}.ph-he{color:var(--pri);white-space:nowrap;font-family:Frank Ruhl Libre,serif;font-size:48px;font-weight:700;line-height:1}.ph-sep{background:var(--line);flex:none;width:1px;height:44px}.ph-text{flex-direction:column;gap:2px;min-width:0;display:flex}.ph-kicker{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.page-header h1{font-family:var(--display-font);white-space:nowrap;text-overflow:ellipsis;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:1.1;overflow:hidden}.ph-side{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ph-chip{background:var(--sf);border:1px solid var(--line);color:var(--ink);border-radius:14px;flex-direction:column;padding:9px 16px;display:flex}.ph-chip:hover{background:var(--sf2)}.ph-chip span{color:var(--mute);font-size:12px}.ph-chip b{font-size:15px;font-weight:600}.card{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:22px;padding:22px}.card-title h2,.card-title h3{font-family:var(--display-font);font-weight:700}.card-title h2,.card h2{font-size:22px}.btn{border:1px solid var(--line);background:var(--sf);color:var(--ink);border-radius:12px;font-weight:500;transition:transform .15s,background .2s,filter .2s}.btn:hover{background:var(--sf2)}.btn:active{transform:none}.btn-primary{background:var(--pri);border-color:var(--pri);color:var(--onpri);font-weight:600;box-shadow:0 4px oklch(0% 0 0/.2)}.btn-primary:hover{background:var(--pri);filter:brightness(1.06);transform:translateY(-1px)}.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--gold-on);font-weight:600;box-shadow:0 4px oklch(0% 0 0/.18)}.btn-gold:hover{background:var(--gold);filter:brightness(1.04);transform:translateY(-1px)}.btn-danger{background:var(--danger-bg);color:var(--danger-fg);border-color:#0000}.btn-danger:hover{background:var(--danger-bg);filter:brightness(.97)}.btn-sm{border-radius:10px}.btn-lg{border-radius:14px}.btn-ghost{background:0 0;border-color:#0000}.pill{background:var(--sf2);color:var(--mute);font-weight:600}.pill-ok{background:var(--ok-soft);color:var(--ok)}.pill-warn{background:var(--late-bg);color:var(--late-fg)}.pill-bad{background:var(--danger-bg);color:var(--danger-fg)}.pill-primary{background:var(--primary-soft);color:var(--pri)}.progress{background:var(--sf2);border-radius:9px;height:8px}.progress>div{background:var(--pri);transform-origin:0;border-radius:9px;animation:1s .2s both ugx}.progress.ok>div{background:var(--ok)}.stat-value{font-family:var(--display-font);font-weight:700}.stat-label{color:var(--mute)}.tabs{background:var(--sf);border:1px solid var(--line);border-radius:14px;gap:2px;width:fit-content;max-width:100%;margin-bottom:18px;padding:4px;display:flex}.tab{color:var(--ink);background:0 0;border-radius:10px;flex:none;padding:8px 16px;font-weight:500}.tab:hover:not(.active){background:var(--sf2)}.tab.active{background:var(--pri);color:var(--onpri);box-shadow:none;font-weight:600}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;min-height:44px;font-size:14px;display:inline-flex;position:relative}.toggle input{appearance:none;background:var(--sf2);border:1px solid var(--line);cursor:pointer;border-radius:99px;flex:none;width:46px;height:26px;margin:0;transition:background .2s;position:relative}.toggle input:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:2px;left:3px;box-shadow:0 1px 3px oklch(0% 0 0/.3)}.toggle input:checked{background:var(--pri);border-color:var(--pri)}.toggle input:checked:after{left:23px}select,input[type=text],input[type=search],input[type=number],input[type=email],input[type=password],textarea{border:1px solid var(--line);background:var(--sf);color:var(--ink);border-radius:12px;min-height:44px;padding:10px 14px}input[type=range]{accent-color:var(--pri)}.data{border-collapse:collapse;width:100%;font-size:14px}.data th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--line);padding:8px 10px;font-size:12px;font-weight:600}.data td{border-bottom:1px solid var(--line);padding:11px 10px}.data tr.clickable:hover{background:var(--sf2);cursor:pointer}.tip{background:var(--accent-soft);border:1px solid var(--gold-line);border-left-width:1px;border-radius:14px}.topbar{display:none}@media (width<=860px){.sidebar{display:none}.main{margin-left:0;padding:14px 18px 100px}.main>*{max-width:none}.topbar{padding:max(env(safe-area-inset-top), 14px) 18px 0;align-items:center;gap:10px;display:flex;position:static}.topbar-brand{font-family:var(--display-font);color:var(--ink);flex:1;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.topbar-brand img{background:var(--tile-logo);border:1px solid var(--line);object-fit:contain;border-radius:11px;width:36px;height:36px;padding:3px}.topbar .stat-chip{border:1px solid var(--line);background:var(--sf);color:var(--ink);border-radius:99px;align-items:center;gap:6px;padding:6px 11px;font-size:13px;font-weight:500;display:inline-flex}.topbar .stat-chip.xp{display:none}.topbar .theme-btn{border:1px solid var(--line);background:var(--sf);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:15px;display:grid}.ph-he{font-size:44px}.page-header h1{font-size:24px}.ph-sep{height:38px}.ph-side{grid-template-columns:1fr 1fr;width:100%;display:grid}.bottom-nav{height:calc(78px + env(safe-area-inset-bottom));padding:8px 6px env(safe-area-inset-bottom);background:var(--sf);border-top:1px solid var(--line);align-items:start}.bottom-nav a,.bottom-nav button{color:var(--mute);gap:4px;min-height:44px;padding:0;font-size:11px;font-weight:500}.bottom-nav .active{color:var(--pri)}.nav-pill{border-radius:99px;place-items:center;width:54px;height:30px;display:grid}.bottom-nav .active .nav-pill{background:var(--sf2)}.bottom-nav .badge{background:var(--gold);color:var(--gold-on);top:0;left:58%}}@media (width>=861px){.topbar{display:none}}.home-grid{grid-template-columns:minmax(0,1fr) 272px;align-items:stretch;gap:18px 24px;display:grid}.home-left{flex-direction:column;gap:18px;min-width:0;display:flex}.hcard,.acard{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:22px}.kicker-up{letter-spacing:.08em;text-transform:uppercase;color:var(--pri);font-size:13px;font-weight:600}.hero-card{grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:22px;padding:22px 28px;display:grid}.hero-text{flex-direction:column;gap:8px;min-width:0;display:flex}.hero-text h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:38px;line-height:1.05;overflow:hidden}.hero-text p{color:var(--mute);max-width:400px;margin:0;font-size:16px;line-height:1.5}.hero-text p .he-inline{color:var(--ink);font-size:20px;font-weight:700}.bar-row{align-items:center;gap:12px;max-width:380px;margin-top:6px;display:flex}.bar-row span{color:var(--mute);font-size:13px}.bar-track{background:var(--sf2);border-radius:9px;flex:1;height:8px;overflow:hidden}.bar-track.thin{flex:none;height:6px}.bar-track>div{background:var(--pri);transform-origin:0;border-radius:9px;height:100%;animation:1s .3s both ugx}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:6px;display:flex}.hero-btn{white-space:nowrap;background:var(--pri);color:var(--onpri);box-shadow:0 6px 16px -6px var(--pri);border-radius:12px;padding:14px 26px;font-size:17px;font-weight:500;transition:transform .15s}.hero-btn:hover{transform:translateY(-2px)}.hero-link{white-space:nowrap;color:var(--pri);font-size:15px;font-weight:500}.syl-panel{background:var(--bg);border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:18px 18px 14px;display:flex}.syl-top{width:100%;color:var(--mute);align-items:center;gap:8px;font-size:12px;display:flex}.mini-pill{border:1px solid var(--line);color:var(--mute);cursor:pointer;background:0 0;border-radius:99px;min-height:0;margin-left:auto;padding:3px 10px;font-size:12px;font-weight:500}.mini-pill.on{background:var(--pri);color:var(--onpri);border-color:var(--pri)}.syl-row{gap:4px;margin-top:2px;display:flex}.syl-row button{font-family:var(--he-font);font-weight:700;font-size:calc(54px * var(--he-scale));color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0 6px;line-height:1.2;transition:background .2s}.syl-row button.on{background:var(--pri);color:var(--onpri)}.syl-sound{text-align:center;min-height:22px;font-size:15px;font-weight:500}.syl-hint{color:var(--mute);font-size:12px}.path-card{padding:16px 26px}.path-head{align-items:baseline;margin-bottom:14px;display:flex}.path-head b{font-family:var(--display-font);font-size:22px}.path-head span{color:var(--mute);margin-left:auto;font-size:13px}.path-phases{flex-wrap:wrap;align-items:flex-end;gap:16px 22px;display:flex}.path-phase{flex-direction:column;gap:9px;min-width:0;max-width:100%;display:flex}.phase-name{letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-size:12px;font-weight:600}.phase-nodes{flex-wrap:wrap;gap:6px;display:flex}.node{background:var(--bg);width:38px;height:38px;color:var(--mute);border:2px solid var(--line);border-radius:50%;place-items:center;font-family:Frank Ruhl Libre,serif;font-size:19px;font-weight:700;transition:transform .15s;display:grid}.node:hover{transform:translateY(-3px)}.node.done{background:var(--pri);color:var(--onpri);border-color:var(--pri)}.node.now{color:var(--ink);border-color:var(--gold);box-shadow:0 0 0 4px var(--line)}.home-tiles{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.home-tile{background:var(--sf);border:1px solid var(--line);color:var(--ink);border-radius:18px;flex-direction:column;gap:1px;padding:10px 18px;transition:transform .2s,box-shadow .2s;display:flex}.home-tile:hover{box-shadow:0 12px 28px -14px var(--pri);transform:translateY(-3px)}.tile-he{color:var(--pri);font-family:Frank Ruhl Libre,serif;font-size:30px;font-weight:700;line-height:1.1}.tile-text{flex-direction:column;display:flex}.tile-text b{font-size:15px;font-weight:600}.tile-text span{color:var(--mute);font-size:13px;line-height:1.35}.home-aside{flex-direction:column;gap:18px;min-height:0;display:flex}.acard{flex-direction:column;flex:1 1 0;justify-content:center;gap:12px;min-height:0;padding:20px;display:flex}.goal-card{flex-direction:row;align-items:center;gap:16px}.goal-ring{border-radius:50%;flex:none;place-items:center;display:grid}.goal-ring>div{background:var(--sf);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.goal-ring b{font-family:Frank Ruhl Libre,serif;font-size:26px;line-height:1}.goal-ring span{color:var(--mute);font-size:11px;line-height:1}.goal-text{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.goal-text span{color:var(--mute);font-size:13px}.goal-text b{font-size:17px;font-weight:600;line-height:1.15}.goal-text small{color:var(--mute);font-size:12px}.streak-top{align-items:baseline;gap:8px;display:flex}.streak-top b{font-family:Frank Ruhl Libre,serif;font-size:34px;line-height:1}.streak-top span{color:var(--mute);font-size:14px}.streak-top em{color:var(--mute);margin-left:auto;font-size:13px;font-style:normal}.streak-days{justify-content:space-between;display:flex}.streak-days>div{color:var(--mute);flex-direction:column;align-items:center;gap:5px;font-size:11px;display:flex}.streak-days span{border:2px solid var(--line);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.streak-days span.ok{background:var(--okfill);border-color:var(--okfill)}.streak-days span.today{border-color:var(--gold)}.review-card{background:var(--pri);color:var(--onpri);border:0;gap:6px}.rv-k{opacity:.85;font-size:13px}.rv-n{align-items:baseline;gap:8px;display:flex}.rv-n b{font-family:Frank Ruhl Libre,serif;font-size:48px;line-height:1}.rv-n span{font-size:14px}.review-card a{text-align:center;background:var(--onpri);color:var(--pri);border-radius:10px;margin-top:8px;padding:11px;font-weight:600}.review-card a:hover{filter:brightness(.95)}.mast-card{gap:10px;padding:18px 20px}.mast-card>b{font-size:15px;font-weight:600}.mast-row{flex-direction:column;gap:4px;display:flex}.mast-row>div:first-child{font-size:13px;display:flex}.mast-row em{color:var(--mute);margin-left:auto;font-style:normal}.mast-row .bar-track{width:100%}.home-left .card{box-shadow:var(--sh)}@media (width<=860px){.home-grid,.home-left,.home-aside{display:contents}.home{grid-template-columns:1fr 1fr;align-items:stretch;gap:14px;display:grid}.home>.page-header{order:0;grid-column:1/-1;margin-bottom:0}.hero-card,.streak-card,.path-card,.home-tiles,.mast-card,.home .card{grid-column:1/-1}.hero-card{order:1;grid-template-columns:1fr;gap:10px;padding:22px}.hero-text{display:contents}.hero-text>.kicker-up{order:1}.hero-text>h2{order:2;font-size:32px}.hero-text>p{display:none}.syl-panel{order:4;gap:6px;padding:8px 6px}.hero-text>.bar-row{order:5;max-width:none;margin-top:0}.hero-text>.hero-actions{order:6;margin-top:0}.syl-panel .syl-top,.syl-panel .syl-hint{display:none}.syl-row{justify-content:center}.syl-row button{font-size:calc(58px * var(--he-scale));padding:0 8px}.hero-btn{text-align:center;width:100%;padding:15px;font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.hero-link{text-align:center}.goal-card{border-radius:18px;flex-direction:column;order:3;align-items:flex-start;gap:6px;padding:16px}.review-card{border-radius:18px;order:4;padding:16px}.review-card .lg-only{display:none}.review-card a{padding:9px;font-size:14px}.rv-n b{font-size:46px}.rv-n span{font-size:13px}.goal-card,.review-card{flex:none}.streak-card{border-radius:18px;flex:none;order:5;padding:14px 16px}.streak-top{display:none}.path-card{box-shadow:none;background:0 0;border:0;order:6;padding:0}.path-head span,.phase-name{display:none}.path-phases{scrollbar-width:none;gap:7px;padding:3px;overflow-x:auto}.path-phase{flex:none!important}.phase-nodes{flex-wrap:nowrap}.node{flex:none;width:42px;height:42px}.home-tiles{background:var(--sf);border:1px solid var(--line);border-radius:18px;order:7;grid-template-columns:1fr;gap:0;overflow:hidden}.home-tile{border:0;border-bottom:1px solid var(--line);border-radius:0;flex-direction:row;align-items:center;gap:14px;padding:12px 16px}.home-tile:last-child{border-bottom:0}.home-tile:hover{box-shadow:none;transform:none}.tile-he{text-align:center;width:52px;font-size:26px}.mast-card{flex:none;order:8}.home .card{order:2}}@keyframes udraw{0%{stroke-dashoffset:2600px}to{stroke-dashoffset:0}}.legend{color:var(--mute);align-items:center;gap:16px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend .dot{border:2px solid var(--line);border-radius:50%;width:10px;height:10px;display:inline-block}.legend .dot.done{background:var(--pri);border-color:var(--pri)}.legend .dot.now{border-color:var(--gold)}.path-mprog{display:none}.path-layout{grid-template-columns:minmax(0,1fr) 272px;align-items:start;gap:24px;display:grid}.path-units{flex-direction:column;gap:30px;min-width:0;padding-bottom:24px;display:flex}.pth-unit{flex-direction:column;gap:12px;display:flex}.pth-banner{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:22px;align-items:center;gap:16px;padding:16px 22px;display:flex;position:relative;overflow:hidden}.pth-banner .stripe{background:var(--pri);width:6px;position:absolute;top:0;bottom:0;left:0}.pth-bt{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pth-bt .k{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:12px;font-weight:600}.pth-bt b{font-family:var(--display-font);white-space:nowrap;text-overflow:ellipsis;font-size:24px;line-height:1.1;overflow:hidden}.pth-bp{align-items:center;gap:10px;margin-top:4px;display:flex}.pth-bp .bar-track{flex:none;width:120px}.pth-bp span{color:var(--mute);white-space:nowrap;font-size:12px}.pth-bg{color:var(--pri);flex:none;font-family:Frank Ruhl Libre,serif;font-size:44px;font-weight:700;line-height:1}.pth-wrap{max-width:100%;margin:40px auto 0;position:relative}.pth-line{position:absolute;top:0;left:0;overflow:visible}.pth-base{fill:none;stroke:var(--sf2);stroke-width:10px;stroke-linecap:round;stroke-dasharray:2600;animation:2.2s ease-out both udraw}.pth-dash{fill:none;stroke:var(--bg);stroke-width:2px;stroke-dasharray:3 14;stroke-linecap:round}.pth-stop{animation:.5s both upop;position:absolute}.pth-tile{box-sizing:border-box;cursor:pointer;background:var(--sf);color:var(--mute);border:3px solid var(--line);place-items:center;padding:0;font-family:Frank Ruhl Libre,serif;font-weight:700;transition:transform .15s;display:grid}.pth-tile:hover{transform:translateY(-4px)}.pth-tile.done{background:var(--pri);color:var(--onpri);border-color:var(--pri);box-shadow:0 6px oklch(0% 0 0/.18)}.pth-tile.now{color:var(--ink);border-color:var(--gold);box-shadow:0 0 0 6px oklch(80% .14 85/.25)}.pth-tile.todo{opacity:.6}.pth-tile.sel{border-color:var(--ink)}.pth-tile.now.sel{border-color:var(--gold)}.pth-tile.shake{animation:shake .45s var(--ease-out)}.pth-tile.just-passed{animation:pop .8s var(--ease-out) .4s}.pth-bubble{background:var(--gold);color:var(--gold-on);letter-spacing:.08em;white-space:nowrap;z-index:1;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700;animation:1.6s ease-in-out infinite ubobs;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.pth-badge{background:var(--sf2);width:24px;height:24px;color:var(--mute);border:2px solid var(--bg);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;bottom:-6px;right:-6px}.pth-badge.ok{background:var(--okfill);color:#fff}.pth-label{pointer-events:none;flex-direction:column;gap:1px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pth-label span{color:var(--mute);font-size:11px}.pth-label b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.2;overflow:hidden}.path-aside{flex-direction:column;gap:18px;display:flex;position:sticky;top:24px}.pth-detail{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:22px;flex-direction:column;gap:10px;padding:22px;display:flex}.pth-dg{background:var(--bg);border:1px solid var(--line);text-align:center;font-family:var(--he-font);border-radius:16px;padding:14px 8px;font-size:54px;font-weight:700;line-height:1.2;overflow:hidden}.pth-dt{flex-direction:column;gap:10px;min-width:0;display:flex}.pth-dt .k{letter-spacing:.08em;text-transform:uppercase;color:var(--pri);order:-2;font-size:12px;font-weight:600}.pth-dt h2{margin:4px 0 0;font-size:28px;line-height:1.1}.pth-dt .sub{color:var(--mute);font-size:14px;line-height:1.4}.pth-dt .st{font-size:13px;font-weight:500}.pth-cta{text-align:center;background:var(--pri);color:var(--onpri);box-shadow:0 6px 16px -6px var(--pri);border-radius:12px;margin-top:6px;padding:13px;font-size:16px;font-weight:500}.pth-cta:hover{filter:brightness(1.06)}.pth-total{background:var(--sf);border:1px solid var(--line);border-radius:22px;align-items:center;gap:16px;padding:16px 20px;display:flex}.pth-total .pt{flex-direction:column;gap:2px;display:flex}.pth-total .pt b{font-size:15px;font-weight:600}.pth-total .pt span{color:var(--mute);font-size:13px}@media (width<=860px){.path-page>.page-header .legend{display:none}.path-page>.page-header{margin-bottom:12px}.path-mprog{align-items:center;gap:10px;margin:-6px 0 14px;display:flex}.path-mprog span{color:var(--mute);font-size:12px}.path-mprog .bar-track{height:7px}.path-layout{flex-direction:column;align-items:stretch;gap:14px;display:flex}.path-aside,.pth-detail,.pth-dt{min-width:0}.path-aside{order:-1;position:static}.pth-total{display:none}.pth-detail{flex-direction:row;align-items:center;gap:14px;padding:18px}.pth-dg{flex:none;place-items:center;width:96px;height:96px;padding:0;font-size:34px;display:grid}.pth-dt{gap:4px}.pth-dt .k{font-size:11px}.pth-dt h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:22px;overflow:hidden}.pth-dt .sub{display:none}.pth-dt .st{font-size:12px}.pth-cta{box-shadow:none;border-radius:10px;align-self:flex-start;margin-top:4px;padding:8px 16px;font-size:14px}.path-units{gap:22px}.pth-banner{padding:14px 18px}.pth-bp .bar-track{width:90px}}.ph-side .card-toggle,.card-toggle{background:var(--sf);border:1px solid var(--line);border-radius:14px;min-height:0;padding:8px 14px}.alpha-layout{grid-template-columns:minmax(0,1fr) 318px;align-items:start;gap:24px;display:grid}.alpha-main{flex-direction:column;gap:20px;min-width:0;display:flex}.alpha-grid{flex:none;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.atile{box-sizing:border-box;cursor:pointer;background:var(--sf);color:var(--ink);border:1px solid var(--line);box-shadow:none;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 8px;transition:transform .15s;animation:.4s both upop;display:flex}.atile:hover{transform:translateY(-4px)}.atile:active{box-shadow:none;transform:none}.atile-char{font-family:var(--he-font);font-weight:700;font-size:calc(40px * var(--he-scale));line-height:1.15}.atile-name{color:var(--mute);font-size:11px;font-weight:600}.atile.studied{background:var(--sf);color:var(--pri);border-color:var(--line);box-shadow:none}.atile.studied .atile-name{color:var(--pri)}.atile.sel{background:var(--pri);color:var(--onpri);border-color:var(--pri);box-shadow:0 8px 18px -8px var(--pri)}.atile.sel .atile-name{color:var(--onpri)}.alpha-names{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:22px;align-items:center;gap:20px;padding:18px 24px;display:flex}.alpha-names>div{flex-direction:column;flex:1;gap:3px;display:flex}.alpha-names b{font-family:var(--display-font);font-size:20px}.alpha-names span{color:var(--mute);font-size:14px;line-height:1.4}.alpha-names .he-inline{color:var(--ink)}.alpha-know{background:var(--sf);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:12px;padding:20px 24px;display:flex}.alpha-know>b{font-family:var(--display-font);font-size:20px}.alpha-know>div{gap:12px;font-size:14px;line-height:1.5;display:flex}.alpha-know .num{background:var(--sf2);width:24px;height:24px;color:var(--pri);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.alpha-panel{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:22px;flex-direction:column;flex:none;gap:12px;max-width:none;margin:0;padding:20px;display:flex;position:sticky;top:24px}.alpha-trace{background:var(--bg);border:1px solid var(--line);border-radius:18px;height:170px;margin:0;padding:4px}.alpha-trace .trace{max-width:none;height:100%}.alpha-head{align-items:center;gap:10px;display:flex}.alpha-head b{font-family:var(--display-font);font-size:30px;line-height:1}.alpha-head .pill{padding:3px 12px;font-size:14px}.alpha-he{color:var(--mute);margin-left:auto;font-family:Frank Ruhl Libre,serif;font-size:20px;font-weight:700}.alpha-desc{margin:0;font-size:14px;line-height:1.5}.alpha-facts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.alpha-facts>div{background:var(--bg);border:1px solid var(--line);border-radius:14px;flex-direction:column;padding:9px 14px;display:flex}.alpha-facts span{color:var(--mute);font-size:12px}.alpha-facts b{font-family:var(--display-font);font-size:22px}.alpha-tip{color:var(--mute);font-size:13px;line-height:1.45}.alpha-tip b{color:var(--ink);font-weight:600}.alpha-sim{flex-direction:column;gap:6px;display:flex}.alpha-sim>span{letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-size:12px;font-weight:600}.alpha-sim>div{flex-wrap:wrap;gap:8px;display:flex}.alpha-sim button{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:flex}.alpha-sim button:hover{background:var(--sf2)}.alpha-sim button span{font-family:Frank Ruhl Libre,serif;font-size:20px;font-weight:700;line-height:1.2}.alpha-forms{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;display:grid}.alpha-forms>div{background:var(--bg);border:1px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;gap:2px;padding:8px 4px 6px;display:flex}.alpha-forms span{font-family:Frank Ruhl Libre,serif;font-size:32px;line-height:1.2}.alpha-forms small{color:var(--mute);font-size:11px}.round-btn{border:1px solid var(--line);background:var(--sf);width:36px;height:36px;color:var(--pri);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.round-btn:hover{background:var(--sf2)}@media (width<=860px){.alpha-page>.page-header .ph-side{display:flex}.alpha-page>.page-header .ph-he{white-space:nowrap;font-size:36px}.alpha-layout{flex-direction:column;align-items:stretch;gap:14px;display:flex}.alpha-panel{border-radius:22px;order:-1;grid-template-columns:100px minmax(0,1fr);align-items:start;gap:10px 14px;padding:16px;display:grid;position:static}.alpha-panel>*{grid-column:1/-1}.alpha-panel>.alpha-trace{grid-area:1/1/span 2}.alpha-panel>.alpha-head{flex-wrap:wrap;grid-column:2;gap:6px 8px}.alpha-panel>.alpha-facts{grid-column:2;grid-template-columns:auto auto;justify-content:start;align-self:end;gap:6px}.alpha-facts>div{padding:4px 10px}.alpha-facts b{font-size:16px}.alpha-head b{font-size:26px}.alpha-he{display:none}.alpha-panel>.alpha-desc{order:5}.alpha-trace{flex:none;width:100px;height:100px;padding:2px}.alpha-grid{grid-template-columns:repeat(4,1fr);gap:8px}.atile{border-radius:16px;padding:8px 2px 6px}.atile-char{font-size:calc(34px * var(--he-scale))}.alpha-forms{display:none}.alpha-names{background:var(--pri);border:0;border-radius:20px;gap:14px;padding:16px 18px}.alpha-names b,.alpha-names span{color:var(--onpri)}.alpha-names b{font-size:18px}.alpha-names .btn-primary{background:var(--onpri);color:var(--pri);border-color:var(--onpri);box-shadow:none}.alpha-know{border-radius:20px;padding:16px}.alpha-page .ph-side .card-toggle{padding:6px 10px;font-size:13px}}.ph-note{max-width:330px;color:var(--mute);font-size:13px;line-height:1.45}.nikud-layout{grid-template-columns:minmax(0,1fr) 318px;align-items:start;gap:24px;display:grid}.nikud-main{flex-direction:column;gap:18px;min-width:0;display:flex}.nk-groups{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.nk-groups button{box-sizing:border-box;cursor:pointer;background:var(--sf);color:var(--ink);border:1px solid var(--line);box-shadow:0 3px 0 0 var(--line);border-radius:18px;flex-direction:column;align-items:center;padding:10px 4px 8px;transition:transform .15s;display:flex}.nk-groups button:hover{transform:translateY(-3px)}.nk-groups button.on{background:var(--pri);color:var(--onpri);border-color:var(--pri);box-shadow:0 5px oklch(0% 0 0/.22)}.nk-groups span{font-family:Frank Ruhl Libre,serif;font-size:34px;font-weight:700;line-height:1.3}.nk-groups small{color:var(--mute);font-size:12px;font-weight:600}.nk-groups button.on small{color:var(--onpri)}.nk-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.nk-card{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:20px;gap:14px;padding:14px;animation:.4s both upop;display:flex}.nk-mark{background:var(--bg);border:1px solid var(--line);border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:76px;height:88px;display:flex}.nk-mark .m{color:var(--pri);font-family:Frank Ruhl Libre,serif;font-size:40px;font-weight:700;line-height:1.2}.nk-mark .e{color:var(--mute);font-family:Frank Ruhl Libre,serif;font-size:22px;font-weight:700;line-height:1.1}.nk-info{flex-direction:column;gap:3px;min-width:0;display:flex}.nk-name{align-items:center;gap:8px;display:flex}.nk-name b{font-family:var(--display-font);font-size:18px}.nk-name .pill{white-space:nowrap;padding:1px 9px;font-size:12px}.nk-he{color:var(--mute);font-family:Frank Ruhl Libre,serif;font-size:14px;font-weight:500}.nk-desc{font-size:12.5px;line-height:1.4}.nk-les{color:var(--mute);font-size:11px}.nk-table-card{background:var(--sf);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.nk-table-title{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.nk-table-title b{font-family:var(--display-font);font-size:20px}.nk-table-title span{color:var(--mute);font-size:13px}.nk-table{border-collapse:separate;border-spacing:4px;table-layout:fixed;width:100%}.nk-table thead th{text-align:center;color:var(--pri);border-bottom:1px solid var(--line);padding-bottom:4px;font-family:Frank Ruhl Libre,serif;font-size:22px;font-weight:700;line-height:1.4}.nk-table tbody th{background:var(--sf2);text-align:center;border-radius:8px;font-family:Frank Ruhl Libre,serif;font-size:22px;font-weight:700}.nk-table td{text-align:center;padding:0}.nk-cell{cursor:pointer;width:100%;font-family:var(--he-font);font-weight:500;font-size:calc(22px * var(--he-scale));color:var(--ink);background:0 0;border:0;border-radius:8px;min-height:0;padding:3px 0;line-height:1.3}.nk-cell:hover{background:var(--sf2)}.nk-aside{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:22px;flex-direction:column;gap:12px;padding:20px;display:flex;position:sticky;top:24px}.nk-ah{flex-direction:column;gap:2px;display:flex}.nk-ah b{font-family:var(--display-font);font-size:22px}.nk-ah span{color:var(--mute);font-size:13px;line-height:1.4}.nk-cons{flex-wrap:wrap;gap:5px;display:flex}.nk-cons button{box-sizing:border-box;cursor:pointer;background:var(--bg);width:34px;height:36px;color:var(--ink);border:1px solid var(--line);border-radius:10px;place-items:center;min-height:0;padding:0;font-family:Frank Ruhl Libre,serif;font-size:19px;font-weight:700;display:grid}.nk-cons button.on{background:var(--pri);color:var(--onpri);border-color:var(--pri)}.nk-sel{align-items:center;gap:10px;display:flex}.nk-sel span{color:var(--pri);font-family:Frank Ruhl Libre,serif;font-size:44px;font-weight:700;line-height:1}.nk-sel b{font-size:16px;font-weight:600}.nk-syls{grid-template-columns:repeat(3,1fr);align-content:start;gap:8px;display:grid}.nk-syl{background:var(--bg);border:1px solid var(--line);text-align:center;cursor:pointer;color:var(--ink);border-radius:14px;flex-direction:column;padding:6px 4px 5px;animation:.35s both upop;display:flex}.nk-syl:hover{background:var(--sf2)}.nk-syl span{font-family:var(--he-font);font-weight:700;font-size:calc(30px * var(--he-scale));line-height:1.3}.nk-syl small{color:var(--pri);font-size:12px;font-weight:600}@media (width<=860px){.nikud-page>.page-header .ph-note{display:none}.nikud-page>.page-header .ph-he{font-size:44px}.nikud-page>.page-header h1{font-size:21px}.nikud-layout{flex-direction:column;align-items:stretch;gap:14px;display:flex}.nikud-main{display:contents}.nk-groups{order:0}.nk-cards{order:1}.nk-groups{grid-template-columns:repeat(3,1fr);gap:8px}.nk-groups button{border-radius:16px;padding:8px 4px 6px}.nk-groups span{font-size:30px}.nk-cards{grid-template-columns:1fr;gap:10px}.nk-card{border-radius:18px;gap:12px;padding:12px}.nk-mark{border-radius:12px;width:64px;height:76px}.nk-mark .m{font-size:34px}.nk-mark .e{font-size:19px}.nk-name b{font-size:17px}.nk-aside{border-radius:20px;order:2;padding:16px;position:static}.nk-table-card{order:3;padding:14px}.nk-cons button{width:38px;height:40px;font-size:20px}.nk-table{min-width:560px}}.tabs-head{gap:4px;margin:0}.cmdbar{background:var(--sf);border:1px solid var(--line);min-height:52px;box-shadow:var(--sh);border-radius:16px;flex-wrap:wrap;align-items:center;row-gap:6px;margin-bottom:18px;padding:0 8px;display:flex}.cb-level{align-items:center;gap:4px;padding-right:12px;display:flex}.cb-level>button{width:32px;height:32px;min-height:0;color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;font-size:18px;display:grid}.cb-level>button:hover:not(:disabled){background:var(--sf2);color:var(--ink)}.cb-level>button:disabled{opacity:.35;cursor:default}.cb-lvl{cursor:pointer;flex-direction:column;align-items:center;min-width:92px;line-height:1.15;display:flex;position:relative}.cb-lvl span{color:var(--mute);font-size:11px}.cb-lvl b{font-family:var(--display-font);font-size:18px}.cb-lvl select{opacity:0;cursor:pointer;width:100%;height:100%;min-height:0;position:absolute;inset:0}.cb-sep{background:var(--line);width:1px;height:28px}.cb-sep.end{margin-left:auto}.cb-toggles{flex-wrap:wrap;align-items:center;gap:2px;padding:0 6px;display:flex}.cb-toggles .toggle{border-radius:10px;min-height:40px;padding:0 12px}.cb-toggles .toggle:hover{background:var(--sf2)}.cb-search{background:var(--bg);border:0;border-radius:10px;width:220px;height:36px;min-height:0;margin-left:10px;padding:0 14px;font-size:14px}.chips{gap:8px}.chip{background:var(--sf);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:99px;min-height:0;padding:6px 14px;font-size:13px;font-weight:500}.chip:hover{background:var(--sf2)}.chip.active{background:var(--pri);color:var(--onpri);border-color:var(--pri)}.word-grid{grid-template-columns:repeat(4,1fr);gap:12px}.word-card{box-sizing:border-box;cursor:pointer;background:var(--sf);border:1px solid var(--line);box-shadow:0 3px 0 0 var(--line);border-radius:20px;flex-direction:column;align-items:center;gap:3px;padding:16px 8px 14px;transition:transform .15s;animation:.35s both upop;display:flex}.word-card:hover{border-color:var(--line);transform:translateY(-3px)}.word-card .he{font-weight:700;font-size:calc(38px * var(--he-scale));line-height:1.3}.word-card .tr{color:var(--pri);font-size:14px;font-weight:600}.word-card .it{color:var(--mute);font-size:13px}.word-card .hidden{filter:none;opacity:0}.reading-count{margin:4px 0 0}.sentence{border-bottom:1px solid var(--line);gap:20px;padding:16px 22px}.sentence .he{font-weight:700;font-size:calc(34px * var(--he-scale));line-height:1.3}.text-card{text-align:left;border-radius:22px;gap:10px;padding:20px 22px;transition:transform .15s}.text-card:hover{border-color:var(--line);transform:translateY(-3px)}.text-card h3{font-size:22px}.text-preview{color:var(--mute);font-weight:500}.flash-scene:before,.flash-scene:after{display:none}.flash-face{background:var(--sf);min-height:320px;box-shadow:var(--sh);border-radius:28px!important}.flash-face .he{font-weight:700}.flash-back{color:var(--ink);background:var(--sf)!important;border:1px solid var(--line)!important}.flash-back .he{font-size:calc(72px * var(--he-scale))!important}.flash-back h2{color:var(--pri)!important;font-size:28px!important}.flash-back .muted{font-size:16px;color:var(--mute)!important}.btn-bad{background:var(--sf);color:var(--ink);border:1px solid var(--line)}.btn-ok{background:var(--pri);color:var(--onpri);border-color:var(--pri);box-shadow:0 6px 16px -6px var(--pri);font-weight:600}@media (width<=860px){.reading-page>.page-header .ph-side{width:100%;display:block}.tabs-head{scrollbar-width:none;width:100%;overflow-x:auto}.cmdbar{grid-template-columns:1fr 1fr;gap:8px;height:auto;padding:8px;display:grid}.cmdbar>*{min-width:0}.cb-sep{display:none}.cb-level{justify-content:center;padding:0}.cb-toggles{grid-column:1/-1;padding:0}.cb-search{grid-column:1/-1;width:100%;margin:0}.word-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sentence{gap:10px;padding:12px 14px}.sentence .he{font-size:calc(28px * var(--he-scale))}}.card.theory{border-radius:22px;padding:26px 30px}.theory p{max-width:760px;font-size:17px;line-height:1.6}.theory ul{max-width:760px}.theory li{line-height:1.6}.theory li::marker{color:var(--pri)}.tip{background:var(--sf2);border:0;border-radius:22px;align-items:flex-start;gap:16px;margin:0 0 1em;padding:20px 30px;font-size:15px;line-height:1.55;display:flex}.tip-mark{background:var(--gold);width:30px;height:30px;color:var(--gold-on);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.theory .tip{margin:1em 0 0}.theory .he-inline{color:var(--pri)}.gram-groups{flex-direction:column;gap:26px;display:flex}.gram-group{flex-direction:column;gap:12px;display:flex}.gram-gh{align-items:baseline;gap:12px;display:flex}.gram-gh b{font-family:var(--display-font);font-size:22px}.gram-gh span{color:var(--mute);font-size:13px}.gram-tiles{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.gram-tile{box-sizing:border-box;background:var(--sf);border:1px solid var(--line);box-shadow:0 3px 0 0 var(--line);min-height:150px;color:var(--ink);border-radius:20px;flex-direction:column;gap:6px;padding:16px;transition:transform .15s;display:flex;position:relative}.gram-tile:hover{transform:translateY(-3px)}.gt-he{color:var(--pri);min-height:40px;font-family:Frank Ruhl Libre,serif;font-size:30px;font-weight:700;line-height:1.3}.gram-tile b{font-family:var(--display-font);font-size:17px;line-height:1.2}.gt-n{color:var(--mute);margin-top:auto;font-size:12.5px}.gt-badge{position:absolute;top:12px;left:12px}.gram-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.gram-back{color:var(--pri);font-size:14px;font-weight:500}.gram-words{grid-template-columns:1fr 1fr;gap:10px;display:grid}.gram-word{background:var(--sf);border:1px solid var(--line);border-radius:18px;align-items:center;gap:16px;padding:12px 18px;display:flex}.gram-word .he{text-align:right;flex:none;min-width:120px;font-weight:700}.gw-t{flex-direction:column;flex:1;min-width:0;display:flex}.gw-t b{color:var(--pri);font-size:15px;font-weight:600}.gw-t span{color:var(--mute);font-size:13px}.gram-try{background:var(--pri);color:var(--onpri);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:48px;display:flex}.gram-try b{font-family:var(--display-font);font-size:32px}.gram-try span{max-width:480px;font-size:16px;line-height:1.5}.gram-try button{background:var(--onpri);color:var(--pri);cursor:pointer;border:0;border-radius:14px;margin-top:10px;padding:13px 44px;font-size:17px;font-weight:600}@media (width<=860px){.gram-page>.page-header .ph-note{display:none}.gram-tiles{grid-template-columns:repeat(2,1fr);gap:10px}.gram-tile{min-height:130px;padding:14px}.gram-words{grid-template-columns:1fr}.gram-word{gap:12px;padding:10px 14px}.gram-word .he{min-width:90px}.gram-try{padding:32px 22px}.card.theory{padding:20px}.tip{padding:16px 18px}}.review-page>.page-header .ph-note{max-width:380px}.rv-hub{flex-direction:column;gap:18px;display:flex}.rv-today{background:var(--pri);color:var(--onpri);border-radius:26px;align-items:center;gap:40px;padding:36px 40px;display:flex;position:relative;overflow:hidden}.rv-big-he{opacity:.12;pointer-events:none;font-family:Frank Ruhl Libre,serif;font-size:210px;font-weight:700;line-height:1;position:absolute;top:-20px;right:30px}.rv-today-text{flex-direction:column;flex:1;gap:10px;display:flex;position:relative}.rv-today-text .k{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:13px;font-weight:600}.rv-today-text b{font-family:var(--display-font);font-size:36px;line-height:1.1}.rv-today-text .d{opacity:.92;max-width:460px;font-size:15px;line-height:1.5}.rv-start{cursor:pointer;background:var(--onpri);color:var(--pri);border:0;border-radius:16px;flex:none;padding:16px 34px;font-size:18px;font-weight:600;transition:transform .15s;position:relative;box-shadow:0 8px oklch(0% 0 0/.2)}.rv-start:hover:not(:disabled){transform:translateY(-2px)}.rv-start:disabled{opacity:.6;cursor:default}.rv-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.rv-card{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:22px;flex-direction:column;gap:10px;padding:24px;display:flex}.rv-card .k{color:var(--mute);font-size:13px}.rv-card .d{color:var(--mute);font-size:14px;line-height:1.5}.rv-t{font-family:var(--display-font);font-size:22px;line-height:1.15}.rv-num{align-items:baseline;gap:10px;display:flex}.rv-num b{font-family:Frank Ruhl Libre,serif;font-size:56px;line-height:1}.rv-num span{color:var(--mute);font-size:14px;line-height:1.3}.bar-track.gold>div{background:var(--gold)}.rv-sim{color:var(--pri);font-family:Frank Ruhl Libre,serif;font-size:30px;font-weight:700;line-height:1.15}.rv-btn{text-align:center;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:12px;margin-top:auto;padding:12px;font-size:15px;font-weight:500}.rv-btn:hover:not(:disabled){background:var(--sf2)}.rv-btn.primary{background:var(--pri);color:var(--onpri);border-color:var(--pri);margin-top:6px}.rv-btn.primary:hover:not(:disabled){background:var(--pri);filter:brightness(1.08)}.rv-btn:disabled{opacity:.6;cursor:default}.deck{max-width:560px;margin:0 auto}.deck .lesson-top{align-items:center;gap:14px;margin-bottom:14px;display:flex}.deck .quiz-close{border:1px solid var(--line);background:var(--sf);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.deck .quiz-close:hover{background:var(--sf2)}.deck-title b{font-family:var(--display-font);font-size:18px}.deck-dots{flex-wrap:nowrap;justify-content:stretch;gap:4px;margin:0 0 18px;display:flex}.deck-dots span{background:var(--sf2);border-radius:9px;flex:1;width:auto;height:6px}.deck-dots span.done{background:var(--pri)}.deck-dots span.active{background:var(--gold);width:auto}.deck-scene .flash-face{min-height:340px;border-radius:30px!important}.deck-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--pri);font-size:13px;font-weight:600}.flash-face .he.deck-he{font-weight:700;line-height:1.25;font-size:calc(120px * var(--he-scale))!important}.deck-scene .flash-back .he{line-height:1.25;font-size:calc(84px * var(--he-scale))!important}.deck-scene .flash-back h2{font-family:Frank Ruhl Libre,serif;color:var(--pri)!important;font-size:38px!important}.deck-speak{background:var(--sf)}.deck-show{background:var(--pri);color:var(--onpri);border-radius:14px;font-weight:600;box-shadow:0 6px oklch(0% 0 0/.2)}.deck-votes .btn{border-radius:14px;min-width:120px;font-weight:600;box-shadow:0 5px oklch(0% 0 0/.14)}.deck-votes .btn-bad{background:var(--sf);color:var(--danger-fg);border:1px solid var(--danger-fill)}.deck-votes .btn-gold{background:var(--sf);color:var(--late-fg);border:1px solid var(--gold)}.deck-votes .btn-ok{background:var(--okfill);color:#fff;border-color:var(--okfill)}.deck-end{background:var(--sf);box-shadow:var(--sh);border-radius:30px;padding:44px}.deck-check{background:var(--okfill);width:76px;height:76px}.deck-end h2{font-size:32px}.ok-text{color:var(--ok)}.gold-text{color:var(--late-fg)}.bad-text{color:var(--danger-fg)}.deck-xp{box-shadow:none;color:var(--pri);background:0 0;padding:0;font-family:Frank Ruhl Libre,serif;font-size:44px;font-weight:700}@media (width<=860px){.review-page>.page-header .ph-note{display:none}.rv-today{flex-direction:column;align-items:stretch;gap:18px;padding:26px 22px}.rv-today-text b{font-size:30px}.rv-start{text-align:center}.rv-cards{grid-template-columns:1fr;gap:12px}.deck-scene .flash-face{min-height:300px}.deck-votes{flex-wrap:wrap}.deck-votes .btn{flex:28%;min-width:0}.deck-end{padding:32px 20px}}.tests-page>.page-header .ph-note{max-width:400px}.ts-list{flex-direction:column;gap:22px;display:flex}.ts-entry{box-sizing:border-box;background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);color:var(--ink);border-radius:22px;align-items:center;gap:24px;padding:22px 28px;transition:transform .15s;display:flex}.ts-entry:hover{transform:translateY(-2px)}.ts-ic{background:var(--pri);width:56px;height:56px;color:var(--onpri);border-radius:16px;flex:none;place-items:center;font-family:Frank Ruhl Libre,serif;font-size:26px;font-weight:700;display:grid}.ts-et{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ts-et b{font-family:var(--display-font);font-size:22px}.ts-et span{color:var(--mute);font-size:14px}.ts-arrow{color:var(--pri);font-size:22px}.ts-sec{flex-direction:column;gap:12px;display:flex}.ts-h{font-family:var(--display-font);font-size:22px}.ts-hh{align-items:baseline;gap:12px;display:flex}.ts-hh span{color:var(--mute);font-size:13px}.ts-exams{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.ts-exam{box-sizing:border-box;background:var(--sf);border:1px solid var(--line);box-shadow:0 3px 0 0 var(--line);min-height:190px;color:var(--ink);border-radius:22px;flex-direction:column;gap:8px;padding:20px;transition:transform .15s;display:flex}.ts-exam:hover{transform:translateY(-3px)}.ts-exam.locked{opacity:.7}.ts-eh{align-items:center;gap:8px;display:flex}.ts-eh b{font-family:var(--display-font);flex:1;font-size:18px;line-height:1.2}.ts-eh .pill{white-space:nowrap;padding:2px 10px;font-size:12px}.ts-ed{color:var(--mute);font-size:13.5px;line-height:1.45}.ts-em{color:var(--mute);margin-top:auto;font-size:12.5px}.ts-lessons{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ts-lesson{box-sizing:border-box;background:var(--sf);min-height:84px;color:var(--ink);border:1px solid var(--line);border-radius:20px;flex-direction:column;justify-content:space-between;gap:4px;min-width:0;padding:12px 16px;display:flex;position:relative}a.ts-lesson{transition:transform .15s}a.ts-lesson:hover{transform:translateY(-2px)}.tl-top{justify-content:space-between;align-items:flex-start;display:flex}.tl-top b{font-family:Frank Ruhl Libre,serif;font-size:30px;line-height:1}.tl-top span{font-size:15px;font-weight:700;line-height:1}.tl-t{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;line-height:1.25;overflow:hidden}.ts-lesson.done{background:var(--pri);color:var(--onpri);border-color:var(--pri)}.ts-lesson.now{border:2px solid var(--gold);box-shadow:0 0 0 4px oklch(80% .14 85/.25)}.ts-lesson.locked{border:1px dashed var(--line);opacity:.6;color:var(--mute);background:0 0}.exam-intro{flex-direction:column;align-items:center;gap:16px;display:flex}.exam-intro>a{width:min(620px,100%)}.ex-card{box-sizing:border-box;background:var(--sf);border:1px solid var(--line);width:min(620px,100%);box-shadow:var(--sh);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.ex-ic{background:var(--pri);width:72px;height:72px;color:var(--onpri);border-radius:50%;place-items:center;font-family:Frank Ruhl Libre,serif;font-size:34px;font-weight:700;display:grid}.ex-t{font-family:var(--display-font);font-size:32px}.ex-d{color:var(--mute);max-width:440px;font-size:16px;line-height:1.5}.ex-stats{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin:10px 0;display:grid}.ex-stats>div{background:var(--bg);border:1px solid var(--line);border-radius:18px;flex-direction:column;padding:14px 8px;display:flex}.ex-stats b{font-family:Frank Ruhl Libre,serif;font-size:34px;line-height:1.1}.ex-stats span{color:var(--mute);font-size:12.5px}.ex-n{color:var(--mute);font-size:13px}.ex-go{background:var(--pri);color:var(--onpri);cursor:pointer;border:0;border-radius:16px;margin-top:6px;padding:15px 52px;font-size:18px;font-weight:600;box-shadow:0 6px oklch(0% 0 0/.2)}.ex-lock{background:var(--sf2);color:var(--mute);border-radius:14px;align-items:center;gap:8px;padding:13px 30px;font-weight:500;display:inline-flex}@media (width<=860px){.tests-page>.page-header .ph-note{display:none}.ts-entry{gap:14px;padding:18px}.ts-ic{width:48px;height:48px;font-size:22px}.ts-et b{font-size:19px}.ts-exams{grid-template-columns:1fr;gap:10px}.ts-exam{min-height:0}.ts-lessons{grid-template-columns:repeat(2,1fr)}.ex-card{padding:28px 20px}}.progress-page{flex-direction:column;gap:16px;display:flex}.progress-page>.page-header{margin-bottom:6px}.pg-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.pg-stat{background:var(--sf);color:var(--ink);border:1px solid var(--line);box-shadow:var(--sh);border-radius:22px;flex-direction:column;gap:2px;padding:20px 22px;animation:.5s both urise;display:flex}.pg-stat span{opacity:.8;font-size:13px}.pg-stat b{font-family:Frank Ruhl Libre,serif;font-size:40px;line-height:1.1}.pg-stat.gold{background:var(--gold);color:var(--gold-on);border-color:#0000}.pg-stat.blue{background:var(--pri);color:var(--onpri);border-color:#0000}.pg-row{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;display:grid}.pg-two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pg-card{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:22px;flex-direction:column;gap:14px;min-width:0;padding:20px 24px;display:flex}.pg-card+.pg-card{margin-top:0}.pg-ch{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.pg-ch b,.pg-t{font-family:var(--display-font);font-size:20px}.pg-ch>span{color:var(--mute);font-size:13px}.pg-ch .legend{gap:14px;margin-top:0;margin-left:auto}.pg-chart{flex:1;align-items:center;display:flex}.pg-bars{align-items:flex-end;gap:5px;width:100%;height:170px;display:flex}.pg-bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;min-width:0;height:100%;display:flex}.pg-bar{background:var(--pri);transform-origin:bottom;border-radius:5px 5px 2px 2px;width:100%;min-height:4px;animation:.7s both ugy}.pg-bar.zero{background:var(--sf2)}.pg-bars span{color:var(--mute);white-space:nowrap;height:12px;font-size:10px}.pg-weak{gap:10px}.pg-wk{border-top:1px solid var(--line);align-items:center;gap:14px;padding:6px 0;display:flex}.pg-wk .he{text-align:center;width:44px;font-weight:700;font-size:calc(30px * var(--he-scale));flex:none;line-height:1.2}.pg-wk .wt{flex-direction:column;flex:1;min-width:0;display:flex}.pg-wk .wt b{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;overflow:hidden}.pg-wk .wt span{color:var(--mute);font-size:12.5px}.pg-wk .wb{background:var(--sf2);border-radius:9px;flex:none;width:46px;height:6px;overflow:hidden}.pg-wk .wb i{background:var(--gold);height:100%;display:block}.pg-cta{text-align:center;background:var(--pri);color:var(--onpri);border-radius:12px;margin-top:auto;padding:10px;font-weight:500}.mastery-grid{grid-template-columns:repeat(15,1fr);gap:6px;display:grid}.mastery-grid.vowels{grid-template-columns:repeat(7,1fr)}.mcell{aspect-ratio:1;width:auto;height:auto;font-family:var(--he-font);font-weight:700;font-size:calc(24px * var(--he-scale));border:1px solid var(--line);border-radius:12px;place-items:center;animation:.4s both upop;display:grid}.mcell.m0,.legend i.m0{background:var(--bg);color:var(--mute)}.mcell.m1,.legend i.m1{color:var(--gold-on);background:oklch(90% .09 88)}.mcell.m2,.legend i.m2{background:var(--sf2);color:var(--pri)}.mcell.m3,.legend i.m3{background:var(--okfill);color:#fff;border-color:var(--okfill)}:root[data-theme=dark] .mcell.m1,:root[data-theme=dark] .legend i.m1{color:var(--ink);background:oklch(42% .08 85)}.legend i{border:1px solid var(--line)}.pg-vb{flex-direction:column;gap:5px;display:flex}.pg-vb>div:first-child{font-size:13.5px;display:flex}.pg-vb>div:first-child span{align-items:center;gap:8px;display:flex}.pg-vb>div:first-child b{margin-left:auto}.pg-vb i{border-radius:3px;width:10px;height:10px;display:inline-block}.pg-vb i.m0{background:var(--bg);border:1px solid var(--line)}.pg-vb i.m1,.pg-vb .m1{background:oklch(90% .09 88)}.pg-vb i.m2,.pg-vb .m2{background:var(--sf2);border:1px solid var(--line)}.pg-vb i.m3,.pg-vb .m3{background:var(--okfill)}.pg-vb .bar-track{height:7px}.pg-vb .bar-track>div{animation:.9s both ugx}.pg-vb .bar-track>div.m0{background:var(--mute);opacity:.5}.pg-vb .bar-track>div.m2{background:var(--pri);opacity:.55}.pg-results{grid-template-columns:1fr 1fr;gap:0 28px;display:grid}.pg-results>div{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;font-size:14.5px;display:flex}.pg-results .pill{margin-left:auto;padding:2px 11px;font-size:12.5px}.pill-solid-ok{background:var(--okfill);color:#fff}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.badge-grid li{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:14px 10px}.badge-grid li.earned{background:var(--sf);border-color:var(--gold)}.badge-grid li.earned:after{display:none}.medal .medal-bg{fill:var(--pri)}.medal-gold .medal-bg{fill:var(--gold)}.medal-gold .medal-glyph{fill:var(--gold-on)}.medal-blue .medal-bg{fill:var(--pri)}.medal-green .medal-bg{fill:var(--okfill)}.medal.locked .medal-bg{fill:var(--sf2);stroke:var(--line)}.medal.locked .medal-inner{fill:var(--bg)}.medal .medal-glyph{fill:var(--onpri)}.medal.locked .medal-glyph{fill:var(--mute)}@media (width<=860px){.pg-stats{grid-template-columns:repeat(2,1fr);gap:10px}.pg-stat{padding:16px}.pg-stat b{font-size:32px}.pg-row,.pg-two{grid-template-columns:1fr}.pg-card{padding:18px}.pg-bars{gap:3px;height:140px}.mastery-grid{grid-template-columns:repeat(6,1fr)}.mastery-grid.vowels{grid-template-columns:repeat(5,1fr)}.pg-results{grid-template-columns:1fr}.pg-ch .legend{margin-left:0}}.lesson-top{align-items:center;gap:16px;margin-bottom:18px}.lesson-top .quiz-close{border:1px solid var(--line);background:var(--sf);width:40px;height:40px;color:var(--ink);border-radius:50%}.lesson-top .quiz-close:hover{background:var(--sf2);transform:none}.segments{gap:10px}.seg{gap:6px;padding:0}.seg-bar{background:var(--sf2);border-radius:9px;height:8px}.seg-bar i{border-radius:9px}.seg.done .seg-bar i{background:var(--pri)}.seg.active .seg-bar i{background:var(--gold)}.seg-label{color:var(--mute);font-size:13px;font-weight:400}.seg.done .seg-label{color:var(--ink)}.seg.active .seg-label{color:var(--ink);font-weight:600}.lesson-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;padding-bottom:12px;display:flex}.lh-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--pri);margin-bottom:2px;font-size:13px;font-weight:600;display:block}.lesson-head h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:34px;line-height:1.1;overflow:hidden}.lh-he{color:var(--pri);white-space:nowrap;font-family:Frank Ruhl Libre,serif;font-size:48px;font-weight:700;line-height:1}.trace-grid{grid-template-columns:repeat(2,1fr);gap:16px}.trace-tile.card{border-radius:24px;flex-direction:column;align-items:center;gap:8px;padding:18px;display:flex}.trace{color:var(--pri);max-width:260px;height:150px}.trace-base{stroke:var(--line)}.trace-text{stroke:var(--pri);font-weight:700}.trace-meta{margin:0}.trace-meta .pill-primary{background:var(--sf2);color:var(--pri);padding:2px 12px;font-size:14px}.trace-tile .row .btn{border-radius:99px;min-height:0;padding:6px 16px;font-size:13px}.btn-xl{border-radius:14px;padding:14px 34px;font-size:16px}.study-card.st-grid{text-align:left;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:32px;animation:.35s both upop;display:grid}.st-big{background:var(--bg);border:1px solid var(--line);height:230px;font-family:var(--he-font);font-weight:700;font-size:calc(150px * var(--he-scale));color:var(--pri);border-radius:22px;place-items:center;line-height:1;display:grid}.st-info{flex-direction:column;gap:10px;min-width:0;display:flex}.st-name{align-items:center;gap:12px;display:flex}.st-name b{font-family:var(--display-font);font-size:34px}.st-name span{color:var(--mute);font-family:Frank Ruhl Libre,serif;font-size:22px;font-weight:500}.st-sound{color:var(--mute)}.st-sound b{color:var(--pri)}.st-actions{flex-wrap:wrap;gap:8px;display:flex}.st-kv{grid-template-columns:auto 1fr;gap:8px 18px;font-size:14.5px;line-height:1.5;display:grid}.st-kv>span:nth-child(odd){color:var(--mute)}.st-ex-h{letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-size:12px;font-weight:600}.st-ex{flex-wrap:wrap;gap:10px;margin-top:2px;display:flex}.st-ex>div{background:var(--bg);border:1px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;padding:6px 14px;display:flex}.st-ex .he{font-weight:700;font-size:calc(26px * var(--he-scale));line-height:1.3}.st-ex small{color:var(--mute);font-size:12px}.study-nav{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.dots{flex-wrap:nowrap;justify-content:stretch;gap:6px;margin-bottom:16px}.dots span{background:var(--sf2);border-radius:9px;flex:1;width:auto;height:6px}.dots span.on{background:var(--pri)}.card .dots+div{min-height:0}.lesson-idle{margin:0 auto}.quiz{max-width:620px}.quiz-close{border:1px solid var(--line);background:var(--sf);width:40px;height:40px;color:var(--ink)}.quiz-close:hover{background:var(--sf2);color:var(--ink);transform:none}.qbar{background:var(--sf2);border-radius:9px;height:7px}.qbar>div{background:var(--pri);border-radius:9px}.qbar>div:after{display:none}.quiz-count{color:var(--mute);font-size:13px;font-weight:500}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--pri);font-size:13px;font-weight:600}.kicker.gold{color:var(--gold-ink)}.combo-chip{background:var(--accent-soft);color:var(--gold-ink)}.quiz-card{box-shadow:var(--sh);border-radius:26px;padding:30px}.quiz-prompt{font-family:var(--display-font);font-size:26px;font-weight:700}.stimulus .he{color:var(--pri);font-weight:700}.xp-pill{background:var(--gold);color:var(--gold-on);box-shadow:none}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.option{border:2px solid var(--line);background:var(--sf);min-height:0;color:var(--ink);box-shadow:0 4px 0 0 var(--line);border-radius:16px;padding:16px;font-size:20px;font-weight:500}.option:hover:not(:disabled){border-color:var(--pri);transform:none}.option:active:not(:disabled){box-shadow:0 1px 0 0 var(--line);transform:translateY(3px)}.option .key{display:none}.option.selected{border-color:var(--pri);background:var(--primary-soft)}.option.correct{border-color:var(--okfill);background:var(--ok-soft);color:var(--ink);box-shadow:0 4px 0 0 var(--ok-line)}.option.wrong{border-color:var(--danger-fill);background:var(--danger-bg);color:var(--ink);box-shadow:0 4px 0 0 var(--bad-line)}.feedback.sheet.ok{background:var(--ok-soft);border-top:2px solid var(--ok-line)}.feedback.sheet.bad{background:var(--danger-bg);border-top:2px solid var(--bad-line)}.feedback.sheet.ok .sheet-icon{background:var(--okfill)}.feedback.sheet.bad .sheet-icon{background:var(--danger-fill)}.feedback.sheet.ok .feedback-title{color:var(--ok)}.feedback.sheet.bad .feedback-title{color:var(--danger-fg)}.result-head{box-shadow:var(--sh);border-radius:28px;padding:40px}.result-title{font-family:var(--display-font);font-size:30px}.rtile{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:18px}.rtile.gold,.rtile.green,.rtile.flame{background:var(--bg);color:var(--ink)}.trophy-card{background:var(--pri);color:var(--onpri)}.trophy-card:after{display:none}.trophy-icon{background:var(--gold);color:var(--gold-on);box-shadow:none}.he-key{border:1px solid var(--line);background:var(--sf);color:var(--ink);border-radius:10px}@media (width<=860px){.lesson-head h1{font-size:24px}.lh-he{font-size:34px}.trace-grid{gap:10px}.trace{height:110px}.study-card.st-grid{grid-template-columns:1fr;gap:16px}.st-big{height:150px;font-size:calc(104px * var(--he-scale))}.st-name b{font-size:28px}.options{gap:10px}.quiz-card{padding:22px 18px}.quiz-prompt{font-size:22px}.result-head{padding:28px 18px}}.set-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px 24px;display:grid}.set-main{flex-direction:column;gap:16px;min-width:0;display:flex}.set-sec{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:22px;flex-direction:column;padding:20px 26px;display:flex}.set-sec>b{font-family:var(--display-font);margin-bottom:6px;font-size:20px}.set-row{border-top:1px solid var(--line);align-items:center;gap:24px;padding:14px 0;display:flex}.set-l{flex-direction:column;flex:0 0 260px;gap:2px;font-size:15px;font-weight:500;display:flex}.set-l .h{color:var(--mute);font-size:12.5px;font-weight:400;line-height:1.4}.set-c{flex:1;justify-content:flex-end;min-width:0;display:flex}.seg-ctl{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:3px;padding:3px;display:flex}.seg-ctl button{cursor:pointer;color:var(--ink);white-space:nowrap;background:0 0;border:0;border-radius:9px;min-height:0;padding:7px 14px;font-size:13.5px;font-weight:500}.seg-ctl button:hover:not(.on){background:var(--sf2)}.seg-ctl button.on{background:var(--pri);color:var(--onpri)}.sw{cursor:pointer;flex:none;width:46px;height:26px;display:inline-block;position:relative}.sw input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sw i{background:var(--sf2);border:1px solid var(--line);pointer-events:none;border-radius:99px;transition:background .2s;position:absolute;inset:0}.sw i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:2px;left:3px;box-shadow:0 1px 3px oklch(0% 0 0/.3)}.sw input:checked+i{background:var(--pri);border-color:var(--pri)}.sw input:checked+i:after{left:23px}.sw input:focus-visible+i{outline:3px solid var(--ring);outline-offset:2px}.set-range{align-items:center;gap:12px;width:260px;max-width:100%;display:flex}.set-range input{flex:1;min-width:0}.set-range b{text-align:right;flex:none;width:48px;font-size:14px}.voice-ctl{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px;padding:3px;display:flex}.vstate{color:var(--mute);align-items:center;gap:8px;padding:0 14px;font-size:13.5px;display:flex}.vstate i{background:var(--mute);border-radius:50%;width:8px;height:8px}.vstate.ok i{background:var(--okfill)}.vstate.warn i{background:var(--gold)}.vstate.bad i{background:var(--danger-fill)}.voice-ctl button{background:var(--pri);color:var(--onpri);cursor:pointer;border:0;border-radius:9px;align-items:center;gap:8px;min-height:0;padding:7px 16px;font-size:13.5px;font-weight:600;display:flex}.voice-ctl button:hover:not(:disabled){filter:brightness(1.08)}.voice-ctl button:disabled{opacity:.5;cursor:default}.voice-ctl button span{font-size:10px}.voice-help{border-top:1px solid var(--line);padding-top:12px}.set-note{color:var(--mute);margin-bottom:12px;font-size:13px;line-height:1.5}.set-data{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.set-foot{text-align:center;color:var(--mute);margin:4px 0 0;font-size:12.5px}.set-preview{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:22px;flex-direction:column;gap:12px;padding:20px;display:flex;position:sticky;top:24px}.pv-k{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:12px;font-weight:600}.pv-main{background:var(--bg);border:1px solid var(--line);text-align:center;font-family:var(--he-font);font-weight:700;font-size:calc(34px * var(--he-scale));color:var(--ink);border-radius:18px;padding:22px 10px;line-height:1.35}.pv-main.dys{word-spacing:.35em;line-height:2}.pv-row{font-family:var(--he-font);font-weight:700;font-size:calc(24px * var(--he-scale));color:var(--pri);justify-content:center;gap:8px;line-height:1.3;display:flex}.pv-n{color:var(--mute);font-size:12.5px;line-height:1.45}.acc-guest{background:var(--pri);color:var(--onpri);border-radius:22px;align-items:center;gap:20px;padding:22px 28px;display:flex}.acc-guest>span{flex-direction:column;flex:1;gap:2px;display:flex}.acc-guest b{font-family:var(--display-font);font-size:22px}.acc-guest span span{opacity:.9;font-size:14px}.acc-guest button{background:var(--onpri);color:var(--pri);cursor:pointer;border:0;border-radius:12px;flex:none;padding:12px 26px;font-weight:600}.acc{flex-direction:column;gap:16px;display:flex}.acc-head{background:var(--pri);color:var(--onpri);border-radius:26px;align-items:center;gap:20px;padding:26px 30px;display:flex}.acc-av{background:var(--onpri);width:68px;height:68px;color:var(--pri);border-radius:50%;flex:none;place-items:center;font-family:Frank Ruhl Libre,serif;font-size:30px;font-weight:700;display:grid}.acc-who{flex-direction:column;flex:1;min-width:0;display:flex}.acc-who b{font-family:var(--display-font);font-size:28px;line-height:1.1}.acc-who span{opacity:.9;overflow-wrap:anywhere;font-size:14px}.acc-head button{color:inherit;cursor:pointer;background:oklch(100% 0 0/.2);border:0;border-radius:12px;flex:none;padding:10px 22px;font-weight:600}.acc-head button:hover{background:oklch(100% 0 0/.3)}.acc-card{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:22px;flex-direction:column;gap:12px;padding:22px 26px;display:flex}.acc-card>b{font-family:var(--display-font);font-size:19px}.acc-h{color:var(--mute);font-size:13px;line-height:1.55}.acc-form{gap:10px;display:flex}.acc-form input{background:var(--bg);flex:1;min-width:0;height:46px}.acc-form button{background:var(--pri);height:46px;color:var(--onpri);cursor:pointer;white-space:nowrap;border:0;border-radius:12px;padding:0 24px;font-weight:600}.acc-form button:disabled{opacity:.5;cursor:default}.acc-msg{color:var(--ok);font-size:13px;font-weight:500}.acc-sync{flex-direction:row;align-items:center;gap:16px;padding:20px 26px}.acc-sync .dot{background:var(--okfill);width:12px;height:12px;box-shadow:0 0 0 5px color-mix(in oklab, var(--okfill) 25%, transparent);border-radius:50%;flex:none}.acc-sync .dot.warn{background:var(--gold);box-shadow:0 0 0 5px color-mix(in oklab, var(--gold) 30%, transparent)}.acc-sync .dot.bad{background:var(--danger-fill);box-shadow:0 0 0 5px color-mix(in oklab, var(--danger-fill) 25%, transparent)}.acc-st{flex-direction:column;flex:1;display:flex}.acc-st b{font-weight:600}.acc-st span{color:var(--mute);font-size:13px}.acc-danger{box-shadow:none;border-color:oklch(60% .17 25/.4);padding:18px 26px}.acc-dt{cursor:pointer;color:inherit;background:0 0;border:0;align-items:center;padding:0;display:flex}.acc-dt b{color:var(--danger-fg);font-family:inherit;font-size:16px;font-weight:600}.acc-dt span{color:var(--mute);margin-left:auto;font-size:18px}.acc-dbody{flex-direction:column;gap:12px;display:flex}.acc-form .acc-del{background:var(--danger-fill);color:#fff}@media (width<=860px){.set-layout{flex-direction:column;align-items:stretch;gap:14px;display:flex}.set-preview{order:-1;position:static}.set-sec{padding:18px}.set-row{flex-direction:column;align-items:stretch;gap:10px}.set-l{flex:none}.set-row:has(.sw){flex-direction:row;align-items:center}.set-row:has(.sw) .set-l{flex:1}.set-c{justify-content:flex-start}.set-row:has(.sw) .set-c{flex:none}.seg-ctl{width:100%}.seg-ctl button{flex:1;padding:9px 8px}.set-range,.voice-ctl{width:100%}.acc-guest{flex-direction:column;align-items:stretch;padding:20px}.acc-head{flex-wrap:wrap;padding:22px}.acc-form{flex-direction:column}.acc-sync{flex-wrap:wrap}}.auth-wrap{background:var(--bg)}.auth-split{background:var(--bg);min-height:100vh;color:var(--ink);grid-template-columns:minmax(0,1fr) 520px;display:grid}.auth-hero{background:var(--pri);color:var(--onpri);flex-direction:column;justify-content:space-between;gap:32px;padding:48px;display:flex;position:relative;overflow:hidden}.ah-l{pointer-events:none;font-family:Frank Ruhl Libre,serif;font-weight:700;line-height:1;animation:7s ease-in-out infinite ubob;position:absolute}.ah-l.a{opacity:.14;font-size:280px;top:120px;left:60px}.ah-l.b{opacity:.12;font-size:220px;animation-duration:8s;animation-delay:-2s;top:330px;right:50px}.ah-l.c{opacity:.12;font-size:200px;animation-duration:9s;animation-delay:-4s;bottom:40px;left:150px}.ah-brand{align-items:center;gap:12px;display:flex;position:relative}.ah-brand span{background:var(--tile-logo);border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.ah-brand img{object-fit:contain;width:40px;height:40px}.ah-brand b{font-family:var(--display-font);color:inherit;font-size:30px}.ah-copy{flex-direction:column;gap:16px;max-width:460px;display:flex;position:relative}.ah-he{align-self:flex-start;font-family:Frank Ruhl Libre,serif;font-size:52px;font-weight:700;line-height:1}.ah-copy>b{font-family:var(--display-font);font-size:58px;line-height:1.05}.ah-lead{opacity:.92;font-size:17px;line-height:1.55}.ah-cards{grid-template-rows:auto auto;grid-template-columns:1.1fr 1fr;gap:14px;max-width:500px;display:grid;position:relative}.ahc1{background:var(--bg);color:var(--ink);border-radius:24px;flex-direction:column;grid-row:1/3;align-items:center;gap:4px;padding:20px;display:flex;transform:rotate(-3deg);box-shadow:0 12px oklch(0% 0 0/.18)}.ahc1 .k{letter-spacing:.08em;text-transform:uppercase;color:var(--pri);font-size:11px;font-weight:600}.ahc1 .g{color:var(--pri);font-family:Frank Ruhl Libre,serif;font-size:96px;font-weight:700;line-height:1.15}.ahc1 b{font-family:var(--display-font);color:var(--ink);font-size:22px}.ahc1 .s{color:var(--mute);font-size:13px}.ahc1 i{background:var(--sf2);border-radius:9px;width:100%;height:7px;margin-top:10px;display:block;overflow:hidden}.ahc1 i u{background:var(--gold);width:40%;height:100%;text-decoration:none;display:block}.ahc2{background:var(--gold);color:var(--gold-on);border-radius:20px;flex-direction:column;padding:14px 18px;display:flex;transform:rotate(2deg);box-shadow:0 8px oklch(0% 0 0/.18)}.ahc2 span{font-size:12px;font-weight:600}.ahc2 b{color:inherit;font-family:Frank Ruhl Libre,serif;font-size:32px;line-height:1.1}.ahc3{background:oklch(100% 0 0/.18);border-radius:20px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-family:Frank Ruhl Libre,serif;font-size:30px;font-weight:700;line-height:1.2;display:flex;transform:rotate(-1deg)}.auth-form-side{flex-direction:column;justify-content:center;padding:40px 52px;display:flex;position:relative;overflow:auto}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-title{text-align:center;margin:0;font-size:30px}.auth-lead{text-align:center;color:var(--mute);margin:0;font-size:14px;line-height:1.5}.auth-fields{flex-direction:column;gap:12px;display:flex}.afield{flex-direction:column;gap:5px;display:flex}.afield label{font-size:13.5px;font-weight:500}.afield input{box-sizing:border-box;border:1px solid var(--line);background:var(--sf);width:100%;height:46px;color:var(--ink);border-radius:12px;outline:none;padding:0 14px;font:400 15px Rubik,sans-serif}.afield input:focus{border-color:var(--pri);box-shadow:0 0 0 3px var(--ring)}.pw-wrap input{padding-right:84px}.pw-toggle{height:30px;color:var(--pri);cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:0;padding:0 10px;font-size:12.5px;font-weight:600;position:absolute;top:8px;right:8px}.pw-toggle:hover{background:var(--sf2)}.consent{color:var(--mute);cursor:pointer;align-items:flex-start;gap:12px;font-size:13px;line-height:1.45;display:flex;position:relative}.consent input{opacity:0;width:20px;height:20px;margin:0;position:absolute}.consent .cbx{border:2px solid var(--border-strong);color:#0000;background:0 0;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;margin-top:1px;font-size:12px;font-weight:700;display:grid}.consent input:checked+.cbx{background:var(--pri);border-color:var(--pri);color:var(--onpri)}.consent input:focus-visible+.cbx{outline:3px solid var(--ring);outline-offset:2px}.consent a{color:var(--pri);text-decoration:underline}.auth-msg{border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.45}.auth-msg.ok{background:var(--info-bg);color:var(--info-fg)}.auth-msg.bad{background:var(--danger-bg);color:var(--danger-fg)}.auth-submit{text-align:center;background:var(--pri);color:var(--onpri);cursor:pointer;border:0;border-radius:14px;padding:15px;font-size:17px;font-weight:600;transition:transform .15s;box-shadow:0 5px oklch(0% 0 0/.2)}.auth-submit:hover:not(:disabled){transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-alt{flex-direction:column;gap:12px;display:flex}.auth-alt .or{color:var(--mute);align-items:center;gap:12px;font-size:13px;display:flex}.auth-alt .or span{background:var(--line);flex:1;height:1px}.auth-google{border:1px solid var(--line);background:var(--sf);color:var(--ink);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:13px;font-size:15px;font-weight:500;display:flex}.auth-google:hover:not(:disabled){background:var(--sf2)}.auth-small{text-align:center;color:var(--mute);margin:0;font-size:12px;line-height:1.5}.auth-small a{color:var(--pri);text-decoration:underline}.auth-links{flex-direction:column;align-items:center;gap:8px;font-size:13.5px;display:flex}.auth-links .lk{cursor:pointer;color:var(--pri);text-align:center;background:0 0;border:0;min-height:0;padding:0;font-weight:500}.auth-links .lk.mute{color:var(--mute);font-weight:400}.auth-links .lk.mute:hover{color:var(--ink)}.auth-links .lk.small{font-size:12.5px}.auth-links .lk span{opacity:.8}@media (width<=860px){.auth-split{flex-direction:column;grid-template-columns:1fr;display:flex}.auth-hero{padding:max(env(safe-area-inset-top), 40px) 24px 28px;gap:12px}.ah-l.a{font-size:170px;top:30px;left:auto;right:-10px}.ah-l.b,.ah-l.c,.ah-cards,.ah-he,.ah-lead{display:none}.ah-brand span{width:38px;height:38px}.ah-brand img{width:32px;height:32px}.ah-brand b{font-size:24px}.ah-copy{gap:0}.ah-copy>b{max-width:250px;margin-top:10px;font-size:30px}.auth-form-side{padding:22px 20px 40px;overflow:visible}.auth-form{gap:14px}}.pv-back{color:var(--pri);font-size:14px;font-weight:500}.pv-layout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:28px;display:grid}.pv-toc{flex-direction:column;gap:2px;display:flex;position:sticky;top:24px}.pv-toc>span{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding:0 12px 8px;font-size:12px;font-weight:600}.pv-toc button{text-align:left;cursor:pointer;color:var(--ink);background:0 0;border:0;border-radius:10px;min-height:0;padding:8px 12px;font-size:14px;font-weight:400}.pv-toc button:hover{background:var(--sf2)}.pv-toc button.on{background:var(--sf2);color:var(--pri);font-weight:600}.pv-body{flex-direction:column;gap:16px;min-width:0;padding-bottom:40px;display:flex}.pv-brief{background:var(--pri);color:var(--onpri);border-radius:24px;flex-direction:column;gap:14px;padding:28px 32px;scroll-margin-top:20px;display:flex}.pv-brief>b{font-family:var(--display-font);font-size:26px}.pv-brief>div{grid-template-columns:1fr 1fr;gap:14px 28px;display:grid}.pv-brief>div>div{align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;display:flex}.pv-brief>div>div>span:first-child{background:var(--onpri);width:24px;height:24px;color:var(--pri);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.pv-brief a{color:inherit;text-decoration:underline}.pv-sec{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:22px;flex-direction:column;gap:8px;padding:22px 28px;scroll-margin-top:20px;display:flex}.pv-sec>b{font-family:var(--display-font);font-size:22px}.pv-sec>span{font-size:15px;line-height:1.6}.pv-sec a{color:var(--pri);text-decoration:underline}.pv-data{grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;display:grid}.pv-data>div{background:var(--bg);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.pv-data b{color:var(--pri);font-size:15px;font-weight:600}.pv-data span{font-size:14px;line-height:1.55}@media (width<=860px){.pv-layout{grid-template-columns:1fr}.pv-toc{scrollbar-width:none;flex-direction:row;gap:6px;padding-bottom:4px;position:static;overflow-x:auto}.pv-toc>span{display:none}.pv-toc button{white-space:nowrap;border:1px solid var(--line);border-radius:99px;flex:none;padding:6px 14px}.pv-brief{padding:22px 20px}.pv-brief>div,.pv-data{grid-template-columns:1fr}.pv-sec{padding:18px 20px}}.main.solo{margin-left:0;margin-inline:auto;margin-left:0;max-width:1180px;margin-inline:auto}.gp-page{flex-direction:column;gap:16px;display:flex}.gp-page>.page-header{margin-bottom:4px}.gp-back{color:var(--pri);align-self:flex-start;padding:0;font-size:14px;font-weight:500}.gp-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.gp-lists,.gp-side{flex-direction:column;gap:18px;min-width:0;display:flex}.gp-card{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:22px;flex-direction:column;gap:10px;min-width:0;padding:20px 24px;display:flex}.gp-side .gp-card{gap:12px;padding:20px}.gp-t,.gp-ch>b{font-family:var(--display-font);font-size:20px}.gp-side .gp-t{font-size:19px}.gp-ch{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gp-ch .seg-ctl{margin-left:auto}.gp-rows{flex-direction:column;display:flex}.gp-row{border-top:1px solid var(--line);color:var(--ink);border-radius:12px;align-items:center;gap:14px;padding:12px 8px;display:flex}.gp-row:hover{background:var(--bg)}.gp-av{background:var(--sf2);width:42px;height:42px;color:var(--pri);border-radius:50%;flex:none;place-items:center;font-family:Frank Ruhl Libre,serif;font-size:18px;font-weight:700;display:grid}.gp-row .lb-name b{font-size:15.5px;font-weight:600}.gp-row .arr{color:var(--mute);font-size:18px}.gp-created{background:var(--pri);color:var(--onpri);border-radius:22px;align-items:center;gap:20px;padding:20px 26px;animation:.4s both upop;display:flex}.gp-created>span{flex-direction:column;flex:1;gap:2px;display:flex}.gp-created b{font-family:var(--display-font);color:inherit;font-size:20px}.gp-created span span{opacity:.9;font-size:13.5px}.gp-created .invite-chip{background:oklch(100% 0 0/.2);border:0;padding:10px 16px;font-family:Frank Ruhl Libre,serif;font-size:24px}.code-input{text-align:center;background:var(--bg);letter-spacing:.2em;border-radius:12px;height:50px;font:600 20px Frank Ruhl Libre,serif}.gp-go{text-align:center;background:var(--pri);color:var(--onpri);cursor:pointer;border:0;border-radius:12px;padding:13px;font-weight:600;box-shadow:0 4px oklch(0% 0 0/.2)}.gp-go:disabled,.gp-sec:disabled{opacity:.5;cursor:default}.gp-sec{text-align:center;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:12px;padding:12px;font-weight:600}.gp-sec:hover:not(:disabled){background:var(--sf2)}.gp-note{color:var(--mute);font-size:12.5px;line-height:1.45}.gp-side input[type=text]{background:var(--bg);height:46px}.group-card{background:var(--pri);color:var(--onpri);box-shadow:none;border-radius:24px;gap:22px;padding:22px 28px;position:relative;overflow:hidden}.gc-big{opacity:.13;pointer-events:none;font-family:Frank Ruhl Libre,serif;font-size:170px;font-weight:700;line-height:1;position:absolute;top:-30px;left:240px}.group-letter{background:var(--onpri);width:64px;height:64px;color:var(--pri);box-shadow:none;border-radius:18px;font-size:36px;font-weight:700;animation:none;position:relative}.group-info{position:relative}.group-info h1{font-family:var(--display-font);color:inherit;font-size:30px;line-height:1.1}.group-info span{opacity:.9;font-size:14px}.invite-chip{color:inherit;letter-spacing:.14em;background:oklch(100% 0 0/.2);border:0;border-radius:14px;padding:8px 22px;font-family:Frank Ruhl Libre,serif;font-size:22px;line-height:1.2;position:relative}.invite-chip:hover{background:oklch(100% 0 0/.3)}.invite{background:var(--bg);border-radius:18px;padding:12px 16px}.invite-code{color:var(--pri);font-family:Frank Ruhl Libre,serif}.lb-card{gap:18px;padding:22px 26px}.podium{grid-template-columns:repeat(3,150px);gap:16px;margin:0 auto;padding:6px 0}.podium-col{gap:6px}.podium-avatar{background:var(--sf2);width:48px;height:48px;color:var(--pri);border:3px solid var(--line);border-radius:50%;font-family:Frank Ruhl Libre,serif;font-size:20px;font-weight:700;animation:none}.podium-col.p1 .podium-avatar{background:var(--gold);width:48px;height:48px;color:var(--gold-on);border-color:var(--gold)}.podium-col.p2 .podium-avatar{background:var(--pri);color:var(--onpri);border-color:var(--pri)}.podium-name{font-size:14px;font-weight:600}.podium-block{transform-origin:bottom;border-radius:14px 14px 4px 4px;animation:.7s both ugy;box-shadow:none!important}.podium-block b{font-family:Frank Ruhl Libre,serif;font-size:34px}.podium-block span{font-size:12.5px;font-weight:500}.podium-col.p1 .podium-block{background:var(--gold);height:150px;color:var(--gold-on)}.podium-col.p2 .podium-block{background:var(--pri);height:120px;color:var(--onpri)}.podium-col.p3 .podium-block{background:var(--sf2);height:92px;color:var(--ink)}.leaderboard{gap:0}.leaderboard li{border-top:1px solid var(--line);background:0 0;border-radius:14px;gap:14px;padding:11px 12px;animation:.4s both urise}.leaderboard li.me{outline:0;font-weight:400;background:var(--primary-soft)!important}.lb-rank{text-align:center;width:24px;color:var(--mute);flex:none;font-family:Frank Ruhl Libre,serif;font-size:18px;font-weight:700}.leaderboard .avatar{background:var(--sf2);width:38px;height:38px;color:var(--pri);font-family:Frank Ruhl Libre,serif;font-size:17px;font-weight:700}.lb-name b{font-size:15px;font-weight:600}.lb-bar{border-radius:9px;height:5px}.lb-bar i{background:var(--pri);transform-origin:0;border-radius:9px;animation:.8s both ugx}.leaderboard li.me .lb-bar i{background:var(--pri)}.lb-score{flex-direction:column;align-items:flex-end;display:flex}.lb-score b{font-family:Frank Ruhl Libre,serif;font-size:22px;line-height:1.1}.gp-info{background:var(--sf2);border-radius:18px;align-items:center;gap:12px;padding:14px 18px;font-size:14px;line-height:1.5;display:flex}.gp-info .i{background:var(--gold);width:26px;height:26px;color:var(--gold-on);border-radius:50%;flex:none;place-items:center;font-style:italic;font-weight:700;display:grid}.gp-two{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}.gp-tasks{flex-direction:column;display:flex}.gp-task{border-top:1px solid var(--line);color:var(--ink);align-items:center;gap:12px;padding:12px 4px;display:flex}.gp-task .ti{background:var(--sf2);width:28px;height:28px;color:var(--mute);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.gp-task .ti.ok{background:var(--okfill);color:#fff}.gp-task .ti.late{background:var(--late-bg);color:var(--late-fg)}.gp-hidden{text-align:center;color:var(--mute);justify-content:center;align-items:center}.gp-hidden b{font-family:var(--display-font);color:var(--ink);font-size:20px}@media (width<=860px){.gp-layout{flex-direction:column;align-items:stretch;gap:16px;display:flex}.gp-side{flex-direction:column;order:-1}.gp-two{grid-template-columns:1fr}.group-card{flex-wrap:wrap;padding:20px}.gc-big{left:auto;right:10px}.podium{grid-template-columns:repeat(3,1fr);gap:8px}.lb-card{padding:18px}.gp-created{flex-direction:column;align-items:stretch}}.teacher-page{flex-direction:column;gap:16px;display:flex}.teacher-page>.page-header{margin-bottom:0}.teacher-page .grid-3{gap:14px}.teacher-page .card{margin:0;padding:20px 24px}.teacher-page .card.stat{padding:18px 22px}.teacher-page .card.stat .stat-value{font-size:38px;line-height:1.1}.teacher-page .card.stat .stat-label{font-size:13px}.teacher-page .card h2{margin-bottom:8px;font-size:20px}.tc-two{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}.tc-alert{box-sizing:border-box;border:0;border-top:1px solid var(--line);cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border-radius:14px;align-items:center;gap:14px;min-height:0;padding:10px 8px;display:flex}.tc-alert:hover{background:var(--bg)}.tc-alert .ai{background:var(--late-bg);width:38px;height:38px;color:var(--late-fg);border-radius:50%;flex:none;place-items:center;font-family:Frank Ruhl Libre,serif;font-size:17px;font-weight:700;display:grid}.tc-alert .at{flex-direction:column;flex:1;min-width:0;display:flex}.tc-alert .at b{font-size:15px;font-weight:600}.tc-alert .at span{color:var(--late-fg);font-size:12.5px}.tc-alert .ar{color:var(--mute)}.review-item{border-top:1px solid var(--line);background:0 0;border-radius:0;align-items:center;gap:14px;padding:8px 0;display:flex}.review-list{gap:0;margin-top:4px}.review-item .he{text-align:center;flex:none;width:44px;font-weight:700;line-height:1.2}.review-item .ans{flex:1;min-width:0}.review-item .ans b{font-size:14.5px;font-weight:600}.teacher-page .data th{letter-spacing:.04em;font-size:12px}.teacher-page .student-table td{padding:11px 10px}.teacher-page .warn-text{color:var(--late-fg)}.teacher-page .avatar{background:var(--sf2);width:34px;height:34px;color:var(--pri);font-family:Frank Ruhl Libre,serif;font-weight:700}.teacher-page .bars{height:130px}.teacher-page .bars .bar{background:var(--pri)}.teacher-page .bars .bar.is-zero{background:var(--sf2)}.tc-invite .invite{background:var(--pri);color:var(--onpri);border-radius:22px;padding:24px 28px}.tc-invite .invite .muted{color:var(--onpri);opacity:.85;font-size:13px}.tc-invite .invite-code{color:inherit;letter-spacing:.16em;font-size:36px;line-height:1.1}.tc-invite .btn-primary{background:var(--onpri);color:var(--pri);border-color:var(--onpri);box-shadow:none;padding:12px 30px}.assignment{border-top:1px solid var(--line);background:0 0;border-radius:0;padding:13px 0;animation:.35s both upop}@media (width<=860px){.tc-two{grid-template-columns:1fr}.teacher-page .card{padding:18px}.teacher-page .card.stat .stat-value{font-size:30px}.teacher-page .grid-3{grid-template-columns:repeat(3,1fr);gap:8px}.teacher-page .grid-4{grid-template-columns:repeat(2,1fr)}.tc-invite .invite-code{font-size:28px}}@media (width>=861px) and (width<=1180px){.main{padding:26px 22px 60px}.home-grid{grid-template-columns:1fr}.home-aside{grid-template-columns:repeat(2,1fr);display:grid}.home-aside .acard{flex:none}.hero-card{grid-template-columns:minmax(0,1fr) 230px}.home-tiles{grid-template-columns:repeat(2,1fr)}.path-layout{grid-template-columns:1fr}.path-aside{flex-direction:row;order:-1;position:static}.path-aside>*{flex:1}.alpha-layout,.nikud-layout,.set-layout,.gp-layout{grid-template-columns:1fr}.alpha-panel,.nk-aside,.set-preview{position:static}.alpha-panel{order:-1}.gp-side{flex-direction:row}.gp-side>*{flex:1}.gram-tiles{grid-template-columns:repeat(3,1fr)}.ts-exams{grid-template-columns:repeat(2,1fr)}.ts-lessons{grid-template-columns:repeat(3,1fr)}.rv-today{gap:24px;padding:28px}.pg-row{grid-template-columns:1fr}.mastery-grid{grid-template-columns:repeat(10,1fr)}.tc-two,.gp-two,.pg-two{grid-template-columns:1fr}.pv-layout{grid-template-columns:170px minmax(0,1fr);gap:20px}.set-row{gap:16px}.set-l{flex-basis:200px}.nk-cards{grid-template-columns:1fr}.nk-groups{grid-template-columns:repeat(3,1fr)}.auth-split{grid-template-columns:minmax(0,1fr) 460px}.ph-side{justify-content:flex-end}}.user-row{flex-direction:column;align-items:stretch;gap:6px}.user-chip{background:0 0;margin:0;padding:4px 6px}.user-chip .who{flex:1}.user-chip .who .small{text-overflow:clip;white-space:normal;line-height:1.3;overflow:visible}.user-chip .who .small .sync-dot{vertical-align:1px}.logout-btn{border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:0;padding:8px 12px;font-size:14px;display:flex}.logout-btn:hover{background:var(--sf2)}@media (width>=861px){:root{--sidebar:268px}.nav-he{color:var(--mute);white-space:nowrap;margin-left:auto;font-family:Frank Ruhl Libre,serif;font-size:17px;font-weight:500;line-height:1}.nav-link .badge+.nav-he{margin-left:8px}.nav-link .badge{margin-left:auto}.nav-link.active .nav-he{color:var(--pri)}}@media (width<=860px){.nav-he{display:none}}.pw-wrap{display:block;position:relative}.pw-wrap input,.pw-wrap input[type=text],.pw-wrap input[type=password]{box-sizing:border-box;border:1px solid var(--line);background:var(--sf);width:100%;height:46px;color:var(--ink);border-radius:12px;padding:0 92px 0 14px;font:400 15px Rubik,sans-serif}.pw-toggle{white-space:nowrap;width:auto;height:30px;color:var(--pri);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:0;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute;inset:50% 8px auto auto;transform:translateY(-50%)}.pw-toggle:hover{background:var(--sf2);color:var(--pri)}.nav-link .badge{color:var(--gold-on);margin-left:8px}@media (width>=861px){.nav-link .badge{margin-left:8px}.nav-link .badge+.nav-he{margin-left:auto}}