:root{--bg:#0e1116;--card:#171b22;--card2:#1f252e;--line:#2a313c;--text:#e9edf2;--muted:#8d98a6;--accent:#ff8a1f;--accent2:#ffb366;--ok:#2fbf71;--bad:#ef4b4b;--warn:#f2b632;--info:#3b8cf2;--purple:#a66cf2;--radius:16px;--shadow:0 6px 24px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f4f2ee;--card:#fff;--card2:#f0ede7;--line:#e1ddd5;--text:#1a1d22;--muted:#6b7380;--accent:#e8700a;--accent2:#c25a00;--shadow:0 4px 18px #1e140014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{touch-action:pan-x pan-y;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Inter,sans-serif}a{color:var(--accent)}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--text);background:var(--card2);border:1px solid var(--line);border-radius:12px;width:100%;padding:12px 14px;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}h1{letter-spacing:-.01em;margin:.2em 0;font-size:1.6rem;line-height:1.2}h2{margin:.2em 0 .6em;font-size:1.15rem}p{margin:.4em 0}code{background:var(--card2);border-radius:6px;padding:2px 6px}.app-shell{height:100dvh;padding-top:env(safe-area-inset-top);background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.app-shell .page{padding-top:8px}main{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-bottom:24px;overflow-y:auto}.page{max-width:640px;padding:calc(8px + env(safe-area-inset-top)) 16px 24px;margin:0 auto}.muted{color:var(--muted)}.small{font-size:.85rem}.big{font-size:1.2rem;font-weight:700}.center{text-align:center;flex-direction:column;align-items:center;display:flex}.ok-text{color:var(--ok)}.bad-text{color:var(--bad)}.lead{color:var(--muted);margin:4px 0 16px}.hint{color:var(--muted);margin:6px 0;font-size:.85rem}.error{color:var(--bad);font-weight:600}.stack{flex-direction:column;gap:10px;margin-top:12px;display:flex}.splash{height:100vh;color:var(--accent);place-items:center;font-size:64px;display:grid}.empty{text-align:center;color:var(--muted);padding:40px 16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:12px 0;padding:16px}.btn{border:1px solid var(--line);background:var(--card2);border-radius:14px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:10px 16px;font-weight:600;transition:transform 80ms,opacity .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a0d00}.btn.danger{background:color-mix(in srgb, var(--bad) 18%, var(--card2));border-color:var(--bad);color:var(--bad)}.btn.ghost{background:0 0}.btn.wide{width:100%;margin-top:8px}.btn.small{min-height:36px;padding:6px 12px;font-size:.9rem}.big-cta{min-height:56px;font-size:1.05rem}.icon-btn{border:1px solid var(--line);background:var(--card);border-radius:12px;place-items:center;width:44px;height:44px;font-size:1.4rem;display:grid}.link{color:var(--accent);background:0 0;border:none;padding:8px 0;font-weight:600}.mini{background:var(--card2);border:1px solid var(--line);border-radius:8px;margin-left:6px;padding:2px 8px}.btn-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.seg{scrollbar-width:none;background:var(--card2);border:1px solid var(--line);border-radius:14px;gap:4px;margin:8px 0;padding:4px;display:flex;overflow-x:auto}.seg.wrap{flex-wrap:wrap}.seg::-webkit-scrollbar{display:none}.seg button{white-space:nowrap;color:var(--muted);background:0 0;border:none;border-radius:10px;flex:1 0 auto;min-width:70px;padding:10px 8px;font-weight:600}.seg button.on{background:var(--card);color:var(--text);box-shadow:var(--shadow)}.chip{background:var(--card2);border:1px solid var(--line);color:var(--muted);border-radius:999px;margin:2px 4px 2px 0;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-block}.chip.focus{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}.chip.st-pending{color:var(--warn)}.chip.st-approved{color:var(--ok)}.chip.st-rejected{color:var(--bad)}.refs{margin-top:8px}.bar{background:var(--card2);border-radius:99px;flex:1;height:8px;overflow:hidden}.bar>div{background:var(--accent);border-radius:99px;height:100%;transition:width .4s}.progress-line{background:var(--card2);border-radius:9px;height:4px;margin:4px 0 12px;overflow:hidden}.progress-line>div{background:var(--accent);height:100%;transition:width .3s}.topbar{background:var(--bg);z-index:5;align-items:center;gap:10px;padding:8px 0;display:flex;position:sticky;top:0}.topbar h1{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1.1rem;overflow:hidden}.bottomnav{background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:10;flex-shrink:0;justify-content:space-around;display:flex}.bottomnav button{color:var(--muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:6px 10px;font-size:.72rem;display:flex}.bottomnav button.on{color:var(--accent)}.login{max-width:440px;padding:calc(40px + env(safe-area-inset-top)) 16px 40px;margin:0 auto}.login-hero{text-align:center;margin-bottom:16px}.logo-mark{color:var(--accent);font-size:56px;line-height:1}.login-hero p{color:var(--muted)}.form label{flex-direction:column;gap:6px;margin:10px 0;font-size:.9rem;font-weight:600;display:flex}.form input{margin:4px 0}.form label.check{flex-direction:row;align-items:flex-start;font-weight:400}.form label.check input{flex-shrink:0;width:22px;height:22px;margin-top:2px}.disclaimer{text-align:center;color:var(--muted);margin-top:16px;font-size:.8rem}.home-head{justify-content:space-between;align-items:center;margin:8px 0;display:flex}.home-head p{margin:0}.alert{text-align:left;border:1px solid var(--warn);background:color-mix(in srgb, var(--warn) 14%, var(--card));width:100%;color:var(--text);border-radius:14px;align-items:center;gap:10px;margin:8px 0;padding:12px 14px;display:flex}.alert svg{color:var(--warn);flex-shrink:0}.hero-row{align-items:center;gap:16px;display:flex}.hero .big-cta{margin-top:14px}.quick{grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0;display:grid}.tile{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);flex-direction:column;align-items:flex-start;gap:4px;min-height:108px;padding:14px;display:flex}.tile small{color:var(--muted);font-size:.78rem;line-height:1.3}.tile svg{margin-bottom:2px}.t-blixt svg{color:var(--warn)}.t-fall svg{color:var(--info)}.t-jakt svg{color:var(--purple)}.t-prov svg{color:var(--ok)}.t-torr svg{color:var(--accent)}.t-verktyg svg{color:var(--accent2)}.next b{display:block}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:22px 0 8px;font-size:.8rem}.modules{flex-direction:column;gap:8px;display:flex}.mod{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);align-items:center;gap:12px;padding:12px;display:flex}.mod.soon{opacity:.45}.mod-body{flex-direction:column;flex:1;display:flex}.mod-body small{color:var(--muted);font-size:.8rem;line-height:1.3}.mod-icon{background:color-mix(in srgb, var(--accent) 14%, var(--card2));width:44px;height:44px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.mod-icon.lg{width:60px;height:60px}.mod-hero{align-items:center;gap:14px;margin:8px 0 4px;display:flex}.mod-hero>div:nth-child(2){flex:1;min-width:0}.mod-hero>svg,.mod-hero .mod-icon{flex-shrink:0}.mod-hero h1{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:1.3rem}.links{flex-wrap:wrap;justify-content:center;gap:16px;margin:20px 0;display:flex}.list{flex-direction:column;gap:8px;display:flex}.row{text-align:left;border:1px solid var(--line);background:var(--card);width:100%;color:var(--text);border-radius:14px;align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.row.done .row-n{background:color-mix(in srgb, var(--ok) 20%, var(--card2));color:var(--ok)}.row-n{background:var(--card2);border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.row-n.small{width:auto;min-width:34px;padding:0 6px;font-size:.72rem}.row-body{flex-direction:column;flex:1;display:flex}.row-body small{color:var(--muted);font-size:.8rem}.chev{color:var(--muted);font-size:1.3rem}.link-row{margin:6px 0}.lesson-title{margin-bottom:12px}.chunk{scroll-margin-top:70px;animation:.35s fadein}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}}.md p{margin:.45em 0}.md ul{margin:.3em 0;padding-left:1.2em}.b-text{margin:10px 0;font-size:1.02rem}.b-key,.b-rule,.b-example,.b-why,.b-callout,.b-mnemonic{border:1px solid var(--line);background:var(--card);border-radius:14px;margin:12px 0;padding:14px}.b-key{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--card))}.b-key ul{margin:6px 0;padding-left:1.2em}.b-key li{margin:4px 0}.b-key-title,.b-example-title,.b-mnemonic-title{margin-bottom:4px;font-weight:700}.b-rule blockquote{border-left:3px solid var(--muted);color:var(--muted);margin:8px 0;padding-left:12px;font-style:italic}.b-rule .plain{font-weight:500}.b-example ol{margin:6px 0;padding-left:1.3em}.b-example .result{color:var(--accent);font-weight:700}.b-why{border-style:dashed}.b-why-q{margin-bottom:8px;font-weight:600}.b-why-a{background:var(--card2);border-radius:10px;padding:8px 10px}.b-callout{align-items:flex-start;gap:10px;display:flex}.b-callout.danger{border-color:var(--bad);background:color-mix(in srgb, var(--bad) 10%, var(--card))}.b-callout.info{border-color:color-mix(in srgb, var(--info) 60%, var(--line))}.b-callout.tip{border-color:color-mix(in srgb, var(--ok) 60%, var(--line))}.b-callout.trap{border-color:var(--warn);background:color-mix(in srgb, var(--warn) 10%, var(--card))}.b-callout-icon{font-size:1.2rem}.b-mnemonic{border-color:color-mix(in srgb, var(--purple) 60%, var(--line))}.pre-note{background:var(--card2);border-radius:12px;margin-bottom:8px;padding:10px 12px;font-size:.9rem}.done-card{text-align:center}.done-emoji{font-size:48px}.fig{flex-direction:column;align-items:center;margin:12px 0;display:flex}.fig figcaption{color:var(--muted);text-align:center;margin-top:6px;font-size:.85rem}.cmdfig{width:100%;margin:0;padding:0;list-style:none}.cmdfig li{background:var(--card2);border-radius:10px;align-items:center;gap:10px;margin:4px 0;padding:8px 10px;display:flex}.cmdfig li.hl{outline:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--card2))}.cmdfig .n{background:var(--card);border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:grid}.cmdfig small{color:var(--muted);display:block}.item{animation:.25s fadein}.item-head{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:.8rem;display:flex}.prompt{margin:8px 0 12px;font-size:1.12rem;font-weight:600}.options{flex-direction:column;gap:8px;display:flex}.options.two{flex-direction:row}.options.two .opt{flex:1}.opt{text-align:left;border:1.5px solid var(--line);background:var(--card);border-radius:14px;align-items:center;gap:8px;min-height:52px;padding:13px 14px;transition:border-color .15s,background .15s;display:flex}.opt.center{justify-content:center;font-weight:700}.opt .md p{margin:0}.opt.sel{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--card))}.opt.right{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, var(--card))}.opt.wrong{border-color:var(--bad);background:color-mix(in srgb, var(--bad) 14%, var(--card))}.opt.dim{opacity:.5}.opt small{color:var(--muted);display:block}.opt b+small{margin-left:6px}.box{font-size:1.2rem}.conf-row{margin-top:14px}.conf-label{color:var(--muted);font-size:.85rem}.conf-buttons{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px;display:grid}.btn.conf.c0{border-color:color-mix(in srgb, var(--muted) 60%, var(--line))}.btn.conf.c1{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}.btn.conf.c2{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, var(--card2))}.num-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.num-input{max-width:160px;font-size:1.2rem;font-weight:700}.order-picked{margin:6px 0 10px;padding-left:1.4em}.order-picked li{background:var(--card2);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin:4px 0;padding:8px 10px;display:flex}.order-picked li .md p{margin:0}.order-picked li.right{border-left:4px solid var(--ok);display:list-item}.order-picked li.wrong{border-left:4px solid var(--bad)}.order-correct ol{padding-left:1.3em}.feedback{border:1.5px solid var(--line);background:var(--card);border-radius:14px;margin-top:14px;padding:14px;animation:.2s fadein}.feedback.good{border-color:var(--ok)}.feedback.bad{border-color:var(--bad)}.fb-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;display:flex}.good .fb-title{color:var(--ok)}.bad .fb-title{color:var(--bad)}.fb-note{color:var(--muted);font-size:.9rem;font-weight:500}.explain{margin-top:6px}.explain.small{font-size:.88rem}.answer{font-size:1.05rem;font-weight:700}.hyper{background:color-mix(in srgb, var(--warn) 16%, var(--card));border:1px solid var(--warn);border-radius:10px;margin:8px 0;padding:10px;font-size:.92rem}.grade-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.g-again{color:var(--bad)}.g-hard{color:var(--warn)}.g-good{color:var(--ok)}.g-easy{color:var(--info)}.recall{margin-top:12px}.feedback.neutral{border-color:var(--accent)}.review .prompt{font-size:1rem}.judg .scene{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:center;margin:8px 0 14px;padding:18px 16px}.scene-icon{color:var(--accent);margin-bottom:6px}.scene-text{font-size:1.15rem;font-weight:600}.timer-bar{background:var(--card2);border-radius:9px;height:6px;overflow:hidden}.timer-bar>div{background:var(--accent);height:100%;transition:width 50ms linear}.timer-bar>div.low{background:var(--bad)}.verdicts{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.verdicts.two{grid-template-columns:1fr 1fr}.verdict{border:2px solid var(--line);background:var(--card);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;display:flex}.verdict b{font-size:1.05rem}.verdict small{color:var(--muted);font-size:.72rem}.v-DQ{border-color:var(--bad);color:var(--bad)}.v-PROC{border-color:var(--accent);color:var(--accent)}.v-VARNING{border-color:var(--warn);color:var(--warn)}.v-OMSKJUTNING{border-color:var(--info);color:var(--info)}.v-NOLL{border-color:var(--purple);color:var(--purple)}.v-OK{border-color:var(--ok);color:var(--ok)}.verdict.v-DQ,.verdict.v-PROC,.verdict.v-VARNING,.verdict.v-OMSKJUTNING,.verdict.v-NOLL,.verdict.v-OK{background:var(--card)}.vtag{border:1.5px solid;border-radius:99px;padding:2px 8px;font-size:.78rem;font-weight:700}.ms{color:var(--muted);margin-left:auto;font-size:.85rem;font-weight:500}.contrast{border-top:1px dashed var(--line);margin-top:12px;padding-top:10px}.contrast-title{color:var(--muted);font-size:.9rem;font-weight:700}.contrast-card{background:var(--card2);border-radius:12px;margin:8px 0;padding:10px 12px}.stats-row{text-align:center;grid-template-columns:repeat(3,1fr);margin:12px 0;display:grid}.stats-row b{font-size:1.3rem;display:block}.stats-row small{color:var(--muted)}.select{flex-direction:column;gap:4px;margin:10px 0;font-size:.9rem;font-weight:600;display:flex}.chapter-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.chapter{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-height:74px;padding:10px 6px;display:flex}.chapter small{color:var(--muted);font-size:.68rem;line-height:1.2}.chapter.sakb{border-color:color-mix(in srgb, var(--ok) 50%, var(--line))}.mapch.sakb .row-n{color:var(--ok)}.sections{margin:0;padding:6px 14px 10px;font-size:.9rem;list-style:none}.sections li{border-bottom:1px solid var(--line);padding:4px 0}.exam-row,.by-row{align-items:center;gap:10px;padding:6px 0;display:flex}.by-row>span:first-child{width:90px;font-size:.9rem}.exam-row span:first-child{flex:1}.widget{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:12px 0;padding:14px}.widget-title{margin-bottom:6px;font-weight:800}.range{width:100%;accent-color:var(--accent);background:0 0;border:none;padding:0}.verdict-line{text-align:center;margin:6px 0;font-weight:700}.score-box{background:var(--card2);border-radius:12px;flex-direction:column;gap:4px;margin:10px 0;padding:12px;display:flex}.zone{background:var(--card);border-radius:6px;margin:0 3px;padding:1px 8px;font-weight:700;display:inline-block}.z-A{color:var(--ok)}.z-C{color:var(--accent)}.z-D{color:var(--warn)}.z-miss{color:var(--bad)}.steppers{grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0;display:grid}.stepper{background:var(--card2);border-radius:12px;align-items:center;gap:6px;padding:6px 8px;display:flex}.stepper span{flex:1;font-size:.85rem}.stepper button{border:1px solid var(--line);background:var(--card);border-radius:9px;width:34px;height:34px;font-weight:800}.stepper b{text-align:center;min-width:22px}.two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dry-display{background:var(--card2);border-radius:18px;place-items:center;height:140px;margin-bottom:10px;font-size:2.6rem;font-weight:800;display:grid}.dry-display.wait{background:color-mix(in srgb, var(--warn) 25%, var(--card2))}.dry-display.go{background:color-mix(in srgb, var(--ok) 25%, var(--card2))}.mono{font-variant-numeric:tabular-nums}.par-row{align-items:center;gap:8px;margin:10px 0;font-size:.9rem;display:flex}.par-row span{flex:1}.par-row button:not(.mini){border:1px solid var(--line);background:var(--card2);border-radius:9px;width:36px;height:36px;font-weight:800}.cmd-run{padding-left:1.3em}.cmd-run li{color:var(--muted);padding:6px 4px}.cmd-run li.hl{color:var(--accent);font-size:1.1rem;font-weight:800}.cmd-run li.past{opacity:.5}.script-line{background:var(--card2);border-radius:12px;padding:12px;font-size:1.1rem;animation:.4s fadein}.safety-gate{border-color:var(--bad)}.timeline{flex-direction:column;gap:8px;display:flex}.tl{background:var(--card);border:1px solid var(--line);border-radius:14px;gap:12px;padding:12px;display:flex}.tl.past{opacity:.5}.tl-date{width:64px;color:var(--accent);flex-shrink:0;font-size:.85rem;font-weight:800}.tl-body ul{margin:4px 0 0;padding-left:1.1em;font-size:.9rem}.checklist{padding:8px 12px}.cl-group{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:6px 0;font-size:.8rem;font-weight:800}.cl-row{border-top:1px solid var(--line);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.cl-row:first-of-type{border-top:none}.cl-row input{width:24px;height:24px;accent-color:var(--ok);flex-shrink:0;margin-top:2px}.cl-row span{flex-direction:column;gap:2px;display:flex}.cl-row.on b{opacity:.6;text-decoration:line-through}.cl-row.urgent b{color:var(--warn)}.spark{align-items:flex-end;gap:4px;height:80px;display:flex}.spark div{background:var(--accent);border-radius:4px 4px 0 0;flex:1;min-height:3px}.user-row.pending{border-color:var(--warn)}.about li{margin:8px 0}.ring{flex-shrink:0}@media (width>=700px){.quick{grid-template-columns:repeat(3,1fr)}}body.focus-mode .bottomnav{display:none}body.focus-mode main{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.center-text{text-align:center;margin-top:8px}.t-bok svg{color:var(--info)}.sec-btn{text-align:left;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;gap:8px;padding:2px 0;display:flex}.sec-btn:disabled{opacity:.6}.sec-btn>span:last-child{white-space:nowrap}.exam-bar{justify-content:space-between;gap:8px;margin-bottom:8px;display:flex}.qgrid{grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:12px;display:grid}.qgrid button{border:1px solid var(--line);background:var(--card);border-radius:8px;height:36px;font-size:.8rem;font-weight:700}.qgrid button.done{background:color-mix(in srgb, var(--ok) 22%, var(--card));border-color:var(--ok)}.qgrid button.cur{outline:2px solid var(--accent)}a.btn{color:var(--text);text-decoration:none}.next-lesson{text-align:left;width:100%;color:var(--text);border-color:color-mix(in srgb, var(--accent) 50%, var(--line));display:block;position:relative}.next-lesson b{margin:2px 0;padding-right:20px;font-size:1.05rem;display:block}.next-lesson .chev{position:absolute;top:50%;right:16px;transform:translateY(-50%)}.plan-head{justify-content:space-between;align-items:baseline;display:flex}.plan-days{margin:8px 0 0;padding:0;list-style:none}.plan-days li{border-top:1px solid var(--line);gap:10px;padding:6px 0;display:flex}.plan-days li.today .plan-date{color:var(--accent);font-weight:700}.plan-date{text-transform:capitalize;flex:0 0 64px;font-size:.85rem}.plan-lesson{text-align:left;padding:1px 0;display:block}.plan-body{flex:1}.plan-body summary{cursor:pointer}.btn-sub{opacity:.8;font-size:.8rem;font-weight:500;display:block}input[type=date],input[type=datetime-local],input[type=time]{appearance:none;text-align:left;min-width:0;max-width:100%;min-height:48px;display:block}input::-webkit-date-and-time-value{text-align:left}label>input{margin-top:4px}.alert.info-hint{border-color:var(--info);background:color-mix(in srgb, var(--info) 10%, var(--card));font-size:.9rem}.alert.info-hint .link{flex-shrink:0;margin-left:auto}.seg.compact{gap:2px}.seg.compact button{min-width:0;padding:8px 7px;font-size:.82rem}.btn:has(>.btn-sub){flex-direction:column;gap:2px}.t-fore svg{color:var(--accent)}.guide-top{justify-content:space-between;align-items:center;margin:8px 0;display:flex}.guide-card h1{margin-bottom:10px;font-size:1.4rem}.guide-list{margin:0;padding-left:1.2em}.guide-list li{margin:8px 0}.guide-dots{justify-content:center;gap:8px;margin:16px 0;display:flex}.guide-dots span{background:var(--line);border-radius:50%;width:8px;height:8px}.guide-dots span.on{background:var(--accent)}.guide-nav{gap:10px;display:flex}.guide-nav .btn{flex:1}.guide-prompt{background:var(--card2);border:1px dashed var(--line);border-radius:12px;margin:8px 0;padding:10px 12px}.guide-prompt p{margin:0 0 8px;font-style:italic}.plan-lesson.done{color:var(--ok)}.fokus-card{text-align:left;width:100%;color:var(--text);border-color:color-mix(in srgb, var(--accent) 50%, var(--line));justify-content:space-between;align-items:center;display:flex}.fokus-sum{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fokus-sum .btn{margin-top:6px}.st{white-space:nowrap;background:var(--card2);color:var(--muted);border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:.75rem;font-weight:700}.st.sitter{background:color-mix(in srgb, var(--ok) 18%, var(--card));color:var(--ok)}.st.ovas{background:color-mix(in srgb, var(--warn) 20%, var(--card));color:color-mix(in srgb, var(--warn) 70%, var(--text))}.lesson-focus{color:var(--accent);margin:-4px 0 8px;font-size:.85rem}.blanks{margin:8px 0 4px;line-height:2.4}.blank-wrap{display:inline}.blank-input{width:7.5em;min-height:0;margin:0 4px;padding:4px 8px;display:inline-block}.blank-select{max-width:100%;margin:2px 4px;padding:6px 8px;font-size:.95rem;display:inline-block}.blank-input.right,.blank-select.right{border-color:var(--ok)}.blank-input.wrong,.blank-select.wrong{border-color:var(--bad)}.blank-right{margin-right:6px;font-size:.85rem}.ready-banner{background:color-mix(in srgb, var(--ok) 14%, var(--card));border:1px solid var(--ok);border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:.9rem}button.term{font:inherit;color:inherit;border:none;border-bottom:1.5px dotted color-mix(in srgb, var(--accent) 70%, transparent);cursor:help;background:0 0;min-width:0;min-height:0;margin:0;padding:0;display:inline}button.term.open{color:var(--accent)}.term-def{background:color-mix(in srgb, var(--accent) 10%, var(--card));border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));border-radius:10px;margin:4px 0 6px;padding:8px 10px;font-size:.9rem;font-style:normal;font-weight:400;display:block}.term-sample{border-bottom:1.5px dotted color-mix(in srgb, var(--accent) 70%, transparent)}.gloss{margin-top:10px}.gloss-row{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding:10px 0;display:flex}.gloss-row .chip{align-self:flex-start}.speed-btn{margin-top:10px}.speed-card b:first-child{margin-bottom:6px;display:block}.speed-progress{z-index:4;position:sticky;top:52px}.speed-done{opacity:.75}.speed-card .btn{margin-top:10px}.plan-total{color:var(--ok);margin:4px 0 8px}.podd-player{width:100%;margin:10px 0}.flow-hint{border-color:var(--accent)}.podd-fix.bad{border-color:var(--bad)}.podd-fix p{margin:4px 0}.chip.beta{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 50%, var(--line));vertical-align:middle;letter-spacing:.06em;cursor:pointer;font-family:inherit;font-size:.65rem}.terms{padding-left:18px}.terms li{margin:8px 0}.admin-sum{margin-top:6px;font-size:.85rem;line-height:1.5}.exam-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:6px 0;font-size:.9rem;display:flex}.exam-row:last-child{border-bottom:0}.log-row{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:10px 0;display:flex}.log-row:last-child{border-bottom:0}.log-note{white-space:pre-wrap;margin-top:4px}.row-check{align-items:center;gap:10px;padding:8px 0;display:flex}.row-check input{flex-shrink:0;width:22px;height:22px}textarea{resize:vertical;margin:4px 0}.star-card{align-items:center;gap:14px;display:flex}.star{flex-shrink:0;width:84px;height:84px}.star-bg{fill:var(--card2)}.star-grey{fill:color-mix(in srgb, var(--muted) 45%, var(--card2))}.star-gold{fill:#f2b705}.star-line{fill:none;stroke:var(--line);stroke-width:2px}.timeline{margin:12px 0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:var(--line);width:2px;position:absolute;top:20px;bottom:20px;left:29px}.qst{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;margin:0 0 8px;position:relative}.qst.active{border-color:var(--accent)}.qst.locked{opacity:.7}.qst-head{text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:12px;display:flex}.qst-node{background:var(--card2);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex;position:relative}.qst.done .qst-node{background:var(--ok);color:#fff}.qst-title{flex-direction:column;flex:1;min-width:0;display:flex}.qst-title b{align-items:center;gap:6px;display:flex}.qst-body{padding:0 12px 12px 60px}.task{padding:2px 0}.task.done{color:var(--muted)}.task-auto{text-align:center;flex-shrink:0;width:22px;font-weight:700}.task.done .task-auto{color:var(--ok)}.task .row-check{padding:6px 0}.task .row-check>span:not(.task-auto){flex:1}.task small{display:block}.avatar{image-rendering:pixelated;background:radial-gradient(circle at 50% 40%, var(--card2) 0 60%, transparent 61%);border-radius:50%;flex-shrink:0}.avatar-btn{background:0 0;border:0;margin-right:10px;padding:0}.home-head .home-hello{flex:1;min-width:0}.avatar-editor label{margin:10px 0 4px;display:block}.avatar-stage{align-items:center;gap:16px;display:flex}.swatches,.chips-row{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid var(--line);border-radius:50%;width:32px;height:32px}.swatch.on{outline:3px solid var(--accent);outline-offset:1px}.chip.pick{font:inherit;cursor:pointer;font-size:.8rem}.chip.pick.on{color:#fff;background:var(--accent);border-color:var(--accent)}.friend-me{align-items:center;gap:12px;margin-top:10px;display:flex}.friend-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.friend-row:last-child{border-bottom:0}.link-row{text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border-top:0;border-left:0;border-right:0;justify-content:flex-start}.friend-body{flex-direction:column;flex:1;min-width:0;display:flex}.friend-code{letter-spacing:.12em;font-family:ui-monospace,monospace;font-size:1.1rem}.compare-head{text-align:center;justify-content:space-around;align-items:center;display:flex}.compare-head>div{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.vs{color:var(--muted);font-weight:800}.compare-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 0;font-size:.9rem;display:grid}.compare-row>span:last-child{text-align:right}.compare-row .win{color:var(--ok);font-weight:700}.ai-box{margin:6px 0}.thumbs{flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}.thumb{background:var(--card2);border-radius:10px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:72px;height:72px;display:block}.thumb-x{color:#fff;background:#000a;border:0;border-radius:50%;width:22px;height:22px;font-size:.7rem;position:absolute;top:2px;right:2px}.ai-note{background:var(--card2);border-radius:10px;padding:8px 10px}