@charset "UTF-8";:root{--brand: #4F46E5;--brand-ink: #1E1B4B;--brand-soft: #ECEBFE;--gold: #F1C232;--good: #17B8A6;--bad: #F2545B;--periwinkle: #8F8DF2;--violet: #625FFF;--magenta: #AC4BFF;--accent-lime: #F1F032;--brand-grad: linear-gradient(90deg, var(--violet), var(--magenta));--canvas: #F6F5FE;--surface:#FFFFFF;--line: #E4E1F8;--muted: #6B6A94;--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--r-xl: 34px;--r-full: 999px;--shadow: 0 10px 30px -18px rgba(30,27,75,.45);--shadow-lift: 0 16px 38px -20px rgba(30,27,75,.55)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Heebo,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--canvas);color:var(--brand-ink);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,.brand__text,.pill,.btn{font-family:Rubik,Heebo,sans-serif}button{font:inherit;color:inherit}code{background:var(--brand-soft);border-radius:6px;padding:1px 6px;font-size:.9em;direction:ltr;display:inline-block}[hidden]{display:none!important}.wrap{width:min(920px,100% - 32px);margin-inline:auto}.screen{padding-block:22px}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:14px}.mt{margin-top:26px}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.row--center{justify-content:center}.err{color:var(--bad);font-weight:500}.topbar{background:var(--brand-grad);position:sticky;top:0;z-index:20;box-shadow:var(--shadow)}.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;background:none;border:0;cursor:pointer}.brand__mark{display:grid;place-items:center}.brand__logo{height:38px;width:auto;display:block}.brand__text{font-weight:800;font-size:19px;letter-spacing:-.01em;color:#fff;padding-inline-start:12px;border-inline-start:1px solid rgba(255,255,255,.4)}.topbar__nav{display:flex;gap:4px}.linkbtn{background:none;border:0;cursor:pointer;padding:8px 14px;border-radius:var(--r-full);color:#ffffffe0;font-weight:500}.linkbtn:hover{background:#ffffff2e;color:#fff}@media (max-width: 560px){.brand__logo{height:30px}.brand__text{display:none}.topbar__inner{flex-wrap:wrap;row-gap:8px}.topbar__nav{gap:2px;flex-wrap:wrap;row-gap:6px}.linkbtn{padding:8px 9px;font-size:14px}.userbox{gap:8px;margin-inline-start:2px;padding-inline-start:8px}.userbox__plan{display:none}.userbox__name{max-width:9ch}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);margin-bottom:18px}.card--pad{padding:24px}@media (max-width: 520px){.card--pad{padding:18px}}.h2{font-size:20px;font-weight:700;margin:0 0 12px}.h3{font-size:17px;font-weight:700;margin:0 0 12px}.hero{padding:8px 4px 22px}.eyebrow{margin:0 0 10px;color:var(--brand);font-weight:500;font-size:14px;background:var(--brand-soft);display:inline-block;padding:5px 14px;border-radius:var(--r-full)}.hero__title{font-size:clamp(28px,5vw,40px);font-weight:800;line-height:1.15;margin:0 0 10px;letter-spacing:-.02em}.hero__sub{margin:0;color:var(--muted);max-width:52ch}.resume{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}.resume .row{margin-top:0}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{border:1.5px solid var(--line);background:var(--surface);padding:9px 17px;border-radius:var(--r-full);cursor:pointer;font-size:15px;font-weight:500;transition:transform .12s ease,background .15s,border-color .15s,color .15s}.chip:hover{border-color:var(--brand);color:var(--brand)}.chip:active{transform:scale(.97)}.chip.is-on{background:var(--brand);border-color:var(--brand);color:#fff}.chip__n{opacity:.65;font-size:13px;margin-inline-start:6px}.startbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.startbar__count{margin:0;color:var(--muted);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent;border-radius:var(--r-full);padding:11px 24px;cursor:pointer;font-weight:500;font-size:16px;transition:transform .12s ease,box-shadow .18s,background .15s,color .15s}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--brand);color:#fff;box-shadow:0 8px 20px -10px var(--brand)}.btn--primary:hover{box-shadow:var(--shadow-lift)}.btn--ghost{background:var(--surface);border-color:var(--line);color:var(--brand-ink)}.btn--ghost:hover{border-color:var(--brand);color:var(--brand)}.btn--lg{padding:14px 34px;font-size:17px}.btn--sm{padding:7px 16px;font-size:14px}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.quizbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.quizbar__meta{display:flex;align-items:center;gap:8px}.pill{background:var(--brand);color:#fff;border-radius:var(--r-full);padding:5px 15px;font-size:14px;font-weight:500}.pill--soft{background:var(--brand-soft);color:var(--brand)}.timer{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:500;min-width:52px;text-align:center}.progress{height:8px;background:var(--brand-soft);border-radius:var(--r-full);overflow:hidden;margin-bottom:18px}.progress__fill{height:100%;width:0;background:var(--brand);border-radius:var(--r-full);transition:width .3s ease}.qcat{margin:0;font-size:20px;font-weight:700}.qcard__index{margin:0 0 14px;color:var(--muted);font-size:14px;font-weight:500}.qcard__text{font-size:clamp(20px,3.4vw,26px);font-weight:700;line-height:1.5;margin:0}.qsplit{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.qsplit__q{grid-column:2;grid-row:1;min-width:0}.qsplit__a{grid-column:1;grid-row:1;min-width:0}.qsplit__q,.qsplit__a{border:1.5px solid var(--line);border-radius:var(--r-md);padding:18px}.qsplit__a{background:var(--canvas)}.qsplit__head{margin:0 0 14px;color:var(--muted);font-size:14px;font-weight:500;padding-bottom:10px;border-bottom:1px solid var(--line)}.qcard__tools{margin-top:16px}@media (max-width: 720px){.qsplit{grid-template-columns:1fr}.qsplit__q,.qsplit__a{grid-column:auto;grid-row:auto}}.options{display:grid;gap:11px}.opt{display:flex;align-items:center;gap:14px;text-align:start;width:100%;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-md);padding:14px 18px;cursor:pointer;font-size:17px;transition:border-color .15s,background .15s,transform .12s ease}.opt:hover:not(:disabled){border-color:var(--brand);background:var(--brand-soft)}.opt:active:not(:disabled){transform:scale(.995)}.opt__key{flex:none;width:32px;height:32px;border-radius:var(--r-full);display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:700;font-size:15px;transition:background .15s,color .15s}.opt.is-picked{border-color:var(--brand);background:var(--brand-soft)}.opt.is-picked .opt__key{background:var(--brand);color:#fff}.opt.is-good{border-color:var(--good);background:#17b8a61a}.opt.is-good .opt__key{background:var(--good);color:#fff}.opt.is-bad{border-color:var(--bad);background:#f2545b1a}.opt.is-bad .opt__key{background:var(--bad);color:#fff}.opt:disabled{cursor:default}.explain{margin-top:20px;padding:16px 18px;border-radius:var(--r-md);background:var(--brand-soft);border-inline-start:4px solid var(--brand)}.explain--good{background:#17b8a61a;border-inline-start-color:var(--good)}.explain--bad{background:#f2545b1a;border-inline-start-color:var(--bad)}.explain__label{margin:0 0 4px;font-weight:700}.explain__body{margin:0}.navrow{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.dotshead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.dotshead .h3{margin:0}.legend{display:flex;gap:14px;color:var(--muted);font-size:13px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:6px}.dot-key{width:12px;height:12px;border-radius:var(--r-full);display:inline-block}.dot-key--now{background:var(--brand)}.dot-key--done{background:var(--brand-soft);border:2px solid var(--brand)}.dot-key--open{background:#fff;border:2px solid var(--line)}.dots{display:flex;flex-wrap:wrap;gap:9px}.dot{width:42px;height:42px;border-radius:var(--r-full);border:2px solid var(--line);background:var(--surface);cursor:pointer;font-weight:700;font-size:14px;color:var(--muted);display:grid;place-items:center;transition:transform .12s ease,border-color .15s,background .15s,color .15s}.dot:hover{transform:scale(1.08);border-color:var(--brand)}.dot.is-done{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.dot.is-good{background:var(--good);border-color:var(--good);color:#fff}.dot.is-bad{background:var(--bad);border-color:var(--bad);color:#fff}.dot.is-now{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 0 4px var(--brand-soft)}.score{position:relative;width:168px;margin:4px auto 14px}.score svg{transform:rotate(-90deg) scaleX(-1)}.score__track{fill:none;stroke:var(--brand-soft);stroke-width:11}.score__value{fill:none;stroke:var(--brand);stroke-width:11;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset .9s cubic-bezier(.2,.7,.3,1)}.score__label{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:2px}.score__label b{font-family:Rubik,sans-serif;font-size:34px;font-weight:800;line-height:1}.score__label span{color:var(--muted);font-size:14px}.bars{display:grid;gap:12px}.bar{display:grid;grid-template-columns:64px 1fr 62px;align-items:center;gap:12px}.bar__name{font-weight:500;font-size:14px}.bar__track{height:12px;background:var(--brand-soft);border-radius:var(--r-full);overflow:hidden}.bar__fill{height:100%;background:var(--brand);border-radius:var(--r-full)}.bar__val{text-align:end;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.rsum{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:20px}.rsum .score{margin:0;flex:none}.rsum__main{flex:1 1 260px;min-width:0}.rsum__main .h2{margin:0 0 6px}.rsum__state{margin:0 0 2px;color:var(--muted);font-size:14px;font-weight:500}.rsum__grade{margin:0 0 4px;font-size:18px;font-weight:500;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rsum__grade b{font-family:Rubik,sans-serif;font-size:22px;color:var(--good)}.xp{background:var(--brand-soft);color:var(--brand);font-weight:700;font-size:13px;padding:3px 12px;border-radius:var(--r-full)}.rsum__count{margin:0 0 4px;font-weight:500}.badge{display:flex;align-items:center;gap:12px;flex:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);padding:14px 18px}.badge__icon{font-size:26px;line-height:1}.badge__text{display:grid;gap:2px}.badge__text b{font-weight:700}.badge__text span{color:var(--muted);font-size:14px}.rev__hint{margin:0 0 14px;color:var(--muted);font-size:15px}.dots--rev{gap:8px}.dot--rev{width:auto;min-width:54px;height:38px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px}.dot__mark{font-size:13px;line-height:1}.dot--rev.is-good{background:#17b8a624;border-color:var(--good);color:var(--good)}.dot--rev.is-bad{background:#f2545b1f;border-color:var(--bad);color:var(--bad)}.dot--rev.is-now{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:none}.qa{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.qa__col{border:1.5px solid var(--line);border-radius:var(--r-md);padding:18px;min-width:0}.qa__col--alt{background:var(--canvas)}.qa__head{margin:0 0 14px;color:var(--muted);font-size:14px;font-weight:500;padding-bottom:10px;border-bottom:1px solid var(--line)}.qa__q{margin:0;font-size:19px;font-weight:700;line-height:1.5}.qa__opts{list-style:none;margin:0;padding:0;display:grid;gap:9px}.qaopt{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface);padding:10px 14px;font-size:16px}.qaopt__mark{flex:none;width:22px;height:22px;border-radius:var(--r-full);display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--brand-soft);color:var(--muted)}.qaopt__key{font-weight:700}.qaopt__text{min-width:0}.qaopt.is-good{border-color:var(--good);background:#17b8a61a}.qaopt.is-good .qaopt__mark{background:var(--good);color:#fff}.qaopt.is-bad{border-color:var(--bad);background:#f2545b1a}.qaopt.is-bad .qaopt__mark{background:var(--bad);color:#fff}.qa__nav{display:flex;gap:10px;margin-top:16px}.qa__why{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.qa__whylabel{margin:0 0 6px;font-weight:700;color:var(--good)}.qa__whybody{margin:0;color:var(--brand-ink)}@media (max-width: 720px){.qa{grid-template-columns:1fr}}.history{display:grid;gap:10px}.hist{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border:1.5px solid var(--line);border-radius:var(--r-md);padding:14px 18px}.hist__pct{width:54px;height:54px;border-radius:var(--r-full);display:grid;place-items:center;font-family:Rubik,sans-serif;font-weight:700;font-size:16px;flex:none;background:var(--brand-soft);color:var(--brand)}.hist__pct.is-high{background:var(--good);color:#fff}.hist__pct.is-low{background:var(--bad);color:#fff}.hist__main{flex:1 1 220px}.hist__title{margin:0;font-weight:700}.hist__meta{margin:2px 0 0;color:var(--muted);font-size:14px}.userbox{display:flex;align-items:center;gap:10px;margin-inline-start:6px;padding-inline-start:12px;border-inline-start:1px solid rgba(255,255,255,.4)}.userbox__name{color:#fff;font-weight:700;font-size:15px;max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userbox__plan{font-size:12px;font-weight:700;padding:3px 10px;border-radius:var(--r-full);background:#ffffff38;color:#fff}.userbox__plan--paid{background:var(--gold);color:var(--brand-ink)}body.is-locked{overflow:hidden}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#1e1b4b99;overflow:auto}.modal__box{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);width:min(880px,100%);padding:26px}.modal__head{text-align:center;margin-bottom:22px}.modal__head .h2{margin-bottom:6px}.modal__head p{margin:0}.modal__box--sm{width:min(520px,100%);padding:0}.modal__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.modal__bar .h3{margin:0}.modal__close{background:none;border:0;cursor:pointer;line-height:1;font-size:26px;color:var(--muted);padding:0 4px;border-radius:var(--r-sm)}.modal__close:hover{color:var(--brand-ink)}.modal__body{padding:22px}.modal__body p{margin:0}.modal__foot{display:flex;gap:10px;flex-wrap:wrap;padding:18px 22px;border-top:1px solid var(--line);background:var(--canvas);border-end-start-radius:var(--r-lg);border-end-end-radius:var(--r-lg)}.alert{margin-top:16px;padding:12px 16px;border-radius:var(--r-sm);font-weight:500}.alert--warning{background:#f1c23229;border-inline-start:4px solid var(--gold);color:var(--brand-ink)}.auth{display:grid;grid-template-columns:1fr 1fr;gap:26px}.auth__col{min-width:0}.auth__col--alt{border-inline-start:1px solid var(--line);padding-inline-start:26px}.auth__submit{width:100%;margin-top:4px}.field{display:block;margin-bottom:14px}.field__label{display:block;font-weight:500;font-size:14px;margin-bottom:6px}.field__input{width:100%;font:inherit;color:inherit;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-sm);padding:11px 14px;transition:border-color .15s,box-shadow .15s}.field__input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.field__err{display:block;color:var(--bad);font-size:13px;font-weight:500;margin-top:5px}.field__err:empty{display:none}.field__err--form{margin:0 0 10px;text-align:center}.chips--plan{gap:10px}.chips--plan .chip{flex:1 1 0;display:flex;align-items:center;justify-content:center}.plan-note{margin:12px 0 0}@media (max-width: 720px){.auth{grid-template-columns:1fr;gap:22px}.auth__col--alt{border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--line);padding-top:22px}}.spinner{width:34px;height:34px;border-radius:var(--r-full);margin:0 auto 12px;border:3px solid var(--brand-soft);border-top-color:var(--brand);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.foot{padding:8px 0 40px}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}