@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--soft-white:#f5f5f7;--rich-black:#050505;--charcoal:#1d1d1f;--kinetic-purple:#7b4ccb;--lilac:#c8b6ff;--lavender-mist:#eee9ff;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--step--2:clamp(.69rem, .66rem + .12vw, .75rem);--step--1:clamp(.83rem, .8rem + .15vw, .9rem);--step-0:clamp(1rem, .96rem + .2vw, 1.08rem);--step-1:clamp(1.2rem, 1.13rem + .35vw, 1.4rem);--step-2:clamp(1.5rem, 1.4rem + .5vw, 1.85rem);--step-3:clamp(1.9rem, 1.74rem + .8vw, 2.45rem);--space-2xs:4px;--space-xs:8px;--space-s:16px;--space-m:24px;--space-l:40px;--space-xl:64px;--radius-s:10px;--radius-m:16px;--radius-l:24px;--radius-pill:999px;--ease-soft:cubic-bezier(.22, 1, .36, 1);--bg:var(--soft-white);--bg-elevated:#fff;--surface:#7b4ccb0d;--text:var(--charcoal);--text-soft:#6e6e73;--text-faint:#8e8e93;--border:#00000014;--accent:var(--kinetic-purple);--accent-soft:var(--lavender-mist);--accent-contrast:#fff;--shadow:0 2px 10px #140a280a, 0 1px 2px #140a2808;--shadow-hover:0 8px 22px #7b4ccb14, 0 2px 6px #140a280a}[data-theme=dark]{--bg:var(--rich-black);--bg-elevated:#131316;--surface:#c8b6ff0f;--text:#f5f5f7;--text-soft:#a1a1a8;--text-faint:#6e6e76;--border:#ffffff1a;--accent:#a07cf0;--accent-soft:#7b4ccb2e;--shadow:0 2px 12px #00000038, 0 1px 3px #0003;--shadow-hover:0 8px 26px #7b4ccb29, 0 2px 8px #00000040}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}body{font-family:var(--font-sans);font-size:var(--step-0);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{max-width:800px;padding:var(--space-l) var(--space-m);min-height:100vh;margin:0 auto}@media (width<=640px){.app{padding:var(--space-m) var(--space-s)}}.header{text-align:center;margin-bottom:var(--space-xl)}.header__eyebrow{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:var(--space-xs)}.header__title{font-size:var(--step-3);letter-spacing:-.03em;margin-bottom:var(--space-xs);font-weight:700;line-height:1.15}.header__sub{font-size:var(--step--1);color:var(--text-soft);max-width:520px;margin:0 auto;line-height:1.5}.scenario-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-l);padding:var(--space-l);box-shadow:var(--shadow);cursor:pointer;transition:box-shadow .35s var(--ease-soft), transform .35s var(--ease-soft)}.scenario-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.scenario-card__number{font-family:var(--font-mono);font-size:var(--step--2);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.scenario-card__title{font-size:var(--step-1);letter-spacing:-.02em;margin-bottom:var(--space-2xs);font-weight:700}.scenario-card__subtitle{font-size:var(--step--1);color:var(--text-soft)}.scenarios-grid{gap:var(--space-m);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.scenario{margin-bottom:var(--space-xl)}.scenario__back{align-items:center;gap:var(--space-xs);font-size:var(--step--1);color:var(--accent);cursor:pointer;padding:var(--space-xs) 0;margin-bottom:var(--space-m);font-weight:500;font-family:var(--font-sans);background:0 0;border:none;display:inline-flex}.scenario__back:hover{text-decoration:underline}.scenario__meta{font-family:var(--font-mono);font-size:var(--step--2);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.scenario__title{font-size:var(--step-2);letter-spacing:-.02em;margin-bottom:var(--space-s);font-weight:700}.scenario__context{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-m);margin-bottom:var(--space-l);line-height:1.7;font-size:var(--step--1);color:var(--text-soft)}.scenario__context-label{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:var(--space-xs)}.scenario__roles{gap:var(--space-s);margin-bottom:var(--space-m);flex-wrap:wrap;display:flex}.role-pill{font-size:var(--step--2);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);padding:6px 14px;font-weight:500}.prompt{font-size:var(--step-0);margin-bottom:var(--space-m);padding-left:var(--space-s);border-left:3px solid var(--accent);font-weight:500;line-height:1.6}.options{gap:var(--space-s);flex-direction:column;display:flex}.option{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-m);padding:var(--space-m);cursor:pointer;transition:border-color .3s var(--ease-soft), box-shadow .3s var(--ease-soft);text-align:left;font-family:var(--font-sans);font-size:var(--step--1);color:var(--text);line-height:1.6}.option:hover{border-color:var(--accent);box-shadow:var(--shadow-hover)}.option__approach{align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs);font-weight:600;display:inline-flex}.option__dot{border-radius:50%;width:8px;height:8px;display:inline-block}.option__text{color:var(--text-soft);font-style:italic}.result{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-l);overflow:hidden}.result__chosen{padding:var(--space-m) var(--space-m) var(--space-s);border-bottom:1px solid var(--border)}.result__chosen-label{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:var(--space-2xs)}.result__chosen-text{font-style:italic;font-size:var(--step--1);color:var(--text-soft);line-height:1.5}.result__body{padding:var(--space-m);gap:var(--space-m);flex-direction:column;display:flex}.result__section-label{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2xs)}.result__section-label--outcome{color:var(--accent)}.result__section-label--coaching,.result__section-label--feedback{color:var(--text-faint)}.result__text{font-size:var(--step--1);color:var(--text-soft);line-height:1.7}.score{align-items:center;gap:var(--space-s);margin-bottom:var(--space-s);display:flex}.score__bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.score__fill{height:100%;transition:width .8s var(--ease-soft);border-radius:3px}.score__label{font-family:var(--font-mono);font-size:var(--step--2);text-align:right;min-width:36px;font-weight:600}.try-again{gap:var(--space-s);margin-top:var(--space-m);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:var(--font-sans);font-size:var(--step--1);cursor:pointer;transition:all .25s var(--ease-soft);padding:10px 20px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn--primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.btn--primary:hover{opacity:.9;color:var(--accent-contrast)}.progress{justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-l);display:flex}.progress__dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:background .3s}.progress__dot--active{background:var(--accent)}.progress__dot--done{background:var(--lilac)}.summary{text-align:center}.summary__title{font-size:var(--step-2);letter-spacing:-.02em;margin-bottom:var(--space-s);font-weight:700}.summary__total{font-family:var(--font-mono);font-size:var(--step-3);color:var(--accent);margin-bottom:var(--space-2xs);font-weight:700}.summary__total-label{font-size:var(--step--1);color:var(--text-faint);margin-bottom:var(--space-l)}.summary__breakdown{gap:var(--space-s);text-align:left;max-width:500px;margin:0 auto var(--space-l);flex-direction:column;display:flex}.summary__item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-s) var(--space-m)}.summary__item-title{font-weight:600;font-size:var(--step--1);margin-bottom:var(--space-2xs)}.summary__item-approach{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.06em}.rationale{max-width:680px;margin:0 auto}.rationale__back{align-items:center;gap:var(--space-xs);font-size:var(--step--1);color:var(--accent);cursor:pointer;padding:var(--space-xs) 0;margin-bottom:var(--space-m);font-weight:500;font-family:var(--font-sans);background:0 0;border:none;display:inline-flex}.rationale__title{font-size:var(--step-2);letter-spacing:-.02em;margin-bottom:var(--space-m);font-weight:700}.rationale__section{margin-bottom:var(--space-l)}.rationale__section h3{font-size:var(--step-0);margin-bottom:var(--space-xs);font-weight:600}.rationale__section p,.rationale__section li{font-size:var(--step--1);color:var(--text-soft);line-height:1.7}.rationale__section ul{padding-left:var(--space-m);gap:var(--space-xs);flex-direction:column;display:flex}.rationale__section li::marker{color:var(--accent)}.theme-toggle{top:var(--space-s);right:var(--space-s);border:1px solid var(--border);background:var(--bg-elevated);width:38px;height:38px;color:var(--text-soft);cursor:pointer;box-shadow:var(--shadow);transition:box-shadow .25s var(--ease-soft), border-color .25s;z-index:50;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:fixed}.theme-toggle:hover{border-color:var(--accent);box-shadow:var(--shadow-hover)}.footer{text-align:center;padding:var(--space-xl) 0 var(--space-l);font-size:var(--step--2);color:var(--text-faint)}.footer a{color:var(--accent)}