.skill-tests-page{position:relative;min-height:100svh;min-height:100dvh;overflow:clip;padding:clamp(108px,8vw,128px) 0 64px;color:var(--text);background:radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 30rem),var(--bg);isolation:isolate}.skill-tests-page [hidden]{display:none!important}.skill-tests-shell,.skill-tests-setup,.skill-tests-running,.skill-tests-summary,.skill-tests-summary-body,.skill-tests-question,.skill-tests-config{min-width:0}.skill-tests-setup{display:grid;grid-template-columns:minmax(25rem,.84fr) minmax(0,1.16fr);gap:0;align-items:center;min-height:calc(100svh - 172px);min-height:calc(100dvh - 172px)}.skill-tests-intro{align-self:center;max-width:37rem;padding-right:clamp(28px,3vw,48px)}.skill-tests-kicker,.skill-tests-config-header>.mono,.skill-tests-progress-copy>.mono,.skill-tests-status>.mono,.skill-tests-summary-lead>.mono,.skill-tests-locked-review>.mono{display:flex;align-items:center;gap:8px;margin:0 0 20px;color:var(--text-3);font-family:var(--mono);font-size:var(--fs-mono);font-weight:400;letter-spacing:.04em;text-transform:none}.skill-tests-kicker:before,.skill-tests-config-header>.mono:before,.skill-tests-progress-copy>.mono:before,.skill-tests-status>.mono:before,.skill-tests-summary-lead>.mono:before,.skill-tests-locked-review>.mono:before{content:"//";color:var(--text-faint)}.skill-tests-intro h1{max-width:13.5ch;margin:0;font-family:var(--ui);font-size:var(--fs-h1);font-weight:700;line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.skill-tests-intro h1 span{display:block;color:var(--text)}.skill-tests-lede{max-width:32rem;margin:26px 0 0;color:var(--text-2);font-size:var(--fs-lead);line-height:1.6;text-wrap:pretty}.skill-tests-catalog{margin-top:clamp(38px,5vw,64px);padding:20px 0;border-block:1px solid var(--border)}.skill-tests-catalog-label{margin:0 0 13px;color:var(--text-3);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.skill-tests-catalog ul{display:flex;flex-wrap:wrap;gap:7px 18px;margin:0;padding:0;list-style:none}.skill-tests-catalog li{position:relative;color:var(--text-2);font-family:var(--mono);font-size:var(--fs-mono)}.skill-tests-catalog li:not(:last-child):after{position:absolute;right:-11px;color:var(--text-faint);content:"/"}.skill-tests-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(40px,6vh,64px) 0 0;padding-top:22px;border-top:1px solid var(--border)}.skill-tests-facts>div{min-width:0;padding-left:14px;border-left:1px solid var(--border-strong)}.skill-tests-facts dt{color:var(--text-3);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.skill-tests-facts dd{margin:7px 0 0;color:var(--text);font-family:var(--mono);font-size:var(--fs-mono-lg)}.skill-tests-config{position:relative;padding-left:clamp(28px,3vw,48px);border:0;border-left:1px solid var(--border-subtle);border-radius:0;background:transparent;box-shadow:none;counter-reset:skill-tests-step}.skill-tests-config-header>.mono{margin-bottom:12px}.skill-tests-config-header h2,.skill-tests-status h2,.skill-tests-summary h2{margin:0;font-size:var(--fs-h2);line-height:1.08;letter-spacing:-.03em}.skill-tests-fieldset{min-width:0;margin:0;padding:0;border:0;counter-increment:skill-tests-step}.skill-tests-fieldset+.skill-tests-fieldset{padding-top:32px}.skill-tests-fieldset legend{display:flex;gap:12px;align-items:center;width:100%;margin-bottom:16px;padding:0;color:var(--text-2);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.skill-tests-fieldset legend:before{color:var(--accent-text);content:"0" counter(skill-tests-step) "."}.skill-tests-fieldset legend:after{flex:1;height:1px;content:"";background:var(--border)}.skill-tests-topic-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.skill-tests-topic-options>button,.skill-tests-difficulty-options>button,.skill-tests-answers>button{min-width:0;min-height:44px;color:var(--text-2);font:inherit;text-align:left;cursor:pointer;background:var(--surface);border:0;transition:color var(--dur-fast) ease,background-color var(--dur-fast) ease,border-color var(--dur-fast) ease,transform var(--dur-fast) ease}.skill-tests-topic-options>button{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:12px;align-content:start;min-height:8rem;padding:15px;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 58%,transparent)}.skill-tests-topic-options>button:hover,.skill-tests-difficulty-options>button:hover,.skill-tests-answers>button:hover:not(:disabled){color:var(--text);background:var(--surface-hover)}.skill-tests-topic-options>button:active:not(:disabled),.skill-tests-difficulty-options>button:active:not(:disabled),.skill-tests-answers>button:active:not(:disabled){transform:translateY(1px)}.skill-tests-topic-options>button[aria-pressed=true]{color:var(--text);border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.skill-tests-topic-options [data-topic-mark]{display:flex;width:24px;height:24px;align-items:center;justify-content:center;color:var(--text-2)}.skill-tests-topic-options [data-topic-mark] svg{width:100%;height:100%}.skill-tests-topic-options [data-topic-copy]{display:grid;min-width:0;gap:3px}.skill-tests-topic-options [data-topic-copy] strong{color:inherit;font-size:15px;line-height:1.25;white-space:normal}.skill-tests-topic-options [data-topic-copy] span{display:none}.skill-tests-topic-options [data-topic-tags]{align-self:end;max-width:none;color:var(--text-3);font-family:var(--mono);font-size:11px;line-height:1.45;text-align:left;white-space:normal}.skill-tests-loading{display:flex;grid-column:1 / -1;align-items:center;min-height:4.25rem;margin:0;padding:17px;color:var(--text-3);font-family:var(--mono);font-size:12px}.skill-tests-difficulty-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;border:1px solid var(--border);border-radius:var(--radius)}@media(min-width:641px){.skill-tests-difficulty-options>button:first-child{border-radius:calc(var(--radius) - 1px) 0 0 calc(var(--radius) - 1px)}.skill-tests-difficulty-options>button:last-child{border-radius:0 calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0}}.skill-tests-difficulty-options>button{display:grid;gap:5px;padding:14px 15px;text-align:center}.skill-tests-difficulty-options>button+button{border-left:1px solid var(--border)}.skill-tests-difficulty-options>button[data-difficulty=easy][aria-pressed=true]{color:var(--syn-green);background:var(--green-soft);box-shadow:inset 0 -3px 0 var(--syn-green)}.skill-tests-difficulty-options>button[data-difficulty=medium][aria-pressed=true]{color:var(--syn-amber);background:var(--amber-soft);box-shadow:inset 0 -3px 0 var(--syn-amber)}.skill-tests-difficulty-options>button[data-difficulty=hard][aria-pressed=true]{color:var(--syn-coral);background:var(--coral-soft);box-shadow:inset 0 -3px 0 var(--syn-coral)}.skill-tests-difficulty-options span{font-weight:700}.skill-tests-difficulty-options small{color:var(--text-3);font-family:var(--mono);font-size:10px}.skill-tests-topic-options>button:focus-visible,.skill-tests-difficulty-options>button:focus-visible,.skill-tests-answers>button:focus-visible,.skill-tests-page [tabindex="-1"]:focus-visible{position:relative;z-index:2;outline:2px solid var(--accent);outline-offset:2px}.skill-tests-topic-options>button:disabled,.skill-tests-difficulty-options>button:disabled{cursor:not-allowed;opacity:.56}.skill-tests-page .btn:disabled,.skill-tests-page .btn[aria-busy=true]{cursor:not-allowed;filter:none;opacity:.58;transform:none}.skill-tests-page .btn[aria-busy=true]{cursor:wait}.skill-tests-setup-error{margin:20px 0 0;padding:16px 18px;border-left:3px solid var(--syn-coral);background:color-mix(in srgb,var(--syn-coral) 7%,var(--surface))}.skill-tests-setup-error-copy{margin:0;color:var(--coral-text);line-height:1.55}.skill-tests-setup-error .btn{min-height:44px;margin-top:14px}.skill-tests-config-actions,.skill-tests-run-actions,.skill-tests-summary-actions,.skill-tests-status-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.skill-tests-config-actions{justify-content:flex-end;padding:32px 0 0}.skill-tests-config-actions [data-skill-tests-start]{min-width:13rem}.skill-tests-config-actions .btn,.skill-tests-run-actions .btn,.skill-tests-summary-actions .btn,.skill-tests-status-actions .btn{height:auto;min-height:44px;padding-block:10px;line-height:1.35;text-align:center;white-space:normal}.skill-tests-running{width:min(100%,59rem);margin:0 auto}.skill-tests-run-header{display:flex;gap:28px;align-items:end;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--border-strong)}.skill-tests-progress-copy>.mono{margin-bottom:8px}.skill-tests-progress-copy>p:last-child{margin:0;color:var(--text-2);font-size:14px}.skill-tests-timer{display:flex;gap:10px;align-items:baseline;color:var(--text-3);font-family:var(--mono);font-size:12px;text-transform:uppercase}.skill-tests-timer strong{min-width:3.3ch;color:var(--accent-text);font-size:24px;font-variant-numeric:tabular-nums;text-align:right;transition:color var(--dur-fast) ease}.skill-tests-timer strong[data-low-time=true]{color:var(--syn-coral)}.skill-tests-progress{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:5px;margin:16px 0 clamp(42px,7vw,74px)}.skill-tests-progress span{height:3px;border-radius:var(--radius-sm);background:var(--border-strong)}.skill-tests-progress span[data-complete=true]{background:var(--syn-green)}.skill-tests-progress span[data-current=true]{background:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 42%,transparent)}.skill-tests-question h2{max-width:26ch;margin:0;font-size:clamp(30px,4.2vw,54px);line-height:1.1;letter-spacing:-.035em;text-wrap:balance}.skill-tests-question h2:focus{outline:none}.skill-tests-code{position:relative;max-width:100%;margin:32px 0 0;overflow-x:auto;color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--well);box-shadow:inset 0 1px color-mix(in srgb,var(--text) 4%,transparent)}.skill-tests-code-language{position:sticky;left:0;display:block;width:max-content;padding:10px 16px 0;color:var(--text-3);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.skill-tests-code code{display:block;min-width:max-content;padding:15px 20px 20px;font-family:var(--mono);font-size:var(--fs-mono);line-height:1.7;white-space:pre}.skill-tests-answers{display:grid;gap:8px;margin-top:34px;counter-reset:skill-test-answer}.skill-tests-answers>button{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;align-items:center;padding:14px 18px;line-height:1.45;border:1px solid var(--border);border-radius:var(--radius-sm);counter-increment:skill-test-answer}.skill-tests-answers>button:before{display:grid;width:28px;height:28px;place-items:center;color:var(--text-3);font-family:var(--mono);font-size:11px;content:counter(skill-test-answer,upper-alpha);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.skill-tests-answers>button[aria-pressed=true]{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.skill-tests-answers>button[aria-pressed=true]:before{color:var(--accent-text);border-color:var(--accent)}.skill-tests-answers>button:disabled:not([aria-pressed=true]){color:var(--text-3);cursor:default;opacity:.58}.skill-tests-answer-status{min-height:1.5em;margin:16px 0 0;color:var(--text-3);font-size:var(--fs-mono)}.skill-tests-run-actions{justify-content:space-between;margin-top:30px;padding-top:22px;border-top:1px solid var(--border)}.skill-tests-status{width:min(100%,43rem);margin:clamp(42px,7vw,88px) auto 0;padding:clamp(28px,5vw,48px);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface)}.skill-tests-status>.mono{margin-bottom:12px}.skill-tests-status-pending,.skill-tests-error{margin:16px 0 0;color:var(--text-2);line-height:1.6}.skill-tests-error:not(:empty){color:var(--coral-text)}.skill-tests-status:has(.skill-tests-error:not(:empty)) .skill-tests-status-pending{display:none}.skill-tests-status-actions{margin-top:22px}.skill-tests-summary{display:grid;grid-template-columns:minmax(17rem,.72fr) minmax(0,1.28fr);gap:clamp(48px,8vw,120px);align-items:start;width:min(100%,67rem);margin:0 auto}.skill-tests-summary-lead{position:sticky;top:calc(var(--nav-h) + 42px)}.skill-tests-summary-lead>.mono{margin-bottom:14px}.skill-tests-summary-lead>p:not(.mono){margin:17px 0 0;color:var(--text-3);line-height:1.65}.skill-tests-score{margin-top:clamp(36px,6vw,68px);padding-top:20px;border-top:1px solid var(--border-strong)}.skill-tests-score>span{display:block;color:var(--text-3);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.skill-tests-score strong{display:block;margin-top:9px;color:var(--accent-text);font-family:var(--mono);font-size:clamp(60px,8vw,104px);font-weight:500;line-height:.94;letter-spacing:-.075em;font-variant-numeric:tabular-nums}.skill-tests-score p{min-height:1.5em;margin:17px 0 0;color:var(--text);font-weight:700}.skill-tests-summary[data-result=passed] .skill-tests-score strong,.skill-tests-summary[data-result=passed] .skill-tests-score p{color:var(--syn-green)}.skill-tests-summary[data-result=failed] .skill-tests-score strong,.skill-tests-summary[data-result=failed] .skill-tests-score p{color:var(--coral-text)}.skill-tests-summary-body{padding-top:4px}.skill-tests-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid var(--border-strong)}.skill-tests-result-grid>div{min-width:0;padding:20px 0;border-bottom:1px solid var(--border)}.skill-tests-result-grid>div:nth-child(odd){padding-right:20px}.skill-tests-result-grid>div:nth-child(2n){padding-left:20px;border-left:1px solid var(--border)}.skill-tests-result-grid dt{color:var(--text-3);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.skill-tests-result-grid dd{overflow:hidden;margin:8px 0 0;color:var(--text);font-family:var(--mono);font-size:17px;text-overflow:ellipsis}.skill-tests-locked-review{margin-top:40px;padding:24px 26px;border:1px solid var(--border);border-radius:var(--radius);background:var(--well)}.skill-tests-locked-review>.mono{margin-bottom:9px}.skill-tests-locked-review h3{margin:0;font-size:var(--fs-title);letter-spacing:-.02em}.skill-tests-locked-review>p:last-child{max-width:37rem;margin:12px 0 0;color:var(--text-3);line-height:1.65}.skill-tests-summary-actions{margin-top:34px}.skill-tests-login-copy{margin:17px 0 0;color:var(--text-3);font-size:var(--fs-mono)}.skill-tests-login-copy a{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.skill-tests-login-copy a:hover{color:var(--accent-text)}@media(max-width:1040px){.skill-tests-setup{grid-template-columns:minmax(0,1fr);gap:48px;min-height:0}.skill-tests-intro{max-width:46rem;padding-right:0}.skill-tests-config{padding-top:40px;padding-left:0;border-top:1px solid var(--border-subtle);border-left:0}}@media(max-width:720px){.skill-tests-page{padding:104px 0 80px;overflow:clip}.skill-tests-setup,.skill-tests-summary{grid-template-columns:minmax(0,1fr);gap:48px}.skill-tests-setup{min-height:0}.skill-tests-intro h1{max-width:14ch}.skill-tests-topic-options{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-tests-summary-lead{position:static}.skill-tests-summary-body{padding-top:0}.skill-tests-run-header{align-items:start}.skill-tests-question h2{max-width:100%}}@media(max-width:640px){.skill-tests-facts{grid-template-columns:minmax(0,1fr);gap:14px}.skill-tests-config{margin-inline:0}.skill-tests-topic-options,.skill-tests-difficulty-options{grid-template-columns:minmax(0,1fr)}.skill-tests-difficulty-options>button{grid-template-columns:minmax(0,1fr) auto;align-items:center;text-align:left}.skill-tests-difficulty-options>button:first-child{border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0}.skill-tests-difficulty-options>button:last-child{border-radius:0 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px)}.skill-tests-difficulty-options>button+button{border-top:1px solid var(--border);border-left:0}.skill-tests-difficulty-options>button[data-difficulty=easy][aria-pressed=true]{box-shadow:inset 3px 0 0 var(--syn-green)}.skill-tests-difficulty-options>button[data-difficulty=medium][aria-pressed=true]{box-shadow:inset 3px 0 0 var(--syn-amber)}.skill-tests-difficulty-options>button[data-difficulty=hard][aria-pressed=true]{box-shadow:inset 3px 0 0 var(--syn-coral)}.skill-tests-run-header,.skill-tests-run-actions{align-items:stretch}.skill-tests-run-actions,.skill-tests-summary-actions,.skill-tests-config-actions,.skill-tests-status-actions{display:grid;grid-template-columns:minmax(0,1fr)}.skill-tests-run-actions .btn,.skill-tests-summary-actions .btn,.skill-tests-config-actions .btn,.skill-tests-status-actions .btn{width:100%}.skill-tests-result-grid{grid-template-columns:minmax(0,1fr)}.skill-tests-result-grid>div:nth-child(odd),.skill-tests-result-grid>div:nth-child(2n){padding:17px 0;border-left:0}.skill-tests-locked-review{padding:22px 20px}}@media(prefers-reduced-motion:reduce){.skill-tests-topic-options>button,.skill-tests-difficulty-options>button,.skill-tests-answers>button,.skill-tests-page .btn,.skill-tests-timer strong{transition:none}}