:root{--bg: #f6f7fb;--surface: #ffffff;--surface-alt: #f0f1f8;--fg: #161726;--muted: #5a5f73;--border: #e4e6ef;--primary: #4f46e5;--primary-fg: #ffffff;--primary-gradient: linear-gradient(90deg, #4f46e5 0%, #5b54e6 100%);--progress-gradient: linear-gradient(90deg, #4f46e5 0%, #16a34a 100%);--accent: #4f46e5;--ring: #4f46e5;--ok: #15803d;--ok-bg: #e7f6ec;--ok-fg: #0b5128;--bad: #dc2626;--bad-bg: #fce9e9;--bad-fg: #8e1414;--warn-text: #b45309;--score-high: #15803d;--score-mid: #4f46e5;--score-low: #b45309;--shadow: 0 8px 30px rgba(22, 23, 38, .1);--shadow-soft: 0 1px 2px rgba(22, 23, 38, .06);--radius: 16px;--radius-sm: 12px;--gap: 16px;--maxw: 640px;--thread: 3px;--font-head: "Sora", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease-out: cubic-bezier(.22, .61, .36, 1)}[data-theme=dark]{--bg: #0a0b14;--surface: #15172a;--surface-alt: #1c1e36;--fg: #ecedf6;--muted: #a8adc6;--border: #2a2d4a;--primary: #818cf8;--primary-fg: #0a0b14;--primary-gradient: linear-gradient(90deg, #818cf8 0%, #a5b4fc 100%);--progress-gradient: linear-gradient(90deg, #818cf8 0%, #34d399 100%);--accent: #a5b4fc;--ring: #a5b4fc;--ok: #4ade80;--ok-bg: #10301f;--ok-fg: #9df3ce;--bad: #f87171;--bad-bg: #3a1518;--bad-fg: #fca5a5;--warn-text: #fbbf24;--score-high: #4ade80;--score-mid: #818cf8;--score-low: #fbbf24;--shadow: 0 10px 34px rgba(0, 0, 0, .5);--shadow-soft: 0 1px 2px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:16px;background:var(--bg);color:var(--fg);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:radial-gradient(60% 50% at 50% -8%,color-mix(in srgb,var(--primary) 9%,transparent),transparent 70%);background-attachment:fixed}h1,h2,h3{margin:0;font-family:var(--font-head);font-weight:700;letter-spacing:-.015em;line-height:1.2}.muted{color:var(--muted)}.tnum{font-variant-numeric:tabular-nums}.app-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;max-width:var(--maxw);margin:0 auto;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s ease,background .2s ease}.app-header.is-scrolled{border-bottom-color:var(--border)}.brand{display:inline-flex;align-items:baseline;gap:9px}.brand__mark{color:var(--primary);align-self:center}.brand__name{font-family:var(--font-head);font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.brand__name b{position:relative;font-weight:700}.brand__name b:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:var(--primary);border-radius:2px}.brand__sub{font-family:var(--font-body);font-weight:500;color:var(--muted)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:999px;cursor:pointer;box-shadow:var(--shadow-soft);transition:color .2s ease,border-color .2s ease,transform .2s ease}.theme-toggle:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.theme-toggle svg{transition:transform .3s var(--ease-out)}.theme-toggle:active svg{transform:rotate(35deg)}.app{max-width:var(--maxw);margin:0 auto;padding:16px 16px 56px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft),var(--shadow);padding:28px 24px;display:flex;flex-direction:column;gap:20px}.greeting{color:var(--muted);margin:0;font-weight:500}.error{color:var(--bad);margin:0;font-weight:500}.btn{font:inherit;font-weight:600;min-height:44px;padding:12px 18px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;transition:transform .12s ease,filter .18s ease,border-color .18s ease,background .18s ease}.btn:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn--primary{height:52px;background:var(--primary);color:var(--primary-fg);border-color:var(--primary);letter-spacing:.01em;box-shadow:var(--shadow-soft)}.btn--primary:hover{filter:brightness(1.06);border-color:var(--primary)}.btn--ghost{background:transparent;color:var(--muted)}.btn--ghost:hover{color:var(--fg)}.btn--full{width:100%}.btn--card{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;padding:16px 18px;min-height:56px}.btn--card .icon-chevron{color:var(--muted);flex:0 0 auto;transition:transform .18s var(--ease-out),color .18s ease}.btn--card:hover .icon-chevron{transform:translate(3px);color:var(--primary)}.btn--card__title{font-family:var(--font-head);font-weight:600;font-size:1.02rem}.btn--card__meta{color:var(--muted);font-weight:500;font-size:.9rem}.btn--card__main{display:flex;flex-direction:column;gap:2px;min-width:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list{display:flex;flex-direction:column;gap:10px}.stack-tight{display:flex;flex-direction:column;gap:6px}.login{align-items:stretch}.login__brand{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.login__emblem{color:var(--primary)}.login__title{font-size:clamp(1.8rem,7vw,2.2rem)}.login__title b{position:relative}.login__title b:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:3px;background:var(--primary)}.login__subtitle{color:var(--muted);margin:0;text-align:center}.form{display:flex;flex-direction:column;gap:8px}.label{font-weight:600;font-size:.92rem}.input{width:100%;height:52px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:16px;background:var(--surface-alt);color:var(--fg);transition:border-color .18s ease,box-shadow .18s ease}.input::placeholder{color:var(--muted)}.input:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.quiz__top{display:flex;justify-content:space-between;align-items:center;gap:12px}.quiz__progress{color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}.timer{position:relative;width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center}.timer__ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.timer__track{fill:none;stroke:var(--surface-alt);stroke-width:3}.timer__arc{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s ease}.timer__num{font-variant-numeric:tabular-nums;font-weight:700;font-size:.82rem;color:var(--fg);line-height:1}.timer.timer--warn .timer__arc{stroke:var(--warn-text)}.timer.timer--danger .timer__arc{stroke:var(--bad)}.timer.timer--danger .timer__num{color:var(--bad)}.progress{height:4px;background:var(--surface-alt);border-radius:999px;overflow:hidden}.progress__bar{height:100%;background:var(--progress-gradient);border-radius:999px;transition:width .3s var(--ease-out)}.quiz__question{font-size:1.22rem;line-height:1.35}.options{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.option{position:relative;display:flex;align-items:center;gap:14px;min-height:56px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;overflow:hidden;transition:border-color .18s ease,background .18s ease}.option:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.option input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.option__control{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border:2px solid var(--border);background:var(--surface-alt);color:var(--primary-fg);transition:background .18s ease,border-color .18s ease}.option__control--radio{border-radius:999px}.option__control--checkbox{border-radius:7px}.option__control svg{opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s var(--ease-out)}.option__text{font-weight:500}.option:focus-within{outline:3px solid var(--ring);outline-offset:1px}.option--selected{border-color:var(--primary);background:var(--surface-alt);background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.option--selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--thread);background:var(--primary)}.option--selected .option__control{background:var(--primary);border-color:var(--primary)}.option--selected .option__control svg{opacity:1;transform:scale(1)}.quiz__nav{display:flex;justify-content:space-between;gap:12px}.quiz__nav .btn{flex:1}.results{gap:22px}.score{position:relative;width:168px;height:168px;margin:4px auto 0;display:grid;place-items:center}.score__ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.score__track{fill:none;stroke:var(--surface-alt);stroke-width:7}.score__arc{fill:none;stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.25,.8,.4,1)}.score__arc--high{stroke:var(--score-high)}.score__arc--mid{stroke:var(--score-mid)}.score__arc--low{stroke:var(--score-low)}.score__center{text-align:center;line-height:1.15}.results__score{font-family:var(--font-head);font-weight:700;font-variant-numeric:tabular-nums;font-size:clamp(1.7rem,9vw,2.1rem);margin:0}.score__pct{font-family:var(--font-head);font-weight:600;color:var(--primary);margin:2px 0 0;font-variant-numeric:tabular-nums}.results__verdict{display:flex;align-items:flex-start;gap:12px}.results__verdict:before{content:"";flex:0 0 auto;width:4px;align-self:stretch;border-radius:4px;background:var(--primary)}.results__grade{font-family:var(--font-head);font-weight:600;font-size:1.1rem;margin:0}.results__time{margin:2px 0 0;color:var(--muted);font-variant-numeric:tabular-nums}.summary{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.summary__item{position:relative;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:14px 16px 14px 18px}.summary__item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--thread);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.summary__item--ok:before{background:var(--ok)}.summary__item--bad:before{background:var(--bad)}.summary__head{display:flex;align-items:center;gap:10px}.summary__chip{flex:0 0 auto;width:22px;height:22px;border-radius:999px;display:grid;place-items:center}.summary__item--ok .summary__chip{background:var(--ok-bg);color:var(--ok)}.summary__item--bad .summary__chip{background:var(--bad-bg);color:var(--bad)}.summary__q{font-family:var(--font-head);font-weight:600;margin:0;flex:1;min-width:0;font-size:.98rem}.summary__pill{flex:0 0 auto;font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}.summary__item--ok .summary__pill{background:var(--ok-bg);color:var(--ok-fg)}.summary__item--bad .summary__pill{background:var(--bad-bg);color:var(--bad-fg)}.summary__timeout{color:var(--warn-text);font-weight:500}.summary__lines{margin:10px 0 0;display:flex;flex-direction:column;gap:4px;font-size:.92rem}.summary__line{margin:0}.summary__line .lbl{color:var(--muted)}.summary__item--bad .summary__line--yours .val{color:var(--bad-fg);font-weight:500}.summary__line--correct .val{color:var(--ok-fg);font-weight:500}.results__actions{display:flex;flex-direction:column;gap:10px}.splash{display:flex;flex-direction:column;align-items:center;gap:16px;padding:64px 0;color:var(--muted)}.splash__mark{color:var(--primary)}.spinner{width:28px;height:28px;border-radius:999px;border:3px solid var(--surface-alt);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes view-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes head-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes row-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.view-enter{animation:view-enter .26s var(--ease-out) both}.view-enter>h1,.view-enter>h2,.view-enter>.login__brand{animation:head-enter .26s var(--ease-out) .06s both}.view-enter .summary__item{animation:row-enter .26s var(--ease-out) both}.view-enter .summary__item:nth-child(1){animation-delay:.04s}.view-enter .summary__item:nth-child(2){animation-delay:.08s}.view-enter .summary__item:nth-child(3){animation-delay:.12s}.view-enter .summary__item:nth-child(4){animation-delay:.16s}.view-enter .summary__item:nth-child(5){animation-delay:.2s}.view-enter .summary__item:nth-child(n+6){animation-delay:.24s}@media (min-width: 560px){.results__actions{flex-direction:row}.results__actions .btn{flex:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}