:root{--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bg:#f3f6f2;--panel:#fff;--panel-2:#f8fbf7;--ink:#13241e;--ink-2:#2d4038;--muted:#68786f;--line:#e2e9e0;--line-2:#d0dbcd;--green:#12865a;--green-2:#0d7149;--on-green:#fff;--lime:#b9f480;--soft:#e5f2e3;--soft-2:#d4eacf;--hero:#163d2f;--hero-2:#0f2e23;--red:#cd3d47;--red-bg:#fdedee;--blue:#2f76ba;--blue-bg:#e7f0fb;--purple:#7258c2;--purple-bg:#efebfb;--peach:#bd6a30;--peach-bg:#fdefe3;--yellow:#9c7710;--yellow-bg:#fbf3d7;--shadow-sm:0 1px 2px #1230210f;--shadow:0 12px 32px -16px #12302130;--shadow-lg:0 22px 60px -22px #0b201844;--r-sm:10px;--r:14px;--r-lg:20px;--r-xl:26px;--top-safe:0px;--bottom-safe:env(safe-area-inset-bottom,0px);--gutter:16px;color-scheme:light}:root[data-theme=dark]{--bg:#0e1613;--panel:#16211c;--panel-2:#131d19;--ink:#e8f0eb;--ink-2:#c9d6ce;--muted:#95a69d;--line:#24342c;--line-2:#304339;--green:#5dd39d;--green-2:#4cc28c;--on-green:#062218;--soft:#1b3026;--soft-2:#244030;--hero:#143529;--hero-2:#0c261c;--red:#ff8b92;--red-bg:#3a1f23;--blue:#86bbf0;--blue-bg:#1a2b3b;--purple:#b9a6f2;--purple-bg:#29243f;--peach:#f0a874;--peach-bg:#3a2a1e;--yellow:#e8c45a;--yellow-bg:#342d17;--shadow-sm:none;--shadow:0 12px 32px -16px #000a;--shadow-lg:0 22px 60px -22px #000c;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 var(--font);font-synthesis:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow-x:hidden}input,textarea,select{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}canvas,img,svg{-webkit-user-drag:none}canvas{pointer-events:none}@media print{body{display:none!important}}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0;text-align:inherit;touch-action:manipulation}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[data-zoom]:focus-visible{outline:3px solid var(--green);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,3.4vw + 14px,42px);line-height:1.12;letter-spacing:-.035em;font-weight:780}h2{font-size:20px;line-height:1.3;letter-spacing:-.02em;font-weight:720}h3{font-size:15px;line-height:1.4;letter-spacing:-.01em;font-weight:680}p{line-height:1.6}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}#main:focus{outline:none}.green-text{color:var(--green)}.red-text{color:var(--red)}.small{font-size:12.5px;color:var(--muted);line-height:1.6}.app-shell{display:grid;grid-template-columns:minmax(0,1fr);min-height:100vh;min-height:100dvh}.sidebar{display:none}.workspace{min-width:0;width:100%;max-width:1180px;margin:0 auto;padding:0 var(--gutter)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 calc(-1 * var(--gutter));padding:calc(10px + var(--top-safe)) var(--gutter) 10px;background:var(--bg);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px)}.brand{display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--soft) url(/img/app-icon.webp) center/cover;flex-shrink:0;box-shadow:0 4px 12px -6px #0a3a2466}.brand-mark.big{width:44px;height:44px;border-radius:13px}.brand-uz{color:var(--green)}.top-meta{display:none;font-size:12.5px;color:var(--muted);align-items:center;gap:8px}.status-dot{height:7px;width:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--soft)}.header-actions{display:flex;align-items:center;gap:8px}.language{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:0 8px 0 10px;height:38px}.language .icon{width:16px;height:16px;color:var(--muted)}.language select{border:0;background:none;font-size:13px;font-weight:650;max-width:92px;padding:4px 0;cursor:pointer;outline-offset:6px}.avatar{width:38px;height:38px;background:var(--soft-2);border-radius:50%;display:grid;place-items:center;color:var(--green-2);font-size:14px;font-weight:750;text-align:center;border:2px solid var(--panel)}.avatar.active{outline:2px solid var(--green)}:root[data-theme=dark] .avatar{color:var(--green)}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--panel);flex-shrink:0;color:var(--ink-2);transition:border-color .15s,background .15s,color .15s}.icon-button .icon{width:19px;height:19px}.icon-button:hover{border-color:var(--line-2)}.icon-button.is-saved{color:var(--green);background:var(--soft);border-color:var(--green)}.icon-button.is-saved .icon{fill:currentColor;fill-opacity:.18}.icon-button.bulb{color:var(--yellow);background:var(--yellow-bg);border-color:transparent}.icon-button.danger{color:var(--red)}.icon-button.danger:hover{background:var(--red-bg);border-color:var(--red)}.side-link,.bottom-nav button{transition:background .15s,color .15s}.bottom-nav{position:fixed;z-index:40;left:50%;transform:translate(-50%);bottom:calc(10px + var(--bottom-safe));width:calc(100% - 20px);max-width:540px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px;background:var(--panel);background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:6px 2px;border-radius:16px;font-size:10.5px;font-weight:650;color:var(--muted);text-align:center;line-height:1.15}.bottom-nav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav button.active{color:var(--green);background:var(--soft)}.bottom-nav .icon{width:22px;height:22px}body.in-quiz .bottom-nav{display:none}main{padding-bottom:calc(100px + var(--bottom-safe));min-height:60vh}.app-footer{display:none;padding:28px 0 34px;color:var(--muted);font-size:11px;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:28px}.app-footer span:last-child{color:var(--green);font-weight:600}.page{animation:enter .22s ease-out}.boot{padding-top:36px}.boot>span{width:110px;height:12px;background:var(--line);display:block;border-radius:10px;margin-bottom:24px}.boot>div{background:var(--line);border-radius:var(--r-xl);height:210px;margin-top:26px;animation:pulse 1.4s ease-in-out infinite}.boot>div:last-child{height:96px;margin-top:14px}.eyebrow{display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:10.5px;font-weight:750;margin-bottom:10px}.eyebrow .line{display:inline-block;width:20px;height:2px;border-radius:2px;background:var(--green)}.eyebrow .icon{width:15px;height:15px;color:var(--green)}.page-heading{margin:6px 0 22px;max-width:680px}.page-heading h1{white-space:pre-line}.page-heading>p{margin-top:12px;color:var(--muted);font-size:14.5px;max-width:460px}.greeting{display:flex;align-items:center;gap:6px;margin:6px 0 14px;color:var(--muted);font-size:14px}.greeting strong{color:var(--ink);font-weight:650}.page-head{display:flex;align-items:flex-start;gap:12px;margin:6px 0 20px}.page-head-text{flex:1;min-width:0}.page-head h1{font-size:clamp(25px,2.4vw + 15px,36px);line-height:1.15}.page-head p{margin-top:8px;color:var(--muted);font-size:14px;max-width:560px}.page-head .eyebrow{margin-bottom:8px}.page-head>.button,.page-head>.icon-button{flex-shrink:0;margin-top:2px}.back-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--panel);border:1px solid var(--line);flex-shrink:0;margin-top:1px}.back-btn .icon{width:19px;height:19px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 14px}.section-heading h2{font-size:18px}.notice{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;line-height:1.7;color:var(--muted);margin-top:22px;padding:14px 16px;border-radius:var(--r);background:var(--panel-2);border:1px dashed var(--line-2)}.notice .icon{width:17px;height:17px;margin-top:2px;color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 18px;border-radius:var(--r);font-size:14px;font-weight:680;border:1px solid transparent;line-height:1.3;transition:transform .12s,filter .15s,background .15s,border-color .15s;text-align:center}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{opacity:.45}.button .icon{width:18px;height:18px}.primary{background:var(--green);color:var(--on-green);box-shadow:0 8px 20px -12px var(--green)}.primary:hover:not(:disabled){filter:brightness(1.06)}.secondary{background:var(--panel);border-color:var(--line);color:var(--ink)}.secondary:hover:not(:disabled){border-color:var(--line-2);background:var(--panel-2)}.button.lime{background:var(--lime);color:#123a28}.button.soft{background:var(--soft);color:var(--green)}.button.block{width:100%}.button.danger-outline{background:var(--panel);border-color:var(--red);color:var(--red)}.button.danger-btn,.dialog-actions .danger-btn{background:var(--red);color:#fff;box-shadow:none}.small-btn{min-height:40px;padding:8px 14px;font-size:13px;border-radius:12px}.text-link{font-size:13px;color:var(--green);font-weight:680;display:inline-flex;align-items:center;gap:6px}.text-link .icon{height:15px;width:15px}.full-width{width:100%;margin-top:16px}.row-actions{display:flex;gap:10px;flex-wrap:wrap}.row-actions .button{flex:1}.tile-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--soft);color:var(--green);flex-shrink:0}.tile-icon .icon{width:21px;height:21px}.tile-icon.blue{background:var(--blue-bg);color:var(--blue)}.tile-icon.peach{background:var(--peach-bg);color:var(--peach)}.tile-icon.purple{background:var(--purple-bg);color:var(--purple)}.tile-icon.yellow{background:var(--yellow-bg);color:var(--yellow)}.tile-icon.red{background:var(--red-bg);color:var(--red)}.badge-new{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:.06em;color:#fff;background:linear-gradient(90deg,#ff4f8b,#ff9a3d);vertical-align:2px}.mini-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);font-size:11px;font-weight:650;color:var(--muted);white-space:nowrap}.mini-chip .icon{width:12px;height:12px}.mini-chip.green{background:var(--soft);border-color:transparent;color:var(--green)}.mini-chip.blue{background:var(--blue-bg);border-color:transparent;color:var(--blue)}.count-pill{flex-shrink:0;font-size:12px;font-weight:750;padding:4px 9px;border-radius:999px}.count-pill.red{background:var(--red-bg);color:var(--red)}.count-pill.green{background:var(--soft);color:var(--green)}.chips{display:flex;gap:8px;overflow-x:auto;margin:0 calc(-1 * var(--gutter)) 14px;padding:2px var(--gutter) 6px;scrollbar-width:none;scroll-snap-type:x proximity}.chips::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:650;min-height:38px;scroll-snap-align:start;color:var(--ink-2);transition:background .15s,color .15s,border-color .15s}.chip .icon{width:16px;height:16px}.chip.active{background:var(--ink);color:var(--panel);border-color:var(--ink)}.segmented{display:flex;gap:4px;padding:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r);margin-bottom:16px}.segmented button{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 8px;border-radius:11px;font-size:13px;font-weight:650;color:var(--muted);min-height:42px;text-align:center}.segmented button .icon{width:17px;height:17px}.segmented button.active{background:var(--panel);color:var(--green);box-shadow:var(--shadow-sm),0 0 0 1px var(--line)}:root[data-theme=dark] .segmented button.active{background:var(--soft)}.bar-track{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.bar-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#3fbf85);transition:width .4s}.bar-track.red>span{background:var(--red)}.dashboard{display:flex;flex-direction:column;gap:14px}.main-column,.aside-column{display:contents}.hero-card{order:1}.duo{order:2}.goal-card{order:3}.dashboard .section-heading{order:4;margin:14px 0 0}.module-grid{order:5}.aside-shortcuts{order:6}.tip-card{order:7}.hero-card{background:radial-gradient(120% 140% at 0% 0%,#1f5040 0%,var(--hero) 45%,var(--hero-2) 100%);color:#fff;border-radius:var(--r-xl);overflow:hidden;position:relative;padding:24px;min-height:236px;display:flex;align-items:center;isolation:isolate;box-shadow:var(--shadow)}.hero-copy{position:relative;z-index:2;width:62%;max-width:300px}.tag{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:10.5px;font-weight:650;border-radius:999px;padding:6px 10px;background:#ffffff14;color:#d5ead9;margin-bottom:14px}.tag .icon{width:12px;height:12px}.hero-card h2{font-size:clamp(25px,2.2vw + 16px,34px);line-height:1.1;letter-spacing:-.04em}.hero-card p{font-size:13px;color:#c3d8ca;margin-top:10px}.hero-card .button{margin-top:18px;min-height:46px}.hero-art{position:absolute;right:-6px;bottom:-8px;width:46%;height:100%;z-index:1}.hero-art svg{width:100%;height:100%}.duo{display:grid;grid-template-columns:1fr;gap:10px}.wide-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);transition:border-color .15s,transform .15s}.wide-card:hover{border-color:var(--green)}.wide-card h3{font-size:15px}.wide-card p{color:var(--muted);font-size:12.5px;margin-top:2px}.wide-card>div{flex:1;min-width:0}.wide-card>.icon{color:var(--muted);width:18px}.signs-link{margin-bottom:14px}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);padding:16px;min-height:150px;transition:transform .18s,border-color .18s,box-shadow .18s}.module-card:hover{transform:translateY(-2px);border-color:var(--green);box-shadow:var(--shadow)}.module-card h3{font-size:14.5px;margin-bottom:3px}.module-card p{font-size:12px;line-height:1.5;color:var(--muted)}.module-card .tiny-count{display:block;font-size:11px;color:var(--green);margin-top:8px;font-weight:700}.goal-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:4px 14px;align-items:center}.goal-heading{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;grid-column:1}.goal-heading .icon{width:18px;height:18px;color:var(--green)}.goal-ring{position:relative;display:grid;place-items:center;width:92px;height:92px;grid-column:2;grid-row:1/4}.goal-ring svg,.result-ring svg,.summary-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.goal-ring circle,.result-ring circle{fill:none;stroke:var(--line);stroke-width:9}.goal-ring .arc,.result-ring .arc{stroke:var(--green);stroke-linecap:round;stroke-dasharray:377;stroke-dashoffset:calc(377 - 377 * var(--value,0));transition:stroke-dashoffset .6s}.ring-value{position:absolute;text-align:center;line-height:1}.ring-value strong{font-size:24px;letter-spacing:-.04em}.ring-value small{font-size:12px;color:var(--muted);font-weight:600}.ring-value span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.goal-card>p{grid-column:1;font-size:12.5px;color:var(--muted)}.small-stat-row{grid-column:1;display:flex;gap:16px;margin-top:4px}.small-stat-row>div{display:flex;gap:5px;align-items:baseline}.small-stat-row strong{font-size:15px}.small-stat-row span{font-size:11.5px;color:var(--muted)}.aside-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shortcut{display:grid;grid-template-columns:22px 1fr;gap:2px 10px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:var(--r-lg);padding:14px}.shortcut .icon{grid-row:1/3;width:20px;height:20px;color:var(--green)}.shortcut strong{font-size:13px;font-weight:680}.shortcut span{color:var(--muted);font-size:11.5px}.shortcut:hover{border-color:var(--green)}.tip-card{padding:16px;border:1px dashed var(--line-2);border-radius:var(--r-lg);color:var(--muted)}.tip-card .icon{color:var(--yellow);width:18px}.tip-card h3{display:inline;margin-left:6px;font-size:13px;color:var(--ink)}.tip-card p{margin-top:8px;font-size:12.5px;line-height:1.7}.resume-card{margin-bottom:12px;padding:14px;border:1px solid var(--green);background:var(--soft);border-radius:var(--r-lg);display:flex;gap:12px;align-items:center}.resume-card.blue{border-color:var(--purple);background:var(--purple-bg)}.resume-card>div{flex:1;min-width:0}.resume-card h3{font-size:14px}.resume-card p{font-size:12px;color:var(--muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resume-card .tile-icon{width:40px;height:40px;background:var(--panel)}.resume-card .button{flex-shrink:0}.download-card{margin-top:18px;padding:16px;display:flex;align-items:center;gap:14px;border-radius:var(--r-lg);background:var(--soft);width:100%}.download-card>div{flex:1;min-width:0}.download-card h3{font-size:14px}.download-card p{font-size:12.5px;color:var(--muted)}.download-card>.icon{color:var(--green)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature-card{position:relative;display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 16px 18px;min-height:172px;transition:transform .18s,border-color .18s,box-shadow .18s}.feature-card:hover{transform:translateY(-2px);border-color:var(--green);box-shadow:var(--shadow)}.feature-card h2{margin-top:14px;font-size:16px;line-height:1.25}.feature-card p{font-size:12.5px;color:var(--muted);margin:6px 0 12px;line-height:1.5}.feature-card .metric{font-size:11.5px;font-weight:700;color:var(--green)}.feature-card>.icon{position:absolute;right:14px;bottom:16px;width:17px;height:17px;color:var(--muted)}.feature-card.feature-green{background:var(--soft);border-color:transparent}.feature-card.feature-green .tile-icon{background:var(--panel)}.feature-card.full-feature{grid-column:1/-1;min-height:0}.summary-card,.results-card,.panel-card,.week-chart,.settings-card,.marathon-card,.marathon-resume,.exam-hero,.lesson-test-card,.cheat-card,.center-card,.fine-card,.bhm-card,.plate-card,.av-hero,.penalty-group{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg)}.summary-card{display:flex;align-items:center;gap:16px;padding:16px;margin-bottom:12px}.summary-ring{--size:72px;width:var(--size);height:var(--size);border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--value) * 360deg),var(--line) 0);position:relative}.summary-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--panel)}.summary-ring strong{position:relative;font-size:16px}.summary-text{flex:1;min-width:0}.summary-text h3{font-size:15px}.summary-stats{display:flex;flex-wrap:wrap;gap:6px 14px;margin:6px 0 10px;font-size:12.5px;color:var(--muted)}.summary-stats span{display:inline-flex;align-items:center;gap:5px}.summary-stats .icon{width:15px;height:15px;color:var(--green)}.results-card{padding:18px;margin-bottom:14px}.results-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.results-top .eyebrow{margin-bottom:4px}.results-percent{font-size:34px;letter-spacing:-.04em;color:var(--green);line-height:1}.results-rows{display:grid;gap:8px;margin-top:14px}.results-rows>div{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.results-rows strong{margin-left:auto;color:var(--ink);font-size:14px}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot.green{background:var(--green)}.dot.red{background:var(--red)}.search-box{position:relative;display:block;margin:0 0 14px}.search-box .icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted);width:19px;height:19px;pointer-events:none}.search-box input{width:100%;height:50px;border:1px solid var(--line);background:var(--panel);border-radius:var(--r);padding:12px 16px 12px 46px;font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}.search-box input:focus{border-color:var(--green);box-shadow:0 0 0 4px var(--soft)}.search-box input::placeholder{color:var(--muted)}.list{display:flex;flex-direction:column;gap:8px}.list-count{font-size:12px;color:var(--muted);margin:0 0 8px;font-weight:600}.list-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--panel);border-radius:var(--r);padding:12px;width:100%;text-align:left;transition:border-color .15s}button.list-item:hover{border-color:var(--green)}.list-item>.icon{color:var(--muted);width:17px;height:17px}.list-number{min-width:40px;height:40px;padding:0 6px;display:grid;place-items:center;flex-shrink:0;font-size:14px;font-weight:700;color:var(--green);background:var(--soft);border-radius:12px;font-variant-numeric:tabular-nums}.list-number.done{background:var(--green);color:var(--on-green)}.list-content{min-width:0;flex:1}.list-content h3{font-size:14px;font-weight:620}.list-content p{font-size:12px;color:var(--muted);margin-top:2px}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.status-chips{display:none;gap:6px}.saved-mark{color:var(--green)}.saved-mark .icon{width:18px;fill:currentColor;fill-opacity:.15}.row-with-tool{display:flex;gap:8px;align-items:stretch}.row-with-tool .list-item{flex:1;min-width:0}.row-with-tool .icon-button{height:auto;width:48px;border-radius:var(--r)}.score-pair{display:flex;gap:6px;font-size:13px}.score-pair b{min-width:30px;text-align:center;padding:4px 6px;border-radius:9px;background:var(--panel-2);border:1px solid var(--line)}.list.compact .list-item{padding:10px 12px}.filter-bar{display:flex;flex-direction:column;gap:0}.filter-bar .chips{margin-bottom:8px}.order-chip{flex-shrink:0;margin:0 0 14px;align-self:flex-start}.empty{max-width:440px;margin:28px auto;text-align:center;padding:20px 12px}.empty>.tile-icon{margin:0 auto 18px;width:64px;height:64px;border-radius:20px}.empty>.tile-icon .icon{height:28px;width:28px}.empty h2{font-size:19px;margin-bottom:8px}.empty p{color:var(--muted);font-size:13.5px}.empty>.button{margin-top:18px}.loading{padding:70px 20px;text-align:center;color:var(--muted);font-size:13px}.spinner{width:30px;height:30px;margin:0 auto 16px;border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.ticket-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ticket-card{position:relative;padding:10px 4px;text-align:center;border:1px solid var(--line);background:var(--panel);border-radius:var(--r);transition:transform .15s,border-color .15s}.ticket-card:hover{transform:translateY(-1px);border-color:var(--green)}.ticket-card span{font-size:11px;color:var(--muted)}.ticket-card strong{display:block;font-size:21px;font-weight:720;letter-spacing:-.03em;margin-top:2px;font-variant-numeric:tabular-nums}.ticket-card small{display:inline-block;font-size:11px;font-weight:700;margin-top:4px;padding:2px 8px;border-radius:999px;background:var(--panel-2);color:var(--muted)}.ticket-card.pass{border-color:color-mix(in srgb,var(--green) 45%,var(--line));background:var(--soft)}.ticket-card.pass small{background:var(--green);color:var(--on-green)}.ticket-card.fail small{background:var(--red-bg);color:var(--red)}.ticket-card.fail{border-color:color-mix(in srgb,var(--red) 40%,var(--line))}.ticket-card .badge-new{position:absolute;top:-6px;right:-4px;font-size:8.5px}.exam-hero{padding:18px;background:linear-gradient(160deg,var(--soft),var(--panel) 60%)}.exam-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.exam-rules>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:12px 4px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}.exam-rules .icon{width:19px;height:19px;color:var(--green)}.exam-rules strong{font-size:20px;line-height:1.1}.exam-rules span{font-size:10.5px;color:var(--muted);line-height:1.25}.exam-hero>p{font-size:13.5px;color:var(--ink-2);margin-bottom:10px}.warning-note{display:flex;gap:8px;font-size:12.5px!important;color:var(--peach)!important;background:var(--peach-bg);padding:10px 12px;border-radius:12px;margin-bottom:14px!important}.warning-note .icon{width:17px;height:17px;margin-top:2px}.marathon-card,.marathon-resume{padding:18px;margin-bottom:14px}.marathon-hero{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.marathon-hero>.icon{width:46px;height:46px;padding:11px;border-radius:14px;background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;flex-shrink:0}.marathon-hero h2{font-size:17px}.marathon-hero p{font-size:13px;color:var(--muted);margin-top:4px}.field-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 8px}.range-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.range-row label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);font-weight:600}.range-row select{height:46px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);padding:0 12px;font-size:14px;font-weight:600}.marathon-card .small{margin-bottom:14px}.marathon-resume{border-color:var(--purple);background:var(--purple-bg)}.resume-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}.resume-head .tile-icon{background:var(--panel)}.resume-head p{font-size:12.5px;color:var(--muted)}.resume-stats{display:flex;gap:16px;align-items:center;margin:10px 0 14px;font-size:13px}.resume-stats span{display:inline-flex;align-items:center;gap:4px}.resume-stats .icon{width:15px;height:15px}.quiz-page{max-width:1080px;margin:0 auto;animation:none}.quiz-body.q-enter{animation:enter .2s ease-out}.quiz-top{display:flex;align-items:center;gap:10px;margin:4px 0 12px}.quiz-title{flex:1;min-width:0}.quiz-title h2{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-title p{font-size:12px;color:var(--muted)}.lives{display:flex;gap:2px;color:var(--red)}.lives .icon{width:18px;height:18px;fill:currentColor;fill-opacity:.85}.lives span.lost{color:var(--line-2)}.lives span.lost .icon{fill-opacity:0}.timer{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.timer.urgent{color:var(--red);background:var(--red-bg);border-color:var(--red);animation:pulse 1s ease-in-out infinite}.timer .icon{width:16px;height:16px}.question-strip{display:flex;gap:6px;overflow-x:auto;margin:0 calc(-1 * var(--gutter)) 10px;padding:4px var(--gutter);scrollbar-width:none;scroll-behavior:smooth}.question-strip::-webkit-scrollbar{display:none}.q-dot{display:grid;place-items:center;flex:0 0 auto;border-radius:10px;height:34px;min-width:34px;padding:0 4px;font-size:12px;font-weight:650;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-variant-numeric:tabular-nums}.q-dot.right{background:var(--soft);color:var(--green);border-color:transparent}.q-dot.wrong{background:var(--red-bg);color:var(--red);border-color:transparent}.q-dot.selected{outline:2px solid var(--blue);outline-offset:1px;color:var(--blue);font-weight:800}.progress-line{height:4px;background:var(--line);border-radius:20px;overflow:hidden;margin-bottom:14px}.progress-line>span{height:100%;display:block;background:var(--green);transition:width .25s}.quiz-body{display:flex;flex-direction:column;gap:12px}.question-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px}.question-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.q-meta{font-size:12px;color:var(--muted);font-weight:650;font-variant-numeric:tabular-nums}.q-tools{display:flex;gap:6px}.q-tools .icon-button{width:36px;height:36px;border-radius:10px}.question-card h1{font-size:clamp(17px,.6vw + 15px,21px);line-height:1.5;letter-spacing:-.01em;font-weight:680}.question-picture{margin-top:14px}.pic{position:relative;display:grid;place-items:center;border-radius:var(--r);overflow:hidden;background:var(--panel-2)}.pic:not(.ready){min-height:150px;background:linear-gradient(90deg,var(--panel-2),var(--line),var(--panel-2));background-size:200% 100%;animation:shimmer 1.2s linear infinite}.pic:not(.ready) canvas{visibility:hidden;width:0!important;height:0!important}.pic.failed{animation:none;background:var(--panel-2)}.pic canvas{display:block;max-width:100%;height:auto}.q-pic{background:#f1f2ee;cursor:zoom-in}.q-pic canvas{width:100%;max-height:min(46vh,380px);object-fit:contain}.zoom-hint{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#0009;color:#fff;opacity:0;transition:opacity .2s}.zoom-hint .icon{width:17px;height:17px}.pic.ready .zoom-hint{opacity:1}.image-failure{padding:22px;text-align:center;color:var(--muted);font-size:13px;border:1px dashed var(--line-2);border-radius:var(--r)}.image-failure .icon{color:var(--red);margin-bottom:6px}.image-failure .button{margin-top:12px}.answers{display:flex;flex-direction:column;gap:8px}.answer{display:flex;align-items:center;gap:12px;width:100%;border:1.5px solid var(--line);border-radius:var(--r);text-align:left;padding:12px 14px;min-height:56px;background:var(--panel);font-size:14.5px;line-height:1.5;transition:border-color .15s,background .15s,transform .1s}.answer:not(:disabled):hover{border-color:var(--blue)}.answer:not(:disabled):active{transform:scale(.99)}.answer:disabled{cursor:default}.answer-letter{display:grid;place-items:center;flex-shrink:0;height:30px;min-width:32px;padding:0 5px;border-radius:9px;font-size:12.5px;font-weight:750;letter-spacing:-.02em;color:#fff;background:var(--blue);font-variant-numeric:tabular-nums}.answer-letter .icon{width:16px;height:16px;stroke-width:2.6}.answer-text{flex:1;min-width:0}.answer.correct{border-color:var(--green);background:var(--soft)}.answer.correct .answer-letter{background:var(--green);color:var(--on-green)}.answer.wrong{border-color:var(--red);background:var(--red-bg)}.answer.wrong .answer-letter{background:var(--red)}.answer.muted{opacity:.55}.answer.muted .answer-letter{background:var(--line-2);color:var(--ink-2)}.answer-feedback{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin-top:10px;font-size:13.5px;color:var(--green);border-radius:var(--r);background:var(--soft);line-height:1.55;animation:enter .2s ease-out}.answer-feedback .icon{width:19px;height:19px;margin-top:1px}.answer-feedback.wrong{background:var(--red-bg);color:var(--red)}.answer-feedback strong{color:var(--ink)}.quiz-actions{position:fixed;z-index:35;left:0;right:0;bottom:0;display:flex;gap:8px;padding:10px var(--gutter) calc(10px + var(--bottom-safe));background:var(--bg);background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.quiz-actions .button{flex:1;min-height:50px;padding:10px 12px}.quiz-actions [data-prev]{flex:0 0 auto;width:54px}.quiz-actions [data-prev] span{display:none}.quiz-bottom{margin:14px 0;color:var(--muted);font-size:12px;line-height:1.7}.kbd-hint{display:none}body.in-quiz main{padding-bottom:calc(84px + var(--bottom-safe))}body.in-quiz .topbar{display:none}body.in-quiz main{padding-top:var(--top-safe)}body.in-quiz:before{content:"";position:fixed;z-index:30;top:0;left:0;right:0;height:var(--top-safe);background:var(--bg);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tg-back .back-btn,.tg-back .quiz-top [data-exit]{display:none}.explain{margin-top:12px;border-radius:var(--r);background:var(--yellow-bg);border:1px solid color-mix(in srgb,var(--yellow) 30%,transparent);padding:14px 16px;animation:enter .2s ease-out}.explain-head{display:flex;align-items:center;gap:8px;color:var(--yellow);margin-bottom:8px}.explain-head strong{color:var(--ink);font-size:14px}.explain-head .icon{width:19px}.explain-body,.lesson-body{font-size:14px;line-height:1.75;overflow-wrap:anywhere;color:var(--ink-2)}.explain-body p,.explain-body ul,.explain-body ol,.explain-body blockquote,.explain-body h3{margin:0 0 10px}.explain-body>:last-child{margin-bottom:0}.explain-body h3{font-size:14.5px;color:var(--ink)}.explain-body ul,.explain-body ol,.lesson-body ul,.lesson-body ol{padding-left:20px}.explain-body blockquote,.lesson-body blockquote{border-left:3px solid var(--green);padding:6px 0 6px 12px;color:var(--ink-2);background:color-mix(in srgb,var(--panel) 50%,transparent);border-radius:0 10px 10px 0}.explain-body strong,.lesson-body strong{color:var(--ink);font-weight:700}.result-page{max-width:860px;margin:0 auto}.result-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:22px 16px;border-radius:var(--r-xl);background:linear-gradient(170deg,var(--soft),var(--panel) 70%);border:1px solid var(--line);margin:6px 0 12px}.result-hero.bad{background:linear-gradient(170deg,var(--red-bg),var(--panel) 70%)}.result-hero.bad .arc{stroke:var(--red)}.result-ring{position:relative;display:grid;place-items:center;width:140px;height:140px}.result-ring .ring-value strong{font-size:34px}.result-ring .ring-value span{font-size:13px;font-weight:700;color:var(--ink-2)}.result-copy .eyebrow{justify-content:center}.result-copy h1{font-size:clamp(24px,2vw + 16px,32px)}.result-copy p{color:var(--muted);font-size:14px;max-width:440px;margin:8px auto 0}.result-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 4px;margin-bottom:12px}.result-stats>div{text-align:center;min-width:0;padding:0 4px}.result-stats>div+div{border-left:1px solid var(--line)}.result-stats strong{display:block;font-size:19px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-stats span{display:block;font-size:11px;color:var(--muted);margin-top:2px;line-height:1.3}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:16px 0 8px}.result-actions .button{flex:1 1 150px;max-width:260px}.top-tickets{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;margin-bottom:12px}.top-tickets h3{display:flex;align-items:center;gap:8px;margin-bottom:10px}.top-tickets h3 .icon{color:var(--peach)}.top-ticket{display:flex;align-items:center;gap:10px;width:100%;padding:8px 0;font-size:13px;font-weight:650}.top-ticket+.top-ticket{border-top:1px solid var(--line)}.ticket-badge{display:grid;place-items:center;min-width:38px;height:32px;border-radius:10px;background:var(--purple-bg);color:var(--purple);font-weight:800}.top-bar{flex:1}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:6px;margin-bottom:14px}.review-grid span{display:grid;place-items:center;height:34px;border-radius:9px;font-size:12px;font-weight:700;border:1.5px solid var(--line)}.review-grid .ok{border-color:var(--green);color:var(--green);background:var(--soft)}.review-grid .bad{border-color:var(--red);color:var(--red);background:var(--red-bg)}.review-grid .skip{border-color:var(--peach);color:var(--peach)}.review-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--r);margin-bottom:8px;overflow:hidden}.review-card summary{cursor:pointer;list-style:none;display:flex;gap:10px;align-items:flex-start;padding:13px 14px;font-size:14px;line-height:1.5;font-weight:600}.review-card summary::-webkit-details-marker{display:none}.review-card summary>.icon{width:18px;color:var(--muted);transition:transform .2s;margin-top:2px}.review-card[open] summary>.icon{transform:rotate(180deg)}.review-index{display:grid;place-items:center;min-width:28px;height:28px;border-radius:8px;font-size:12px;font-weight:750;background:var(--panel-2);border:1px solid var(--line)}.review-card.ok .review-index{background:var(--soft);color:var(--green);border-color:transparent}.review-card.bad .review-index{background:var(--red-bg);color:var(--red);border-color:transparent}.review-card.skip .review-index{color:var(--peach)}.review-q{flex:1;min-width:0}.review-status{display:block;font-size:11.5px;font-weight:700;margin-top:3px;color:var(--green)}.review-card.bad .review-status{color:var(--red)}.review-card.skip .review-status{color:var(--peach)}.review-body{padding:0 14px 14px}.review-pic{margin-bottom:10px}.review-pic canvas{width:100%;max-height:300px;object-fit:contain}.review-answers{display:flex;flex-direction:column;gap:6px}.review-answer{display:flex;gap:10px;align-items:center;font-size:13.5px;line-height:1.5;padding:9px 11px;border-radius:12px;border:1px solid var(--line)}.review-answer .answer-letter{height:26px;min-width:28px;padding:0 4px;background:var(--line-2);color:var(--ink-2);font-size:11.5px}.review-answer.right{border-color:var(--green);background:var(--soft)}.review-answer.right .answer-letter{background:var(--green);color:var(--on-green)}.review-answer.bad{border-color:var(--red);background:var(--red-bg)}.review-answer.bad .answer-letter{background:var(--red);color:#fff}.review-tools{display:flex;gap:8px;margin-top:10px;align-items:center}.review-tools .button{min-height:40px;padding:8px 14px;font-size:13px}.progress-top{display:grid;gap:12px}.progress-top .results-card{margin:0}.week-chart{padding:16px}.chart-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.chart-head h3{font-size:15px}.legend{display:flex;gap:12px;font-size:11.5px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{width:9px;height:9px;border-radius:3px}.legend i.green{background:var(--green)}.legend i.red{background:var(--red)}.chart-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:150px}.chart-day{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px;min-width:0}.chart-day .bar{position:relative;width:min(100%,34px);height:max(4px,calc(var(--h) * .78));border-radius:8px 8px 4px 4px;background:var(--green);opacity:.85;overflow:hidden}.chart-day .bar-wrong{position:absolute;left:0;right:0;top:0;height:var(--h);background:var(--red)}.chart-day:not(.today) .bar{opacity:.55}.chart-day span{font-size:11px;color:var(--muted)}.chart-day strong{font-size:11px;font-weight:700;min-height:16px}.chart-day.today span{color:var(--green);font-weight:750}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.stats-card{padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg)}.stats-card .tile-icon{width:36px;height:36px;border-radius:11px;margin-bottom:10px}.stats-card .tile-icon .icon{width:18px;height:18px}.stats-card strong{display:block;font-size:22px;font-weight:750;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stats-card>span:not(.tile-icon){display:block;font-size:12px;color:var(--muted)}.panel-card{padding:16px;margin-top:12px}.panel-card .chips{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head h2{font-size:17px}.panel-card .empty{margin:10px auto}.lesson-page{max-width:900px;margin:0 auto}.lesson-cover{background:radial-gradient(120% 140% at 100% 0%,var(--soft-2),var(--soft) 60%);border-radius:var(--r-xl);padding:20px;margin-bottom:14px}.lesson-cover h1{font-size:clamp(22px,1.8vw + 15px,30px);line-height:1.25;letter-spacing:-.025em;margin:8px 0 16px}.lesson-actions{display:flex;flex-wrap:wrap;gap:8px}.lesson-actions .button{flex:1 1 180px}.audio-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);margin-bottom:14px}.audio-play{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--green);color:var(--on-green);flex-shrink:0;box-shadow:0 8px 18px -10px var(--green)}.audio-play .icon{width:20px;height:20px;fill:currentColor}.audio-play.busy{animation:pulse 1s ease-in-out infinite}.audio-main{flex:1;min-width:0}.audio-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;margin-bottom:6px}.audio-top strong{display:inline-flex;align-items:center;gap:6px;font-weight:700;min-width:0}.audio-top strong span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-top strong .icon{width:16px;height:16px;color:var(--green)}.audio-top span{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}#audio-seek{width:100%;accent-color:var(--green);height:20px;margin:0}.audio-speed{display:grid;place-items:center;flex-shrink:0;min-width:52px;height:38px;border-radius:11px;border:1px solid var(--line);font-weight:750;font-size:13px;background:var(--panel-2)}.lesson-body{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 18px;font-size:15px;line-height:1.85}.lesson-body p{margin:0 0 16px}.lesson-body h3{font-size:18px;margin:22px 0 12px;color:var(--ink)}.lesson-body blockquote{margin:16px 0}.lesson-test-card{display:flex;align-items:center;gap:14px;padding:16px;margin:14px 0;flex-wrap:wrap;background:linear-gradient(150deg,var(--blue-bg),var(--panel) 70%)}.lesson-test-card>div{flex:1;min-width:200px}.lesson-test-card p{font-size:12.5px;color:var(--muted);margin:2px 0 6px}.lesson-test-card .button{flex:1 1 100%}.lesson-nav{display:flex;justify-content:space-between;gap:10px}.lesson-nav .button,.lesson-nav span{flex:1}.video-box{background:#0b1a13;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/9;margin-bottom:10px}.video-box iframe{border:0;width:100%;height:100%;display:block}.video-note{font-size:12px;color:var(--muted);margin:0 0 14px}.sign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sign-card{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);padding:16px 10px 14px;border-radius:var(--r-lg);text-align:center;transition:border-color .15s,transform .15s}.sign-card:hover{border-color:var(--green);transform:translateY(-1px)}.sign-pic{width:96px;height:84px;background:transparent}.sign-pic:not(.ready){min-height:84px;border-radius:12px}.sign-pic canvas{width:96px;height:84px;object-fit:contain}.sign-code{font-size:11.5px;font-weight:750;color:var(--green);background:var(--soft);padding:2px 8px;border-radius:999px}.sign-card h3{font-size:12.5px;line-height:1.45;font-weight:600}.sign-sheet{text-align:center}.sign-big{width:min(260px,70vw);height:220px;margin:4px auto 14px;background:transparent}.sign-big canvas{width:100%;height:220px;object-fit:contain}.sign-sheet h2{font-size:18px;margin:10px 0 16px}.banner-3d{position:relative;display:flex;align-items:stretch;width:100%;min-height:190px;border-radius:var(--r-xl);overflow:hidden;background:var(--hero);color:#fff;margin-bottom:12px;isolation:isolate}.banner-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 44px 20px 20px;width:68%;background:linear-gradient(90deg,var(--hero) 0,var(--hero) 72%,transparent 100%)}.banner-copy h2{font-size:22px}.banner-copy p{font-size:12.5px;color:#cfe2d6}.banner-copy .button{margin-top:8px;pointer-events:none}.banner-pic{position:absolute;inset:0 0 0 30%;z-index:0;border-radius:0;background:var(--hero)}.banner-pic canvas{width:100%;height:100%;object-fit:cover;object-position:right center}.banner-pic:not(.ready){animation:none}.feature-grid.three .feature-card{min-height:160px}.cheat-list{display:grid;gap:12px}.cheat-card{padding:16px;scroll-margin-top:90px}.cheat-card h2{display:flex;align-items:center;gap:8px;font-size:17px}.cheat-card h2 .icon{color:var(--red)}.cheat-sub{font-size:13px;color:var(--muted);margin-top:4px}.cheat-group{margin-top:14px}.cheat-group h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.cheat-rows{display:grid;gap:6px}.cheat-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line)}.cheat-row b{display:flex;align-items:baseline;gap:4px;min-width:84px;font-size:18px;font-weight:780;color:var(--green);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.cheat-row b small{font-size:11px;font-weight:650;color:var(--muted);letter-spacing:0}.cheat-row span{font-size:13px;line-height:1.45;color:var(--ink-2)}.speed-card{margin-bottom:12px}.speed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 10px}.speed-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);font-size:12.5px;line-height:1.35}.speed-sign{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;flex-shrink:0;background:#fff;border:5px solid #d93a3a;color:#111;font-weight:850;font-size:15px}.av-hero{padding:18px;background:radial-gradient(120% 140% at 0% 0%,#1f5040,var(--hero) 50%,var(--hero-2));color:#fff;border:0}.av-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.av-stats>div{padding:12px 6px;border-radius:var(--r);background:#ffffff12;text-align:center}.av-stats strong{display:block;font-size:24px}.av-stats span{font-size:11px;color:#cfe2d6}.av-hero>p{font-size:13px;color:#d9eadf;margin-bottom:12px}.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.level-card{padding:12px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}.level-card h3{font-size:13px;margin:6px 0 2px}.level-card p{font-size:11.5px;color:var(--muted);line-height:1.4}.level-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:currentColor}.yellow{color:var(--yellow)}.peach{color:var(--peach)}.red{color:var(--red)}.level-card.yellow{background:var(--yellow-bg);border-color:transparent}.level-card.peach{background:var(--peach-bg);border-color:transparent}.level-card.red{background:var(--red-bg);border-color:transparent}.level-card h3,.level-card p{color:var(--ink)}.exercise-list{display:grid;gap:8px}.exercise{border:1px solid var(--line);background:var(--panel);border-radius:var(--r)}.exercise summary{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;list-style:none;font-weight:650;font-size:14px}.exercise summary::-webkit-details-marker{display:none}.exercise summary>span:nth-child(2){flex:1}.exercise summary>.icon{width:18px;color:var(--muted);transition:transform .2s}.exercise[open] summary>.icon{transform:rotate(180deg)}.ex-n{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--soft);color:var(--green);font-weight:800;font-size:13px;flex-shrink:0}.exercise p{padding:0 14px 14px 56px;font-size:13.5px;color:var(--ink-2)}.penalty-group{padding:14px;margin-bottom:10px}.penalty-group h3{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:6px}.penalty-row{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.penalty-row:first-of-type{border-top:0}.penalty-row p{font-size:13.5px;line-height:1.5}.penalty-row small{font-size:11.5px;color:var(--muted)}.pts{display:grid;place-items:center;min-width:44px;height:30px;border-radius:9px;font-weight:800;font-size:13px;flex-shrink:0}.pts.yellow{background:var(--yellow-bg)}.pts.peach{background:var(--peach-bg)}.pts.red{background:var(--red-bg)}.center-grid{display:grid;gap:10px}.center-card{padding:16px}.center-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}.center-head .eyebrow{margin-bottom:2px}.center-head h3{font-size:15px}.center-line{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--ink-2);margin-top:6px}.center-line .icon{width:16px;height:16px;color:var(--muted);margin-top:3px}.center-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.center-actions .button{flex:1 1 120px;min-height:42px;font-size:13px;padding:8px 12px}.center-actions .icon-button{height:42px;width:46px}.bhm-card{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:14px}.bhm-card strong{display:block;font-size:16px}.bhm-card span{font-size:12px;color:var(--muted)}.fine-list{display:grid;gap:8px}.fine-card{padding:14px}.art-chip{display:inline-block;font-size:11.5px;font-weight:750;padding:3px 9px;border-radius:999px;background:var(--peach-bg);color:var(--peach);margin-bottom:8px}.fine-card p{font-size:13.5px;line-height:1.55}.fine-amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line-2)}.fine-amount strong{font-size:14px}.fine-amount span{font-size:13px;color:var(--green);font-weight:700}.fine-amount em{flex-basis:100%;font-size:12px;color:var(--muted);font-style:normal}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.video-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--panel);border:1px solid var(--line);text-align:left;transition:transform .15s,border-color .15s}.video-card:hover{border-color:var(--green);transform:translateY(-2px)}.video-pic{aspect-ratio:16/9;border-radius:0;background:#0b1a13}.video-pic canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02)}.play-badge{position:absolute;top:calc((100% - 70px)/2 - 10px);left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#000a;color:#fff}.play-badge .icon{fill:currentColor;width:20px}.video-meta{padding:12px 14px}.video-meta h3{font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta span{font-size:11.5px;color:var(--muted)}.plate-card{padding:18px;text-align:center;max-width:560px;margin:0 auto}.plate-count{font-size:12px;color:var(--muted);font-weight:700}.plate-card h2{font-size:17px;margin:6px 0 14px}.plate-pic{width:min(300px,78vw);aspect-ratio:1;margin:0 auto;border-radius:50%;background:#fff}.plate-pic canvas{width:100%;height:100%;object-fit:contain}.plate-answer{min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:12px 0}.plate-answer span{font-size:12px;color:var(--muted)}.plate-answer strong{font-size:32px;color:var(--green);line-height:1.1}.plate-actions{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:8px}.plate-actions .button{padding:10px 8px;font-size:13px;min-width:0}.auto-cover{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 0% 0%,#1f5040,var(--hero) 50%,var(--hero-2));border-radius:var(--r-xl);padding:24px;color:#fff;isolation:isolate}.auto-cover h1{font-size:clamp(26px,2.4vw + 16px,38px);max-width:460px;margin:12px 0}.auto-cover p{font-size:14px;max-width:420px;color:#d2e3d6}.auto-points{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px}.auto-points span{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:6px 10px;border-radius:999px;background:#ffffff14}.auto-points .icon{width:15px;height:15px;color:var(--lime)}.auto-banner{margin-top:12px;border-radius:var(--r-xl)}.auto-banner canvas{width:100%}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.settings-card{padding:16px}.settings-card h2{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}.settings-card h2:not(:first-child){margin-top:6px}.toggle-row{display:flex;align-items:center;gap:12px;padding:10px 0}.toggle-row+.toggle-row{border-top:1px solid var(--line)}.toggle-row>div{flex:1;min-width:0}.toggle-row strong{display:block;font-size:14px;font-weight:650}.toggle-row span{font-size:12px;color:var(--muted)}.toggle-row .tile-icon{width:38px;height:38px;border-radius:12px}.switch{position:relative;width:50px;height:30px;border-radius:999px;background:var(--line-2);flex-shrink:0;transition:background .2s}.switch span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:transform .2s}.switch.on{background:var(--green)}.switch.on span{transform:translate(20px)}.settings-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0}.settings-row+.settings-row{border-top:1px solid var(--line)}.settings-row>.row-text{flex:1;min-width:0}.settings-row strong{display:block;font-size:14px;font-weight:650}.settings-row small{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-row .tile-icon{width:38px;height:38px;border-radius:12px}.settings-row>.icon{width:17px;color:var(--muted)}.danger-zone .button{margin-bottom:8px}.pro-tag{display:inline-flex;align-items:center;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:.06em;color:#fff;background:linear-gradient(90deg,#f7971e,#f4612b);vertical-align:2px;line-height:1.5}.pro-pill{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.05em;color:#fff;background:linear-gradient(90deg,#f7971e,#f4612b);box-shadow:0 6px 16px -8px #f4612b}.pro-pill .icon{width:14px;height:14px;fill:currentColor}.pro-pill.active{background:var(--yellow-bg);color:var(--yellow);box-shadow:none}.greeting{justify-content:space-between}.feature-card.pro-card .metric{color:var(--peach)}.icon-button.bulb.locked{position:relative;color:var(--muted);background:var(--panel-2);border-color:var(--line)}.icon-button.bulb.locked:after{content:"PRO";position:absolute;top:-6px;right:-8px;padding:0 4px;border-radius:999px;font-size:8.5px;font-weight:800;line-height:14px;color:#fff;background:linear-gradient(90deg,#f7971e,#f4612b)}.list-number.locked{background:var(--panel-2);color:var(--muted);border:1px dashed var(--line-2)}.list-number.locked .icon{width:17px;height:17px}.list-item.locked .list-content h3{color:var(--muted)}.locked-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px;margin-top:12px;border-radius:var(--r-lg);background:linear-gradient(150deg,var(--yellow-bg),var(--panel) 75%);border:1px solid color-mix(in srgb,var(--yellow) 30%,var(--line))}.locked-card>div{flex:1;min-width:200px}.locked-card h3{font-size:15px}.locked-card p{font-size:13px;color:var(--muted);margin-top:3px}.locked-card .row-actions{flex-basis:100%}.locked-card.big{flex-direction:column;align-items:stretch}.locked-card.big .row-actions{flex-direction:column}.locked-card.big .row-actions .button{width:100%}.locked-wrap{position:relative;border-radius:var(--r-lg);overflow:hidden}.locked-blur{filter:blur(5px);opacity:.55;pointer-events:none}.locked-over{position:absolute;inset:0;display:grid;place-items:center;padding:12px}.locked-over .locked-card{margin:0;width:100%;box-shadow:var(--shadow);background:var(--panel)}.side-pro{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:12px;border-radius:var(--r-lg);color:#fff;background:linear-gradient(120deg,#f7971e,#f4612b);text-align:left}.side-pro .icon{width:22px;height:22px;fill:currentColor;flex-shrink:0}.side-pro strong{display:block;font-size:13px}.side-pro small{display:block;font-size:11px;opacity:.9;line-height:1.35;margin-top:2px}.premium-card{background:linear-gradient(150deg,var(--yellow-bg),var(--panel) 70%)}.pro-state{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pro-state>div{flex:1;min-width:160px}.pro-state strong{display:block;font-size:15px}.pro-state span{font-size:12.5px;color:var(--muted)}.pro-state .tile-icon .icon,.paywall .pro-mark .icon{fill:currentColor}.uid-row{display:flex;align-items:center;gap:10px;margin:14px 0 4px;padding:8px 8px 8px 12px;border-radius:12px;background:var(--panel-2);border:1px dashed var(--line-2);font-size:12px}.uid-row span{font-weight:800;color:var(--muted);letter-spacing:.08em}.uid-row b{flex:1;min-width:0;font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.uid-row .icon-button{width:34px;height:34px;border-radius:10px}.premium-card .settings-row{margin-top:6px}.paywall{text-align:center}.pro-mark{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#fff;background:linear-gradient(90deg,#f7971e,#f4612b)}.pro-mark .icon{width:15px;height:15px}.paywall h2{font-size:22px;margin:12px 0 6px}.pro-reason{font-size:14px;color:var(--ink-2);max-width:420px;margin:0 auto}.pro-perks{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px;text-align:left}.pro-perks li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);font-size:13.5px;font-weight:600}.pro-perks .icon{width:19px;height:19px;color:var(--green)}.pro-app{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border-radius:var(--r);background:var(--soft);margin-bottom:12px}.pro-app p{font-size:13.5px;font-weight:600;color:var(--ink)}.paywall .button{margin-top:8px}.pro-note{margin-top:10px}.paywall .uid-row{text-align:left}.pro-check{margin-top:10px}.pro-check.busy .icon{animation:spin .8s linear infinite}dialog{border:1px solid var(--line);padding:24px;background:var(--panel);color:var(--ink);border-radius:var(--r-xl);max-width:400px;width:calc(100% - 32px);box-shadow:var(--shadow-lg)}dialog::backdrop{background:#06130dcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#confirm-dialog h2{font-size:20px;line-height:1.3;margin:16px 0 8px}#confirm-dialog p{font-size:14px;color:var(--muted)}.dialog-icon{background:var(--soft);color:var(--green);border-radius:14px;width:48px;height:48px;display:grid;place-items:center}.dialog-icon.danger{background:var(--red-bg);color:var(--red)}.dialog-actions{display:flex;flex-direction:column-reverse;gap:8px;margin-top:22px}.dialog-actions>.button{width:100%}#sheet{padding:0;max-width:640px;width:100%;max-height:min(calc(100dvh - var(--top-safe) - 16px),900px);margin:auto auto 0;border-radius:var(--r-xl) var(--r-xl) 0 0;border-bottom:0;overflow:hidden;display:none;flex-direction:column}#sheet[open]{display:flex;animation:sheet-up .25s cubic-bezier(.2,.8,.2,1)}.sheet-bar{position:relative;display:flex;justify-content:center;align-items:flex-start;min-height:54px;padding:10px 12px 0;flex-shrink:0;border-bottom:1px solid var(--line)}.sheet-handle{width:42px;height:5px;border-radius:5px;background:var(--line-2);margin-top:2px}.sheet-close{position:absolute;right:12px;top:10px;width:36px;height:36px}#sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:16px 18px calc(22px + var(--bottom-safe))}#sheet.video-sheet #sheet-body,#sheet.zoom-sheet #sheet-body{padding-top:14px}#sheet.zoom-sheet{max-height:100dvh;height:100dvh;border-radius:0;max-width:none;padding-top:var(--top-safe)}#sheet.zoom-sheet .zoom-view{height:100%;justify-content:center}.preview h2{font-size:17px;line-height:1.5;margin-bottom:12px}.preview .q-pic{margin-bottom:12px}.preview .small{margin-top:10px}.sheet-actions{display:flex;gap:8px;margin-top:14px}.sheet-actions .button{flex:1}.report-form h2{font-size:20px;margin:14px 0 6px}.radio-list{display:grid;gap:6px;margin:14px 0}.radio{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;font-size:14px;cursor:pointer}.radio input{accent-color:var(--green);width:18px;height:18px;margin:0}.radio:has(input:checked){border-color:var(--green);background:var(--soft)}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650;margin-bottom:14px}.field textarea{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel-2);font-size:14px;resize:vertical;min-height:96px;outline:none}.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px var(--soft)}.report-form>.small:last-child{margin-top:10px;text-align:center}#sheet-body:focus{outline:none}.zoom-view{display:flex;flex-direction:column;gap:10px}.zoom-tools{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:13px}.zoom-stage{overflow:auto;max-height:calc(100dvh - 150px);border-radius:var(--r);background:#f1f2ee;-webkit-overflow-scrolling:touch}.zoom-pic{display:block;background:#f1f2ee;border-radius:0}.zoom-pic canvas{width:100%;max-width:none}.about{text-align:center}.about .brand-mark{margin:4px auto 10px;display:block}.about h2{margin-bottom:10px}.about p{font-size:14px;color:var(--ink-2);margin-bottom:10px}.toast{position:fixed;bottom:calc(92px + var(--bottom-safe));left:50%;transform:translate(-50%);z-index:100;background:var(--ink);color:var(--panel);padding:12px 18px;border-radius:14px;box-shadow:var(--shadow-lg);font-size:13.5px;font-weight:600;max-width:calc(100% - 32px);width:max-content;line-height:1.5;animation:toast .25s ease-out;text-align:center}.toast.warning{background:var(--red);color:#fff}body.in-quiz .toast{bottom:calc(84px + var(--bottom-safe))}.lockout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.lockout .icon{width:56px;height:56px;padding:14px;border-radius:18px;background:var(--red-bg);color:var(--red)}.lockout h1{font-size:24px}.lockout p{max-width:360px;color:var(--muted)}@keyframes enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.6}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes sheet-up{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:419px){.language>.icon{display:none}.language{padding:0 6px 0 10px}.hero-card .tag{font-size:9.5px;padding:5px 8px}.resume-card{flex-wrap:wrap}.resume-card .button{width:100%}}@media(max-width:359px){:root{--gutter:12px}.brand>span:last-child{display:none}.language select{max-width:76px}.hero-card{padding:20px 18px}.hero-copy{width:68%}.module-card{padding:14px 12px}.exam-rules{grid-template-columns:repeat(2,1fr)}.result-stats{grid-template-columns:repeat(2,1fr);row-gap:12px}.result-stats>div:nth-child(3){border-left:0}.level-grid{grid-template-columns:1fr}.plate-actions{grid-template-columns:1fr 1fr}.plate-actions .primary{grid-column:1/-1;grid-row:1}.bottom-nav button{font-size:9.5px;letter-spacing:-.01em}.language select{font-size:12px}}@media(min-width:600px){:root{--gutter:24px}.top-meta{display:flex}.duo{grid-template-columns:1fr 1fr}.module-grid,.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid .feature-card.full-feature{grid-column:auto;min-height:172px}.ticket-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.ticket-card{padding:14px 6px 12px}.ticket-card strong{font-size:24px}.sign-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.stats-grid,.speed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.status-chips{display:flex}.center-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.lesson-test-card .button{flex:0 0 auto}.question-card{padding:22px}.quiz-actions{position:static;padding:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;margin-top:16px}.quiz-actions [data-prev]{flex:0 0 auto;width:auto;padding:10px 18px}.quiz-actions [data-prev] span{display:inline}body.in-quiz main{padding-bottom:40px}body.in-quiz .topbar{display:flex}body.in-quiz main{padding-top:0}body.in-quiz:before{display:none}.kbd-hint{display:inline}.result-hero{flex-direction:row;text-align:left;padding:26px}.result-copy .eyebrow{justify-content:flex-start}.result-copy p{margin:8px 0 0}.lesson-body{padding:28px 30px}.banner-3d{min-height:220px}.banner-copy{padding:26px 60px 26px 26px;width:56%}.cheat-list{grid-template-columns:1fr 1fr;align-items:start}#sheet{margin:auto;border-radius:var(--r-xl);border-bottom:1px solid var(--line);max-height:86dvh}#sheet.zoom-sheet{max-width:min(1100px,94vw);height:auto;max-height:92dvh;border-radius:var(--r-xl)}.sheet-handle{visibility:hidden}.toast{bottom:calc(96px + var(--bottom-safe))}.app-footer{display:flex}}@media(hover:none){.kbd-hint{display:none!important}}@media(min-width:1024px){.app-shell{grid-template-columns:256px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;padding:22px 14px;border-right:1px solid var(--line);background:var(--panel-2);overscroll-behavior:contain}.sidebar>.brand{padding:4px 10px 18px}.side-caption{font-size:10.5px;font-weight:750;letter-spacing:.14em;color:var(--muted);margin:16px 12px 6px}.side-menu{display:flex;flex-direction:column;gap:2px}.side-link{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:12px;color:var(--ink-2);font-size:14px;font-weight:600;min-height:44px}.side-link .icon{width:20px;height:20px;color:var(--muted)}.side-link:hover{background:var(--panel)}.side-link.active{background:var(--soft);color:var(--green)}.side-link.active .icon{color:var(--green)}.side-bottom{margin-top:auto;padding-top:16px}.side-help{background:var(--soft);border-radius:var(--r-lg);padding:16px;font-size:12.5px}.side-help>.icon{color:var(--green);width:22px}.side-help h3{margin-top:8px}.side-help p{color:var(--muted);margin:4px 0 10px}.workspace{padding:0 36px}.topbar{margin:0 -36px;padding:14px 36px}.topbar .brand,.bottom-nav{display:none}main{padding-bottom:20px}.toast,body.in-quiz .toast{bottom:28px}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.main-column,.aside-column{min-width:0;display:flex;flex-direction:column;gap:14px}.dashboard .section-heading{margin:14px 0 0}.aside-column{position:sticky;top:84px}.goal-card{display:block;padding:20px;text-align:center}.goal-heading{justify-content:center}.goal-ring{width:140px;height:140px;margin:14px auto 10px}.ring-value strong{font-size:32px}.goal-card>p{margin-bottom:12px}.small-stat-row{justify-content:center;border-top:1px solid var(--line);padding-top:14px}.small-stat-row>div{flex-direction:column;align-items:center;gap:0}.small-stat-row strong{font-size:20px}.hero-card{min-height:270px;padding:30px}.feature-grid.three{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.progress-top{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:stretch}.quiz-body.has-pic{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}.quiz-body:not(.has-pic){max-width:820px;margin:0 auto;width:100%}.quiz-body.has-pic .question-card{position:sticky;top:84px}.quiz-page .quiz-actions,.quiz-page .quiz-bottom{max-width:820px;margin-left:auto;margin-right:auto}.quiz-body.has-pic~.quiz-actions,.quiz-body.has-pic~.quiz-bottom{max-width:none}.center-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.fine-list{grid-template-columns:1fr 1fr;align-items:start}.level-grid{gap:12px}}@media(min-width:1440px){.workspace{max-width:1240px}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard{grid-template-columns:minmax(0,1fr) 330px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html,body,.sidebar,.chips{overscroll-behavior-y:none}