: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:0;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;background:radial-gradient(ellipse at 90% 0%,oklch(.38 .11 269 / .4),transparent 42rem),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-wordmark{display:block;width:clamp(8rem,32vw,13rem);height:auto;filter:drop-shadow(0 4px 0 var(--color-indigo-deep))}.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;width:3rem;height:auto;flex:0 0 3rem;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%}.main-layout{display:grid;grid-template-rows:auto 1fr;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;container-type:inline-size}.screen{position:relative;min-height:calc(100dvh - 12rem);padding-block:var(--space-2xl) var(--space-3xl);animation:screen-in .3s var(--ease-out-quint) backwards}@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{width:10rem;height:auto;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,.result-hero h1,.answer-text,.analysis-list dd,.button span,.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-width:0;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-primary:focus-visible{box-shadow:inset 0 0 0 3px var(--color-white),inset 0 0 0 6px 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-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{min-width:0;overflow-wrap:anywhere}.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 minmax(0,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(2rem,8.6vw,3.75rem);letter-spacing:-.04em;line-height:1.18}.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;gap:var(--space-sm);flex-wrap:wrap;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);height:auto;aspect-ratio:360 / 340;margin:var(--space-md) auto 0;overflow:hidden}.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: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);grid-template-rows: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(0,.8fr);align-items:center}.scanner-visual{display:block}.question-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--space-3xl)}.question-body .answer-grid{grid-template-columns:1fr}.result-hero{grid-template-columns:minmax(0,1fr)}.result-summary{min-width:0}.result-data-grid{grid-template-columns:minmax(0,.95fr) minmax(0,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(0,1fr);gap:var(--space-3xl)}}@media(min-width:75rem){.main-layout{gap:var(--space-3xl)}.question-body .answer-grid{grid-template-columns:1fr}}@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)}}.hero-lockup{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-top:var(--space-lg);min-width:0}.mobile-scanner{width:7rem;flex:0 0 7rem}.scanner-art{width:100%;height:auto}.scanner-plate{fill:var(--color-graphite)}.scanner-outline{fill:none;stroke:var(--color-indigo);stroke-width:1}.scanner-pentagon{fill:none;stroke:var(--color-indigo);stroke-width:2}.scanner-facet{fill:#60d8eb24;stroke:var(--color-ice);stroke-width:2}.scanner-wire{fill:none;stroke:var(--border-strong);stroke-width:1}.scanner-cross{fill:none;stroke:var(--color-ice);stroke-width:2}.scanner-points{fill:var(--color-ice)}.scanner-slash{fill:var(--color-indigo)}.scanner-visual{width:min(100%,25rem)}.scanner-caption{flex-wrap:wrap;justify-content:center;gap:var(--space-xs) var(--space-md)}.start-screen:before,.result-hero:before{position:absolute;top:0;right:0;width:6rem;height:3rem;background:var(--color-indigo);clip-path:polygon(48% 0,64% 0,16% 100%,0 100%,48% 0,78% 0,94% 0,46% 100%,30% 100%,78% 0);content:"";pointer-events:none}.start-screen:before{top:var(--space-lg);opacity:.35}.result-hero:before{opacity:.25}.result-hero{position:relative;gap:var(--space-lg);padding-block:var(--space-xl)}.result-identity{min-width:0}.result-title-row{display:flex;align-items:center;gap:var(--space-lg)}.result-title-row h1{flex:1;min-width:0}.profile-mark{width:4.5rem;height:auto;flex:0 0 4.5rem;color:var(--color-indigo)}.result-summary{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:var(--space-sm)}.result-summary strong{font-size:var(--text-body)}.result-data-grid{background:#090b1299}.radar-panel,.stat-panel{padding-inline:var(--space-md)}.radar-value{filter:drop-shadow(0 0 4px oklch(.82 .11 210 / .25))}.radar-value,.radar-depth{animation:radar-reveal .6s var(--ease-out-expo) both}.radar-chart text{font-size:.875rem}.stat-track{height:.5rem}.stat-track span{clip-path:polygon(0 0,100% 0,calc(100% - .3rem) 100%,0 100%)}.answer-option{background:linear-gradient(115deg,var(--color-graphite),oklch(.19 .03 269))}.answer-key{display:grid;min-height:2.25rem;place-items:center;border:1px solid var(--border-strong);font-size:var(--text-body)}.answer-option.is-selected .answer-key{border-color:var(--color-lime);background:var(--color-lime);color:var(--color-void)}.progress-track{height:.375rem}.progress-track span{background:linear-gradient(90deg,var(--color-indigo),var(--color-ice))}.question-heading,.answer-grid,.analysis-list,.analysis-intro{min-width:0}.analysis-list dd{line-height:1.55}.question-topline{flex-wrap:wrap}.question-trait{flex:1;min-width:8rem}.result-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.result-actions .button{flex:1 1 12rem}.result-actions .retake-button{flex:1 1 100%;justify-content:center}.share-preview{margin-top:var(--space-lg);border-block:1px solid var(--border-subtle)}.share-preview summary{min-height:3.25rem;padding-block:var(--space-md);cursor:pointer;color:var(--color-muted);font-size:var(--text-small)}.share-preview summary:focus-visible{outline:2px solid var(--color-lime);outline-offset:4px}.export-size{float:right;margin-left:var(--space-sm);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-caption)}.share-preview-content{padding-bottom:var(--space-lg)}.share-preview-image{display:block;width:min(100%,27rem);height:auto;margin-inline:auto}.share-preview-image[hidden]{display:none}.preview-status{color:var(--color-muted)}@keyframes radar-reveal{0%{opacity:.4;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@media(min-width:40rem){.radar-panel,.stat-panel{padding-inline:var(--space-xl)}.result-actions .retake-button{flex:0 0 auto;padding-inline:var(--space-md)}.profile-mark{width:6rem;flex-basis:6rem}.result-title-row{gap:var(--space-2xl)}}@media(min-width:61.5rem){.mobile-scanner{display:none}.hero-wordmark{width:12rem}.hero-lockup{margin-block:var(--space-xl)}.result-hero{padding-block:var(--space-2xl)}.start-screen:before{display:none}}@media(max-width:24rem){.site-header,.main-layout,.site-footer{width:calc(100% - 2rem)}.hero-wordmark{width:8rem;margin:0}.mobile-scanner{width:5rem;flex-basis:5rem}.hero-lockup{margin-top:var(--space-sm)}.result-title-row{gap:var(--space-sm)}.profile-mark{width:3rem;flex-basis:3rem}.result-tagline,.analysis-intro>p:last-child,.play-note p{font-size:var(--text-body)}.export-size{float:none;display:block;margin-left:1rem}}.result-data-grid{grid-template-columns:minmax(0,1fr)}.radar-panel{border-right:0;border-bottom:1px solid var(--border-subtle)}@container (min-width: 36rem){.result-data-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.radar-panel{border-bottom:0;border-right:1px solid var(--border-subtle)}}@container (min-width: 50rem){.question-body,.profile-analysis{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}}@media(forced-colors:active){.button,.answer-option,.play-note,.pressure-row{border:1px solid ButtonText}.answer-option.is-selected{outline:.25rem solid Highlight}}:root{--material-top: oklch(.25 .035 269);--material-face: oklch(.18 .028 269);--material-edge: oklch(.1 .015 269);--material-light: oklch(.64 .07 269 / .45);--material-cast: oklch(.03 .005 269 / .55)}body[data-view=start] .main-layout{display:block}.brand-wordmark{filter:drop-shadow(0 2px 0 oklch(.35 .06 269))}body[data-view=start] .screen-frame{container-type:normal}body[data-view=start] .site-header{border-bottom-color:#53628c4d}.start-screen{min-height:0;padding-block:2rem 1rem}.start-screen:before{display:none}.poster-stage{display:grid;grid-template-columns:minmax(0,1fr)}.poster-heading{position:relative;z-index:1;min-width:0}.poster-label{display:flex;align-items:center;gap:.625rem;margin:0 0 1rem;color:var(--color-ice);font:700 .6875rem var(--font-mono);letter-spacing:.1em}.poster-label span{width:1.75rem;height:.6875rem;background:var(--color-indigo);clip-path:polygon(36% 0,54% 0,18% 100%,0 100%,36% 0,82% 0,100% 0,64% 100%,46% 100%,82% 0)}.poster-heading h1{margin:0;font-size:clamp(2.625rem,11.4vw,5.5rem);line-height:1.08;font-weight:800;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:anywhere}.poster-heading h1 span,.poster-heading h1 strong{display:block}.poster-heading h1 span{color:var(--color-white)}.poster-heading h1 strong{color:var(--color-white);font-weight:900;text-shadow:0 2px 0 oklch(.49 .035 269),0 4px 0 oklch(.24 .03 269),0 8px 12px var(--material-cast)}.poster-heading .start-intro{max-width:32ch;margin-top:1.125rem;font-size:1rem;line-height:1.65;color:var(--color-muted)}.poster-art{position:relative;width:100%;min-width:0;height:13rem;margin-block:-.375rem 0;perspective:1000px}.hero-sculpture{display:block;width:100%;height:100%;overflow:visible;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .3s var(--ease-out-quint)}.poster-launch{position:relative;z-index:1;min-width:0}.test-facts{display:flex;flex-wrap:wrap;gap:.375rem 1rem;margin:0 0 .875rem;padding:0;list-style:none;font-size:.75rem;color:var(--color-muted)}.test-facts li{display:flex;align-items:center;gap:.5rem}.test-facts li:before{width:.1875rem;height:.1875rem;background:var(--color-ice);content:""}.poster-launch .start-button{max-width:none;min-height:3.75rem;padding-inline:1.5rem}.poster-launch .content-note{margin-block:1rem 0;font-size:.6875rem;color:var(--color-subtle)}.ability-strip{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;margin-top:2rem;padding-block:1rem;border-top:1px solid var(--border-subtle);color:var(--color-muted);font-size:.6875rem}.ability-strip span{white-space:nowrap}.has-entry-motion .poster-label{animation:entry-ui-reveal .28s .38s var(--ease-out-expo) backwards}.has-entry-motion .poster-heading h1{animation:entry-ui-reveal .36s .44s var(--ease-out-expo) backwards}.has-entry-motion .poster-heading .start-intro{animation:entry-ui-reveal .3s .5s var(--ease-out-expo) backwards}.has-entry-motion .poster-launch{animation:entry-control-reveal .32s .57s var(--ease-out-expo) backwards}.has-entry-motion .sculpture-mark{transform-origin:50% 50%;animation:sculpture-arrive .64s .25s var(--ease-out-expo) backwards}.has-entry-motion .sculpture-base{animation:entry-control-reveal .4s .39s var(--ease-out-expo) backwards}@keyframes sculpture-arrive{0%{transform:translate(24px,-40px);opacity:0}to{transform:translate(0);opacity:1}}.button-primary{background:linear-gradient(155deg,var(--color-lime-soft),var(--color-lime) 48%,oklch(.77 .17 128));box-shadow:inset 0 1px #fafdf6bf,inset 0 -5px #506b27;padding-bottom:calc(var(--space-sm) + .25rem)}.button-primary:active{transform:translateY(2px);box-shadow:inset 0 1px #fafdf680,inset 0 -2px #506b27}.button-primary:focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--color-white),inset 0 0 0 6px var(--material-edge)}.button-secondary{background:linear-gradient(160deg,var(--material-top),var(--material-face));border-color:var(--border-strong);box-shadow:inset 0 1px 0 var(--material-light),inset 0 -4px 0 var(--material-edge)}.answer-grid{gap:1rem}.answer-option{overflow:visible;background:linear-gradient(140deg,var(--material-top),var(--material-face) 65%);border-color:var(--border-strong);box-shadow:0 5px 0 var(--material-edge),0 6px 0 var(--border-subtle),0 9px 8px var(--material-cast)}.answer-option.is-selected{background:linear-gradient(140deg,#212e0e,#0c1106);box-shadow:0 2px 0 var(--material-edge),inset 0 1px #abca844d}.answer-key{background:var(--material-edge);box-shadow:inset 1px 2px 3px var(--material-cast),0 1px 0 var(--material-light)}.answer-check{background:var(--material-edge);box-shadow:inset 0 2px 3px var(--material-cast)}.answer-option.is-selected .answer-check{box-shadow:inset 0 1px 0 var(--color-lime-soft)}.progress-track,.stat-track{background:var(--material-edge);box-shadow:inset 0 1px 3px var(--material-cast),0 1px 0 var(--material-light)}.progress-track span{box-shadow:inset 0 1px #e7f9fdb3}.stat-track span{background:linear-gradient(180deg,oklch(.94 .045 210),var(--color-ice) 35%,oklch(.56 .1 210))}.result-title-row h1{text-shadow:0 2px 0 oklch(.44 .02 269),0 4px 0 var(--material-edge)}.profile-mark{filter:drop-shadow(0 5px 3px var(--material-cast))}.profile-mark-depth{fill:#141e43}.profile-mark-mid{fill:#2e4187}.result-data-grid{position:relative;background:linear-gradient(145deg,oklch(.22 .034 269),var(--color-graphite) 60%);border:1px solid var(--border-strong);box-shadow:inset 0 1px 0 var(--material-light),0 6px 0 var(--material-edge),0 7px 0 var(--border-subtle)}.result-data-grid .panel-heading,.pressure-row span:first-child{color:var(--color-muted)}.radar-chart{filter:drop-shadow(0 10px 5px var(--material-cast))}.radar-depth{fill:#00353ccc;fill:oklch(.3 .07 210 / .8);stroke:#1d565f;stroke-width:1}.radar-value{fill:#60d8eb4d}.pressure-row{background:linear-gradient(170deg,var(--material-edge),var(--material-face));box-shadow:inset 0 2px 5px var(--material-cast),0 1px 0 var(--material-light)}.play-note{background:linear-gradient(150deg,var(--material-top),var(--material-face));box-shadow:inset 0 1px 0 var(--material-light),inset 0 -5px 0 var(--material-edge);padding-bottom:calc(var(--space-lg) + .25rem)}.question-context{background:linear-gradient(150deg,var(--material-edge),var(--material-face));box-shadow:inset 0 2px 4px var(--material-cast),0 1px 0 var(--material-light)}.flow-dot{background:var(--material-edge);box-shadow:inset 0 1px 3px var(--material-cast)}.flow-step[data-status=active] .flow-dot{background:radial-gradient(circle at 30% 25%,var(--color-lime-soft),var(--color-lime) 50%,oklch(.53 .12 128))}.duo-section{margin-top:var(--space-xl);padding-block:var(--space-lg);border-block:1px solid var(--border-strong)}.duo-section h2{margin:0 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-body);font-weight:600}.duo-body{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);align-items:center}.duo-partner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);min-width:0}.duo-partner .profile-mark{width:3.5rem;flex:0 0 3.5rem}.duo-name{flex:1 1 10rem;min-width:0;margin:0;color:var(--color-white);font-size:var(--text-title-compact);font-weight:800;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}.duo-description{min-width:0;margin:0;color:var(--color-white);font-size:var(--text-body);line-height:1.65;text-wrap:pretty}.duo-note{margin:var(--space-lg) 0 0;color:var(--color-muted);font-size:var(--text-small);line-height:1.6;text-wrap:pretty}@container (min-width: 40rem){.duo-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-xl)}}@media(hover:hover)and (pointer:fine){.button-primary:hover{background:linear-gradient(155deg,oklch(.97 .1 128),var(--color-lime-soft) 50%,var(--color-lime))}.button-secondary:hover,.answer-option:hover{background:linear-gradient(140deg,oklch(.3 .05 269),var(--material-face))}}@media(min-width:48rem){.start-screen{padding-block:3.5rem 1rem}.poster-stage{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);grid-template-rows:auto auto;column-gap:1.5rem;align-items:center}.poster-heading{grid-column:1;grid-row:1;align-self:end}.poster-art{grid-column:2;grid-row:1 / 3;height:auto;aspect-ratio:640 / 540;margin:0}.poster-launch{grid-column:1;grid-row:2;align-self:start;margin-top:2rem;max-width:25rem}.poster-label{margin-bottom:1.5rem}.poster-heading h1{font-size:clamp(3.25rem,6.4vw,5.5rem)}.poster-heading .start-intro{font-size:1rem;margin-top:1.5rem}.ability-strip{margin-top:3rem;padding-block:1.25rem;justify-content:flex-start;gap:1rem 3.5rem;font-size:.75rem}}@media(min-width:75rem){.start-screen{padding-top:4rem}.poster-stage{min-height:36rem;column-gap:2rem}.poster-heading .start-intro{font-size:1.125rem}.poster-launch{margin-top:2.5rem}.test-facts{font-size:.8125rem}}@media(max-width:47.99rem)and (max-height:740px){.start-screen{padding-top:1.25rem}.poster-label{margin-bottom:.75rem}.poster-heading h1{font-size:clamp(2rem,10vw,3.25rem)}.poster-heading .start-intro{margin-top:.75rem;line-height:1.5}.poster-art{height:8rem;margin-block:-.25rem}.ability-strip{margin-top:1.25rem}}@media(max-width:24rem){.test-facts{gap:.375rem .75rem;font-size:.6875rem}.poster-launch .start-button{min-height:3.5rem}.ability-strip{gap:.5rem;font-size:.625rem}}@media(prefers-reduced-motion:reduce){.has-entry-motion .sculpture-mark,.has-entry-motion .sculpture-base{animation:none}.hero-sculpture{transform:none}}