:root{color-scheme:dark;--color-void: oklch(.08 0 0);--color-graphite: oklch(.15 .015 269);--color-surface: oklch(.2 .018 269);--color-surface-raised: oklch(.25 .022 269);--color-indigo: oklch(.66 .18 269);--color-indigo-deep: oklch(.35 .11 269);--color-lime: oklch(.88 .19 128);--color-lime-soft: oklch(.93 .12 128);--color-ice: oklch(.82 .11 210);--color-white: oklch(.97 0 0);--color-muted: oklch(.72 .02 269);--color-subtle: oklch(.59 .018 269);--color-error: oklch(.68 .19 25);--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--text-caption: .75rem;--text-small: .875rem;--text-body: 1rem;--text-subheading: 1.25rem;--text-title-compact: 1.75rem;--text-heading: 2rem;--text-heading-wide: 2.5rem;--text-wordmark-compact: 3.5rem;--text-display: 3rem;--border-subtle: oklch(.32 .025 269);--border-strong: oklch(.5 .07 269);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--z-toast: 50;--z-entry: 70;--z-skip: 80;--content-width: 78rem;--font-ui: Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Segoe UI", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace}*,*:before,*:after{box-sizing:border-box}html{min-width:20rem;min-height:100%;background:var(--color-void);font-family:var(--font-ui);font-kerning:normal;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 86% 10%,oklch(.38 .11 269 / .22),transparent 31rem),var(--color-void);color:var(--color-white);font-size:var(--text-body);line-height:1.6}body:before{position:fixed;inset:0 0 auto auto;width:min(42vw,34rem);height:.25rem;background:var(--color-indigo);content:"";pointer-events:none}button,input,textarea,select{font:inherit}button{color:inherit}button:focus{outline:none}button:focus-visible,a:focus-visible{outline:.1875rem solid var(--color-lime);outline-offset:.25rem}[data-focus-heading]:focus{outline:none}button:disabled{cursor:wait}svg{display:block}.entry-sequence{display:none}.has-entry-motion .entry-sequence{position:fixed;z-index:var(--z-entry);inset:0;display:grid;overflow:hidden;place-items:center;background:var(--color-void);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);pointer-events:none;animation:entry-curtain .72s var(--ease-out-expo) both}.has-entry-motion .entry-sequence:before{position:absolute;inset:-20% auto -20% -35%;width:62%;transform:translate(-24%) skew(-14deg);background:var(--color-graphite);content:"";animation:entry-blade .62s var(--ease-out-expo) both}.has-entry-motion .entry-sequence:after{position:absolute;inset:0 auto 0 0;width:28vw;transform:translate(-120%) skew(-14deg);background:var(--color-indigo-deep);content:"";opacity:.5;animation:entry-blade-secondary .6s 40ms var(--ease-out-expo) both}.entry-mark{position:relative;z-index:1;display:grid;justify-items:center;color:var(--color-white);text-align:center;animation:entry-mark .58s 30ms var(--ease-out-expo) both}.entry-mark strong{transform:skew(-10deg) scaleX(.84);font-family:Impact,Haettenschweiler,var(--font-ui);font-size:clamp(4.5rem,24vw,8rem);font-weight:900;letter-spacing:-.04em;line-height:.9}.entry-mark span{margin-top:var(--space-md);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-caption);font-weight:700;letter-spacing:.1em}.entry-scan{position:absolute;z-index:2;inset-block:0;left:0;width:.25rem;transform:translate(-1rem) skew(-10deg);background:var(--color-lime);box-shadow:0 0 1rem #b3ee5566;animation:entry-scan-pass .64s 70ms var(--ease-out-expo) both}@keyframes entry-curtain{0%,58%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}@keyframes entry-blade{0%{transform:translate(-82%) skew(-14deg)}45%{transform:translate(0) skew(-14deg)}to{transform:translate(230%) skew(-14deg)}}@keyframes entry-blade-secondary{0%{transform:translate(-120%) skew(-14deg)}to{transform:translate(470%) skew(-14deg)}}@keyframes entry-mark{0%{opacity:0;transform:translate(-1.5rem);clip-path:inset(0 100% 0 0)}34%,66%{opacity:1;transform:translate(0);clip-path:inset(0)}to{opacity:0;transform:translate(1rem);clip-path:inset(0 0 0 100%)}}@keyframes entry-scan-pass{0%{transform:translate(-1rem) skew(-10deg)}to{transform:translate(calc(100vw + 1rem)) skew(-10deg)}}@keyframes entry-ui-reveal{0%{opacity:0;transform:translate(-1rem);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:translate(0);clip-path:inset(0)}}@keyframes entry-control-reveal{0%{opacity:0;transform:translate(1rem);clip-path:inset(0 0 0 100%)}to{opacity:1;transform:translate(0);clip-path:inset(0)}}.has-entry-motion .site-header{animation:entry-ui-reveal .3s .36s var(--ease-out-expo) both}.has-entry-motion .flow-rail{animation:entry-ui-reveal .28s .41s var(--ease-out-expo) both}.has-entry-motion .start-copy>.screen-label{animation:entry-ui-reveal .26s .47s var(--ease-out-expo) both}.has-entry-motion .hero-wordmark{animation:entry-ui-reveal .3s .5s var(--ease-out-expo) both}.has-entry-motion .start-copy h1{animation:entry-ui-reveal .3s .54s var(--ease-out-expo) both}.has-entry-motion .start-intro{animation:entry-ui-reveal .3s .56s var(--ease-out-expo) both}.has-entry-motion .start-meta{animation:entry-ui-reveal .3s .59s var(--ease-out-expo) both}.has-entry-motion .start-button{animation:entry-control-reveal .3s .62s var(--ease-out-expo) both}.has-entry-motion .content-note{animation:entry-ui-reveal .25s .65s var(--ease-out-expo) both}.has-entry-motion .scanner-visual{animation:entry-control-reveal .38s .52s var(--ease-out-expo) both}.has-entry-motion .site-footer{animation:entry-ui-reveal .26s .61s var(--ease-out-expo) both}.skip-link{position:fixed;z-index:var(--z-skip);inset:var(--space-md) auto auto var(--space-md);padding:var(--space-sm) var(--space-md);transform:translateY(-200%);background:var(--color-lime);color:var(--color-void);font-weight:700}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript-message{max-width:40rem;margin:var(--space-2xl) auto;padding:var(--space-lg);border:1px solid var(--color-error)}.site-shell{position:relative;display:flex;min-height:100dvh;flex-direction:column;isolation:isolate}.site-header,.main-layout,.site-footer{width:min(100% - 2rem,var(--content-width));margin-inline:auto}.site-header{display:flex;min-height:5.25rem;align-items:center;justify-content:space-between;gap:var(--space-lg);padding-top:max(var(--space-md),env(safe-area-inset-top));border-bottom:1px solid var(--border-subtle)}.brand-lockup{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.brand-wordmark{display:inline-block;transform:skew(-10deg) scaleX(.86);transform-origin:left center;font-family:Impact,Haettenschweiler,var(--font-ui);font-size:1.75rem;font-weight:900;letter-spacing:-.04em;line-height:1}.brand-name{max-width:9rem;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-caption);font-weight:700;letter-spacing:.08em;line-height:1.25}.header-status{display:none;align-items:center;gap:var(--space-xs);color:var(--color-subtle);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.04em}.status-dot{width:.5rem;height:.5rem;background:var(--color-lime);border-radius:50%}.header-divider{width:1px;height:.875rem;margin-inline:var(--space-xs);background:var(--border-subtle)}.main-layout{display:grid;flex:1;align-items:stretch}.flow-rail{padding-block:var(--space-lg) var(--space-md);border-bottom:1px solid var(--border-subtle)}.flow-rail ol{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:0;margin:0;list-style:none}.flow-step{position:relative;display:grid;flex:1;grid-template-columns:auto auto;align-items:center;justify-content:start;gap:0 var(--space-xs);color:var(--color-subtle);font-family:var(--font-mono);font-size:var(--text-caption)}.flow-step:not(:last-child):after{position:absolute;top:.5rem;right:var(--space-xs);left:calc(100% - 2rem);height:1px;background:var(--border-subtle);content:""}.flow-step[data-status=active]{color:var(--color-lime)}.flow-step[data-status=complete]{color:var(--color-ice)}.flow-dot{display:grid;width:1rem;height:1rem;grid-row:span 2;place-items:center;border:1px solid currentColor;border-radius:50%}.flow-dot svg{width:.75rem;fill:none;stroke:currentColor;stroke-width:2}.flow-step[data-status=active] .flow-dot{background:var(--color-lime);box-shadow:0 0 0 .25rem var(--color-void),0 0 0 .3125rem var(--color-lime)}.flow-number{font-weight:700;line-height:1}.flow-label{display:none;font-size:var(--text-caption);letter-spacing:.06em}.screen-frame{min-width:0}.screen{position:relative;min-height:calc(100dvh - 12rem);padding-block:var(--space-2xl) var(--space-3xl);animation:screen-in .3s var(--ease-out-quint) both}@keyframes screen-in{0%{opacity:0;transform:translateY(.75rem);clip-path:inset(0 0 8% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}.screen-label,.player-code,.result-code,.panel-heading,.question-trait,.keyboard-hint,.play-note-label{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.07em}.screen-label{margin:0;color:var(--color-indigo);font-weight:700}.start-stage{display:grid;gap:var(--space-3xl)}.start-copy{max-width:40rem}.hero-wordmark{margin-top:var(--space-lg);transform:skew(-10deg) scaleX(.84);transform-origin:left center;color:var(--color-white);font-family:Impact,Haettenschweiler,var(--font-ui);font-size:clamp(4.5rem,21vw,6rem);font-weight:900;letter-spacing:-.04em;line-height:.9}.start-copy h1,.question-heading h1,.result-hero h1{text-wrap:balance}.start-copy h1{margin:var(--space-lg) 0 0;font-size:var(--text-heading);line-height:1.22}.start-intro{max-width:35ch;margin:var(--space-md) 0 0;color:var(--color-muted);font-size:var(--text-body);line-height:1.7;text-wrap:pretty}.start-intro,.question-heading h1,.question-context,.result-tagline,.analysis-intro>p:last-child,.play-note p{overflow-wrap:anywhere;word-break:keep-all}.start-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-xl);margin:var(--space-xl) 0;padding-block:var(--space-md);border-block:1px solid var(--border-subtle)}.start-meta div{min-width:5rem}.start-meta dt{color:var(--color-subtle);font-size:var(--text-caption)}.start-meta dd{margin:var(--space-2xs) 0 0;font-family:var(--font-mono);font-size:var(--text-small);font-weight:700}.button{display:inline-flex;min-height:3.5rem;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:0;cursor:pointer;font-weight:800;transition:transform .14s var(--ease-out-quint),background-color .18s var(--ease-out-quint),color .18s var(--ease-out-quint),opacity .18s var(--ease-out-quint)}.button svg,.text-button svg{width:1.25rem;height:1.25rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.75}.button:active{transform:scale(.98)}.button:disabled{opacity:.68}.button-primary{clip-path:polygon(0 0,100% 0,100% calc(100% - .75rem),calc(100% - .75rem) 100%,0 100%);background:var(--color-lime);color:var(--color-void)}.button-secondary{border:1px solid var(--color-indigo);background:transparent;color:var(--color-white)}.start-button{width:100%;max-width:24rem;justify-content:space-between}.content-note,.result-disclaimer{color:var(--color-subtle);font-size:var(--text-caption);text-wrap:pretty}.content-note{margin:var(--space-md) 0 0}.scanner-visual{position:relative;display:none;align-self:center;justify-self:end}.scanner-frame{position:relative;display:grid;width:20rem;aspect-ratio:1;place-items:center;background:var(--color-graphite);clip-path:polygon(0 0,84% 0,100% 16%,100% 100%,16% 100%,0 84%)}.scanner-frame:before,.scanner-frame:after{position:absolute;width:62%;height:1px;background:var(--color-indigo);content:""}.scanner-frame:after{transform:rotate(90deg)}.scanner-corner{position:absolute;width:3rem;height:3rem;border-color:var(--color-lime);border-style:solid}.corner-a{inset:var(--space-lg) auto auto var(--space-lg);border-width:2px 0 0 2px}.corner-b{inset:var(--space-lg) var(--space-lg) auto auto;border-width:2px 2px 0 0}.corner-c{inset:auto auto var(--space-lg) var(--space-lg);border-width:0 0 2px 2px}.corner-d{inset:auto var(--space-lg) var(--space-lg) auto;border-width:0 2px 2px 0}.scanner-axis{position:absolute;width:72%;height:1px;background:var(--border-strong)}.axis-y{transform:rotate(90deg)}.scanner-core{position:relative;display:grid;width:5.5rem;height:5.5rem;place-items:center;color:var(--color-lime);font-family:var(--font-mono);font-size:3rem}.scanner-caption{display:flex;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-sm);color:var(--color-subtle);font-family:var(--font-mono);font-size:var(--text-caption)}.question-topline,.result-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.result-topline .screen-label{min-width:0}.player-code{flex:0 0 auto;white-space:nowrap}.text-button{display:inline-flex;min-height:2.75rem;align-items:center;gap:var(--space-xs);padding:var(--space-xs) 0;border:0;background:transparent;color:var(--color-muted);cursor:pointer;font-size:var(--text-small)}.text-button:hover{color:var(--color-white)}.question-trait{color:var(--color-indigo);text-align:right}.question-progress{display:grid;align-items:end;gap:var(--space-sm);margin-top:var(--space-xl)}.question-count{display:flex;align-items:baseline;gap:var(--space-xs);font-family:var(--font-mono)}.question-count strong{color:var(--color-lime);font-size:var(--text-subheading)}.question-count span{color:var(--color-subtle);font-size:var(--text-small)}.progress-track{height:.25rem;overflow:hidden;background:var(--color-surface)}.progress-track span{display:block;width:100%;height:100%;transform:scaleX(var(--progress));transform-origin:left;background:var(--color-lime);transition:transform .22s var(--ease-out-quint)}.quiz-screen{animation:none}.quiz-screen:not(.is-confirming) .question-topline{animation:question-topline-in .18s var(--ease-out-quint) backwards}.quiz-screen:not(.is-confirming) .question-count{animation:question-count-in .22s 30ms var(--ease-out-expo) backwards}.quiz-screen:not(.is-confirming) .progress-track{animation:question-track-in .22s 40ms var(--ease-out-quint) backwards}.quiz-screen:not(.is-confirming) .progress-track span{animation:question-progress-in .32s 40ms var(--ease-out-expo) backwards}.quiz-screen:not(.is-confirming)[data-direction=forward] .question-heading{animation:question-heading-forward .26s 60ms var(--ease-out-expo) backwards}.quiz-screen:not(.is-confirming)[data-direction=backward] .question-heading{animation:question-heading-backward .26s 60ms var(--ease-out-expo) backwards}.quiz-screen:not(.is-confirming)[data-direction=forward] .answer-option{animation:answer-forward .24s var(--answer-delay) var(--ease-out-expo) backwards}.quiz-screen:not(.is-confirming)[data-direction=backward] .answer-option{animation:answer-backward .24s var(--answer-delay) var(--ease-out-expo) backwards}.quiz-screen.is-confirming .answer-option.is-selected{animation:answer-confirm .18s var(--ease-out-expo) both}.quiz-screen.is-confirming .answer-option:not(.is-selected){animation:answer-dim .16s var(--ease-out-quint) both}.quiz-screen.is-confirming .answer-option.is-selected .answer-check svg{stroke-dasharray:24;stroke-dashoffset:24;animation:answer-check-draw .14s 35ms var(--ease-out-quint) forwards}@keyframes question-topline-in{0%{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}@keyframes question-count-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes question-track-in{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes question-progress-in{0%{transform:scaleX(var(--progress-from))}to{transform:scaleX(var(--progress))}}@keyframes question-heading-forward{0%{opacity:0;transform:translate(-1rem);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:translate(0);clip-path:inset(0)}}@keyframes question-heading-backward{0%{opacity:0;transform:translate(1rem);clip-path:inset(0 0 0 100%)}to{opacity:1;transform:translate(0);clip-path:inset(0)}}@keyframes answer-forward{0%{opacity:0;transform:translate(1rem);clip-path:inset(0 0 0 100%)}to{opacity:1;transform:translate(0);clip-path:inset(0)}}@keyframes answer-backward{0%{opacity:0;transform:translate(-1rem);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:translate(0);clip-path:inset(0)}}@keyframes answer-confirm{0%{transform:scale(1)}48%{transform:scale(.985)}to{transform:scale(1)}}@keyframes answer-dim{0%{opacity:1}to{opacity:.46}}@keyframes answer-check-draw{to{stroke-dashoffset:0}}.question-body{display:grid;gap:var(--space-xl);margin-top:var(--space-2xl)}.question-heading h1{max-width:19ch;margin:var(--space-md) 0 0;font-size:var(--text-heading);letter-spacing:-.025em;line-height:1.35}.question-context{max-width:50ch;margin:var(--space-lg) 0 0;padding:var(--space-md);border:1px solid var(--border-strong);background:var(--color-graphite);color:var(--color-ice);font-size:var(--text-body)}.answer-grid{display:grid;gap:var(--space-sm)}.answer-option{position:relative;display:grid;min-height:5rem;grid-template-columns:2.25rem 1fr 1.5rem;align-items:center;gap:var(--space-sm);padding:var(--space-md);overflow:hidden;border:1px solid var(--border-subtle);background:var(--color-graphite);color:var(--color-white);cursor:pointer;text-align:left;transition:border-color .16s var(--ease-out-quint),background-color .16s var(--ease-out-quint),transform .14s var(--ease-out-quint)}.answer-option:before,.answer-option:after{position:absolute;width:1rem;height:1rem;border-color:transparent;border-style:solid;content:"";transition:border-color .16s var(--ease-out-quint)}.answer-option:before{inset:var(--space-xs) auto auto var(--space-xs);border-width:1px 0 0 1px}.answer-option:after{inset:auto var(--space-xs) var(--space-xs) auto;border-width:0 1px 1px 0}.answer-option:hover{border-color:var(--border-strong);background:var(--color-surface)}.answer-option:active{transform:scale(.99)}.answer-option.is-selected{border-color:var(--color-lime);background:#121909}.answer-option.is-selected:before,.answer-option.is-selected:after{border-color:var(--color-lime)}.answer-key{color:var(--color-indigo);font-family:var(--font-mono);font-size:var(--text-subheading);font-weight:700}.answer-option.is-selected .answer-key{color:var(--color-lime)}.answer-text{font-weight:600;line-height:1.45}.answer-check{display:grid;width:1.5rem;height:1.5rem;place-items:center;border:1px solid var(--border-strong);border-radius:50%;color:transparent}.answer-check svg{width:1rem;fill:none;stroke:currentColor;stroke-width:2}.answer-option.is-selected .answer-check{border-color:var(--color-lime);background:var(--color-lime);color:var(--color-void)}.keyboard-hint{display:none;margin:var(--space-xl) 0 0;color:var(--color-subtle)}kbd{padding:0 var(--space-2xs);border:1px solid var(--border-subtle);background:var(--color-graphite);color:var(--color-muted);font-family:var(--font-mono)}.result-topline{padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle)}.player-code{color:var(--color-lime);text-align:right}.result-hero{display:grid;gap:var(--space-xl);padding-block:var(--space-2xl)}.result-code{margin:0;color:var(--color-indigo)}.result-hero h1{margin:var(--space-sm) 0 0;color:var(--color-white);font-size:clamp(2.75rem,14vw,4.75rem);letter-spacing:-.04em;line-height:1}.result-tagline{max-width:38ch;margin:var(--space-md) 0 0;color:var(--color-muted);font-size:var(--text-subheading);line-height:1.55;text-wrap:pretty}.result-summary{display:flex;align-items:flex-start;flex-direction:column;gap:var(--space-xs);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.result-summary span{color:var(--color-subtle);font-size:var(--text-caption)}.result-summary strong{color:var(--color-lime);font-size:var(--text-subheading)}.result-data-grid{display:grid;border-block:1px solid var(--border-subtle)}.radar-panel,.stat-panel{min-width:0;padding-block:var(--space-lg) var(--space-xl)}.radar-panel{border-bottom:1px solid var(--border-subtle)}.panel-heading{display:flex;justify-content:space-between;color:var(--color-subtle)}.panel-heading span:first-child{color:var(--color-indigo);font-weight:700}.radar-chart{width:min(100%,25rem);margin:var(--space-md) auto 0;overflow:visible}.radar-grid,.radar-axis{fill:none;stroke:var(--color-surface-raised);stroke-width:1;vector-effect:non-scaling-stroke}.radar-grid-outer{stroke:var(--border-strong)}.radar-value{fill:#60d8eb40;stroke:var(--color-ice);stroke-width:2;vector-effect:non-scaling-stroke}.radar-chart text{fill:var(--color-muted);font-family:var(--font-ui);font-size:.75rem;font-weight:700}.stat-list{display:grid;gap:var(--space-md);margin-top:var(--space-xl)}.stat-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md)}.stat-heading span{color:var(--color-muted);font-size:var(--text-small)}.stat-heading strong{color:var(--color-ice);font-family:var(--font-mono);font-size:var(--text-small)}.stat-track{height:.375rem;margin-top:var(--space-xs);overflow:hidden;background:var(--color-surface)}.stat-track span{display:block;width:var(--score);height:100%;transform-origin:left;background:var(--color-ice);animation:stat-grow .62s var(--ease-out-quint) both}@keyframes stat-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pressure-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-top:var(--space-xl);padding:var(--space-md);border:1px solid var(--border-strong);background:var(--color-graphite)}.pressure-row>div{display:grid;gap:var(--space-2xs)}.pressure-row span:first-child{color:var(--color-subtle);font-size:var(--text-caption)}.pressure-row strong{font-size:var(--text-small)}.pressure-score{color:var(--color-lime);font-family:var(--font-mono);font-size:var(--text-heading);font-weight:700}.profile-analysis{display:grid;gap:var(--space-xl);padding-block:var(--space-2xl)}.analysis-intro>p:last-child{max-width:60ch;margin:var(--space-md) 0 0;color:var(--color-muted);font-size:var(--text-subheading);line-height:1.7;text-wrap:pretty}.analysis-list{display:grid;gap:0;margin:0}.analysis-list div{display:grid;gap:var(--space-xs);padding-block:var(--space-md);border-top:1px solid var(--border-subtle)}.analysis-list div:last-child{border-bottom:1px solid var(--border-subtle)}.analysis-list dt{color:var(--color-subtle);font-size:var(--text-caption)}.analysis-list dd{margin:0;color:var(--color-white);font-weight:600}.play-note{position:relative;padding:var(--space-lg);border:1px solid var(--color-indigo-deep);background:var(--color-graphite);clip-path:polygon(0 0,100% 0,100% calc(100% - 1rem),calc(100% - 1rem) 100%,0 100%)}.play-note-label{color:var(--color-lime);font-weight:700}.play-note p{max-width:62ch;margin:var(--space-sm) 0 0;color:var(--color-white);font-size:var(--text-subheading);text-wrap:pretty}.result-actions{position:static;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin:var(--space-2xl) 0 0;padding:0;background:transparent;border-top:0}.result-actions .button{min-height:3.75rem;padding-inline:var(--space-md)}.retake-button{grid-column:1 / -1;justify-self:center}.result-disclaimer{max-width:65ch;margin:var(--space-md) 0 0}.site-footer{display:flex;min-height:4rem;align-items:center;justify-content:space-between;gap:var(--space-md);padding-bottom:max(0rem,env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle);color:var(--color-subtle);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.05em}.site-footer span:last-child{text-align:right}.toast{position:fixed;z-index:var(--z-toast);right:var(--space-md);bottom:max(var(--space-md),env(safe-area-inset-bottom));left:var(--space-md);max-width:30rem;margin-inline:auto;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-lime);background:var(--color-graphite);color:var(--color-white);font-weight:600;animation:toast-in .22s var(--ease-out-quint) both}.toast-error{border-color:var(--color-error)}@keyframes toast-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@media(hover:hover)and (pointer:fine){.button-primary:hover{background:var(--color-lime-soft)}.button-secondary:hover{background:var(--color-indigo-deep)}.answer-option:hover{transform:translateY(-.125rem)}.keyboard-hint{display:block}}@media(min-width:40rem){.site-header,.main-layout,.site-footer{width:min(100% - 3rem,var(--content-width))}.header-status{display:flex}.flow-label{display:block}.screen{padding-block:var(--space-3xl) var(--space-4xl)}.start-copy h1,.question-heading h1{font-size:var(--text-heading-wide)}.question-progress{grid-template-columns:auto 1fr}.progress-track{margin-bottom:var(--space-xs)}.analysis-list{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-list div:nth-child(odd){padding-right:var(--space-xl)}.analysis-list div:nth-child(2n){padding-left:var(--space-xl)}.result-actions{position:static;grid-template-columns:auto auto 1fr;margin:var(--space-2xl) 0 0;padding:0;background:transparent;border-top:0}.retake-button{grid-column:auto;justify-self:end}}@media(min-width:47.5rem){.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.answer-option{min-height:7rem;padding:var(--space-lg)}}@media(min-width:61.5rem){.main-layout{grid-template-columns:7.5rem minmax(0,1fr);gap:var(--space-2xl)}.flow-rail{padding-block:var(--space-3xl);border-right:1px solid var(--border-subtle);border-bottom:0}.flow-rail ol{position:sticky;top:var(--space-xl);align-items:flex-start;flex-direction:column;gap:var(--space-3xl)}.flow-step{width:100%;flex:0 0 auto}.flow-step:not(:last-child):after{top:1rem;right:auto;bottom:calc(var(--space-3xl) * -1);left:.46875rem;width:1px;height:var(--space-3xl)}.screen{min-height:calc(100dvh - 9.25rem)}.start-stage{grid-template-columns:minmax(0,1.05fr) minmax(18rem,.8fr);align-items:center}.scanner-visual{display:block}.question-body{grid-template-columns:minmax(18rem,.8fr) minmax(26rem,1.2fr);align-items:start;gap:var(--space-3xl)}.question-body .answer-grid{grid-template-columns:1fr}.result-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end}.result-summary{min-width:15rem;padding:0 0 0 var(--space-xl);border-top:0;border-left:1px solid var(--border-subtle)}.result-data-grid{grid-template-columns:minmax(20rem,.95fr) minmax(20rem,1.05fr)}.radar-panel{padding-right:var(--space-2xl);border-right:1px solid var(--border-subtle);border-bottom:0}.stat-panel{padding-left:var(--space-2xl)}.profile-analysis{grid-template-columns:minmax(18rem,.8fr) minmax(26rem,1.2fr);gap:var(--space-3xl)}}@media(min-width:75rem){.main-layout{gap:var(--space-3xl)}.question-body .answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scanner-frame{width:23rem}}@media(max-width:24rem){.site-header,.main-layout,.site-footer{width:min(100% - 1rem,var(--content-width))}.brand-name,.question-trait{display:none}.site-header{min-height:4.25rem;padding-top:max(var(--space-xs),env(safe-area-inset-top))}.flow-rail{padding-block:var(--space-sm) var(--space-xs)}.screen{min-height:calc(100dvh - 9rem);padding-block:var(--space-lg) var(--space-2xl)}.hero-wordmark{margin-top:var(--space-sm);font-size:var(--text-wordmark-compact)}.start-copy h1{margin-top:var(--space-sm);font-size:var(--text-title-compact)}.start-intro{margin-top:var(--space-xs);line-height:1.55}.start-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);margin-block:var(--space-md);padding-block:var(--space-sm)}.start-meta div{min-width:0}.start-meta dd{font-size:var(--text-caption)}.question-progress{margin-top:var(--space-sm)}.question-body{gap:var(--space-md);margin-top:var(--space-lg)}.question-heading h1{margin-top:var(--space-xs);font-size:var(--text-title-compact);line-height:1.28}.question-context{margin-top:var(--space-sm);padding:var(--space-sm)}.flow-step:not(:last-child):after{display:none}.result-actions{position:static;grid-template-columns:1fr;margin:var(--space-lg) 0 0;padding:0;background:transparent;border-top:0}.retake-button{grid-column:auto}.button{padding-inline:var(--space-sm)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){.button,.answer-option,.play-note,.pressure-row{border:1px solid ButtonText}.answer-option.is-selected{outline:.25rem solid Highlight}}
