:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-ink:oklch(96% .008 90);--color-muted:oklch(70% .008 90);--color-base:oklch(16% .006 90);--color-raised:oklch(25% .006 90);--color-raised-2:oklch(34% .006 90);--color-line:oklch(96% .008 90/.16);--color-accent:oklch(93% .21 116);--color-success:oklch(86% .15 155);--color-error:oklch(70% .19 27);--color-warning:oklch(82% .18 80);--color-button-ink:oklch(18% .01 90);--color-header-overlay:oklch(16% .006 90/.94);--color-dock-overlay:oklch(25% .006 90/.96);--color-dialog-overlay:oklch(10% .006 90/.75);--color-success-soft:oklch(86% .15 155/.11);--color-error-soft:oklch(70% .19 27/.1);--color-error-border:oklch(70% .19 27/.5);--color-success-ring:oklch(86% .15 155/.12);--color-domain-agentic:oklch(62.3% .214 259.8);--color-domain-tools:oklch(69.6% .17 162.5);--color-domain-claude-code:oklch(60.6% .25 292.7);--color-domain-prompting:oklch(76.9% .188 70.1);--color-domain-context:oklch(64.5% .246 16.4);--font-display:"frog Serif", Georgia, serif;--font-body:"BentonSansF", "Helvetica Neue", sans-serif;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:5rem;--space-4xl:7rem;--space-5xl:10rem;--text-xs:.7rem;--text-sm:.8rem;--text-body:1rem;--text-lead:1.1rem;--text-title:2.7rem;--text-display:6.5rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.14s;--dur-medium:.3s;--dur-slow:.5s;--rule-thin:1px;--radius-xs:2px;--radius-full:999px}@font-face{font-family:frog Serif;src:url(../fonts/frogSerif-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:BentonSansF;src:url(../fonts/BentonSansF-Book.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:BentonSansF;src:url(../fonts/BentonSansF-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:BentonSansF;src:url(../fonts/BentonSansF-Bold.woff2)format("woff2");font-weight:700;font-display:swap}*{box-sizing:border-box}html{background:var(--color-base);color:var(--color-ink);font-family:var(--font-body);font-kerning:normal}body,html{overflow-x:clip}body{background:radial-gradient(circle at 82% -10%,color-mix(in oklch,var(--color-accent) 8%,transparent),transparent 28rem),var(--color-base);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.skip-link{z-index:1000;background:var(--color-ink);color:var(--color-base);padding:.75rem 1rem;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.topbar{z-index:20;border-bottom:var(--rule-thin) solid var(--color-line);background:var(--color-header-overlay);grid-template-columns:1fr auto 1fr;height:4rem;padding:0 1.25rem;display:grid;position:sticky;top:0}.topbar,.wordmark{align-items:center}.wordmark{justify-self:start;min-height:2.75rem;display:inline-flex}.wordmark img{width:8rem;height:auto;display:block}.topbar nav{gap:clamp(1rem,4vw,3rem);display:flex}.topbar nav a{min-width:2.875rem;min-height:2.875rem;color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;font-size:.78rem;display:inline-flex}.topbar nav a.router-link-active{color:var(--color-ink)}.live-mark{color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;justify-self:end;font-size:.75rem}.live-mark i{background:var(--color-success);width:.5rem;height:.5rem;box-shadow:0 0 0 var(--space-3xs) var(--color-success-ring);border-radius:50%;margin-right:.45rem;display:inline-block}.page{width:min(100%,94rem);min-height:calc(100vh - 4rem);margin:0 auto;padding:clamp(1.25rem,4vw,4rem)}.eyebrow,.topic-tag{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem;font-size:.7rem;font-weight:700}.question-intro .eyebrow,.topic-tag{color:var(--domain-color,var(--color-accent))}.question-meta{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.domain-lozenge{padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-full);background:var(--domain-color,var(--color-accent));color:#fff;font-size:var(--text-xs);text-transform:uppercase;font-weight:700;line-height:1.4}.question-meta .topic-tag{color:var(--domain-color,var(--color-accent));margin:0}.domain-agentic{--domain-color:var(--color-domain-agentic)}.domain-tools{--domain-color:var(--color-domain-tools)}.domain-claude-code{--domain-color:var(--color-domain-claude-code)}.domain-prompting{--domain-color:var(--color-domain-prompting)}.domain-context{--domain-color:var(--color-domain-context)}h1,h2,h3,p{margin-top:0}h1{overflow-wrap:anywhere;min-width:0;font:400 clamp(2.5rem,7vw,var(--text-display)) /.88 var(--font-display);letter-spacing:-.015em;margin-bottom:1.5rem}h1 .accent-word{color:var(--color-accent);font-style:normal;font-weight:400}.session-progress{grid-template-columns:auto 1fr auto;align-items:end;gap:1.5rem;margin-bottom:clamp(2rem,6vw,5rem);display:grid}.session-progress strong{font:400 2rem/1 var(--font-display);font-variant-numeric:tabular-nums}.question-count,.session-question{align-items:baseline;display:inline-flex}.session-question{gap:var(--space-3xs)}.question-count,.question-count>*,.session-question .eyebrow{margin:0}.question-count{gap:0}.session-progress span{color:var(--color-muted);font-size:.78rem}.progress-track{background:var(--color-line);height:1px;margin-bottom:.45rem;overflow:hidden}.accuracy-bar i,.progress-track i,.vote-bar i{transform-origin:0;background:var(--color-accent);width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out);display:block}.progress-meta{align-items:center;gap:.75rem;display:flex}.phase-pill{border:var(--rule-thin) solid var(--color-line);text-transform:capitalize;border-radius:999px;padding:.35rem .55rem;color:var(--color-ink)!important}.question-panel{gap:var(--space-xl);flex-direction:column;width:min(100%,72rem);margin:0 auto;display:flex}.question-copy,.question-intro{min-width:0}.question-copy{gap:var(--space-sm);flex-direction:column;display:flex}.question-copy .topic-tag,.question-copy h1,.question-intro .eyebrow,.question-intro .scenario{margin:0}.question-copy h1{overflow-wrap:anywhere;text-wrap:balance;max-width:50ch;font-size:clamp(2.25rem,3vw,4rem);line-height:1.2}.question-intro{padding:clamp(var(--space-md),3vw,var(--space-lg));border-radius:var(--radius-xs);background:var(--color-raised)}.question-intro .eyebrow{margin-bottom:var(--space-sm)}.scenario{max-width:72ch;color:var(--color-ink);text-wrap:pretty;font-size:1.05rem;line-height:1.65}.question-sources{padding-top:var(--space-lg);border-top:var(--rule-thin) solid var(--color-line)}.question-sources ul{gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.question-sources a{min-height:2.875rem;padding:0 var(--space-sm);border:var(--rule-thin) solid var(--color-line);border-radius:var(--radius-xs);color:var(--color-ink);font-size:var(--text-sm);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);align-items:center;display:inline-flex}.question-sources a:hover{background:var(--color-raised)}.question-sources a:active{transform:translateY(1px)}.option{border:0;border-top:var(--rule-thin) solid var(--color-line);width:100%;min-height:5.5rem;color:var(--color-ink);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),padding var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);background:0 0;grid-template-columns:3rem 1fr auto;gap:1rem;padding:1.25rem 0;display:grid;position:relative}.option:last-child{border-bottom:var(--rule-thin) solid var(--color-line)}.option.selected,.option:not(:disabled):hover{background:var(--color-raised);padding-inline:1rem}.option:not(:disabled):active{transform:translateY(1px)}.option:disabled{cursor:default}.option.correct{background:var(--color-success-soft)}.option.incorrect{background:var(--color-error-soft)}.option-label{border:var(--rule-thin) solid var(--color-line);width:2.6rem;height:2.6rem;font:400 1.3rem var(--font-display);border-radius:50%;place-items:center;display:grid}.selected .option-label{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-base)}.correct .option-label{border-color:var(--color-success);background:var(--color-success)}.option-content{gap:.8rem;display:grid}.option-text{font-size:1rem;line-height:1.5}.explanation{max-width:62ch;color:var(--color-muted);font-size:.9rem;line-height:1.55}.vote-bar{background:var(--color-line);width:100%;height:2px;display:block;overflow:hidden}.option-result{color:var(--color-muted);font:400 1.1rem var(--font-display);font-variant-numeric:tabular-nums;text-align:right}.option-result small{font:400 .65rem var(--font-body);margin-top:.2rem;display:block}.action-dock{bottom:max(0px,env(safe-area-inset-bottom));border:var(--rule-thin) solid var(--color-line);background:var(--color-dock-overlay);justify-content:space-between;align-items:center;gap:1.5rem;margin:3rem -1rem -1rem;padding:1rem;display:flex;position:sticky}.action-dock p{color:var(--color-muted);margin:0}.button{cursor:pointer;white-space:nowrap;min-height:3rem;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;padding:.85rem 1.25rem;font-weight:700;display:inline-flex}.button:not(:disabled):active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.38}.button-primary{background:var(--color-accent);color:var(--color-button-ink)}.button-primary:not(:disabled):hover{background:color-mix(in oklch,var(--color-accent) 86%,var(--color-ink))}.button-secondary{border-color:var(--color-line);color:var(--color-ink);background:0 0}.button-danger:not(:disabled):hover,.button-quiet,.button-secondary:not(:disabled):hover{background:var(--color-raised)}.button-quiet{color:var(--color-ink)}.button-danger{border-color:var(--color-error-border);color:var(--color-error);background:0 0}.connection-banner,.connection-note{color:var(--color-warning);margin-bottom:1.5rem;font-size:.85rem}.loading-state{min-height:55vh;color:var(--color-muted);justify-content:center;align-items:center;gap:1rem;display:flex}.loader{border:2px solid var(--color-line);border-top-color:var(--color-accent);border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.auth-layout{grid-template-columns:1.4fr .6fr;align-items:end;gap:clamp(3rem,10vw,10rem);min-height:70vh;display:grid}.auth-statement>p:last-child{max-width:34rem;color:var(--color-muted);font-size:1.1rem;line-height:1.6}.auth-form{border-top:var(--rule-thin) solid var(--color-line);border-bottom:var(--rule-thin) solid var(--color-line);gap:1rem;padding:1.5rem;display:grid}.auth-form label{font-size:.8rem;font-weight:700}.auth-form input{border:var(--rule-thin) solid var(--color-line);background:var(--color-raised);min-height:3.4rem;color:var(--color-ink);border-radius:2px;padding:0 1rem}.form-error{color:var(--color-error);line-height:1.45}.facilitator-grid{grid-template-columns:17rem 1fr;gap:clamp(2rem,5vw,5rem);display:grid}.control-rail{border-right:var(--rule-thin) solid var(--color-line);flex-direction:column;align-self:start;min-height:calc(100vh - 10rem);padding-right:2rem;display:flex;position:sticky;top:6rem}.control-rail h1{font-size:3.7rem}.control-rail .session-progress{grid-template-columns:1fr;gap:.75rem;margin:auto 0 2rem;display:grid}.control-actions{gap:.75rem;display:grid}.confirm-dialog{border:var(--rule-thin) solid var(--color-line);background:var(--color-raised);width:min(90vw,34rem);color:var(--color-ink);box-shadow:0 0 0 100vmax var(--color-dialog-overlay);margin:auto;padding:2rem;position:fixed;inset:0}.confirm-dialog h2{font:400 2rem/1.1 var(--font-display)}.confirm-dialog>p:not(.eyebrow){color:var(--color-muted)}.dialog-actions{justify-content:flex-end;gap:.75rem;margin-top:2rem;display:flex}.stats-header{justify-content:space-between;align-items:start;gap:2rem;margin-bottom:4rem;display:flex}.metric-strip{border-top:var(--rule-thin) solid var(--color-line);border-bottom:var(--rule-thin) solid var(--color-line);grid-template-columns:repeat(3,1fr);display:grid}.metric-strip>div{gap:.5rem;padding:2rem 0;display:grid}.metric-strip strong{font:400 clamp(3rem,8vw,6rem) /1 var(--font-display)}.metric-strip span{color:var(--color-muted)}.accent-metric strong{color:var(--color-accent)}.domain-section{grid-template-columns:.35fr 1fr;gap:3rem;padding:5rem 0;display:grid}.section-heading h2{font:400 2.5rem var(--font-display)}.domain-row{border-top:var(--rule-thin) solid var(--color-line);grid-template-columns:minmax(12rem,1fr) 1fr 4rem;align-items:center;gap:1.5rem;padding:1.25rem 0;display:grid}.domain-row>div:first-child{gap:.4rem;display:grid}.domain-row span{color:var(--color-muted);font-size:.8rem}.accuracy-bar{background:var(--color-raised);height:.35rem;overflow:hidden}.accuracy-value{font:400 1.6rem var(--font-display);text-align:right}.empty-state{border:var(--rule-thin) dashed var(--color-line);color:var(--color-muted);padding:3rem}.question-results article{border-top:var(--rule-thin) solid var(--color-line);grid-template-columns:4rem 1fr auto;gap:1.5rem;padding:2rem 0;display:grid}.question-results article>strong,.result-number{font:400 2rem var(--font-display)}.question-results h3{max-width:55rem;font:400 1.35rem/1.35 var(--font-display);margin-bottom:.6rem}.question-results article p:last-child{color:var(--color-muted)}@media (width<=800px){.topbar{grid-template-columns:1fr auto}.topbar nav{z-index:30;padding:1rem max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom));border-top:var(--rule-thin) solid var(--color-line);background:var(--color-raised);justify-content:space-around;position:fixed;bottom:0;left:0;right:0}.topbar nav a{white-space:nowrap;justify-content:center;min-width:4.5rem;min-height:2.875rem}.live-mark{display:none}.page{padding-bottom:7rem}.auth-layout,.domain-section,.facilitator-grid{grid-template-columns:1fr}.control-rail{position:static}.question-panel{gap:var(--space-lg)}.facilitator-grid{gap:3rem}.control-rail{border-right:0;border-bottom:var(--rule-thin) solid var(--color-line);min-height:auto;padding:0 0 2rem}.control-rail .session-progress{margin:1.5rem 0}.metric-strip{grid-template-columns:1fr}.metric-strip>div+div{border-top:var(--rule-thin) solid var(--color-line)}}@media (width<=560px){.page{padding-right:var(--space-sm);padding-left:var(--space-sm)}h1{font-size:clamp(2.4rem,14vw,4rem)}.session-progress{grid-template-columns:auto 1fr;gap:.75rem 1rem}.progress-meta{grid-column:1/-1}.option{grid-template-columns:2.7rem 1fr}.option-result{text-align:left;grid-column:2}.action-dock,.stats-header{flex-direction:column;align-items:stretch}.domain-row{grid-template-columns:1fr 3rem}.accuracy-bar{grid-row:2}.question-results article{grid-template-columns:3rem 1fr}.question-results article>strong{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}