@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg:#f5f7fa;--surface:#fff;--surface-secondary:#f9fafb;--surface-tertiary:#f3f4f6;--border-subtle:#1118270d;--border-strong:#1118271a;--border-focus:#2563eb66;--shadow-soft:0 2px 8px -2px #1118270a, 0 4px 16px #11182705;--shadow-float:0 12px 24px -4px #1118270f, 0 8px 12px -6px #1118270a;--shadow-inner:inset 0 2px 4px 0 #00000005;--text-strong:#111827;--text-soft:#4b5563;--text-muted:#9ca3af;--accent-strong:#2563eb;--accent-soft:#2563eb14;--accent-hover:#1d4ed8;--success:#059669;--success-bg:#ecfdf5;--success-border:#05966933;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#d9770633;--mono:"SFMono-Regular", "Menlo", "JetBrains Mono", ui-monospace, monospace;--heading:"Space Grotesk", sans-serif;--body:"Manrope", sans-serif;color:var(--text-soft);background:var(--bg);font:16px/1.6 var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:radial-gradient(circle at 10% 0%, #2563eb0a, transparent 35%), linear-gradient(180deg, #fff, var(--bg));background-attachment:fixed;min-width:320px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button{appearance:none}#root{width:min(1360px,100% - 32px);margin:0 auto;padding:32px 0 48px}h1,h2,h3,strong{font-family:var(--heading);letter-spacing:-.025em;color:var(--text-strong)}h1{font-size:clamp(2.6rem,4vw,4.2rem);font-weight:700;line-height:1}h2{font-size:clamp(1.6rem,2vw,2.1rem);font-weight:700;line-height:1.1}h3{font-size:clamp(1.3rem,1.8vw,1.6rem);font-weight:600;line-height:1.2}p{margin:0}@media (width<=760px){#root{width:min(100%,100% - 24px);padding-top:16px}}.shell{gap:24px;display:grid}.hero-panel,.workspace-panel,.step-brief,.cue-grid>div,.response-form,.feedback-card,.debrief{border:1px solid var(--border-subtle);background:var(--surface);box-shadow:var(--shadow-soft)}.hero-panel{border-radius:34px;grid-template-columns:1.05fr .95fr;gap:28px;padding:30px;display:grid;position:relative;overflow:hidden}.hero-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb14,#0000 68%);height:260px;position:absolute;inset:auto -12% -40% 46%}.hero-copy{z-index:1;align-content:center;gap:18px;display:grid;position:relative}.eyebrow,.card-label,.surface-label,.mini-label,.step-kicker span,.feedback-head span,.session-stats span,.hero-meta span,.debrief-metrics span{letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:700;font-family:var(--mono)}.eyebrow{color:var(--accent-strong)}.eyebrow-muted,.mini-label,.surface-label{color:var(--text-muted)}.hero-panel h1,.workspace-panel h2,.step-brief h3,.debrief h3{margin:0}.hero-text{max-width:54ch;color:var(--text-soft);font-size:1.02rem;line-height:1.6}.hero-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hero-meta div,.session-stats div,.debrief-metrics div{border:1px solid var(--border-subtle);background:#ffffffbf;border-radius:18px;gap:6px;padding:14px 16px;display:grid}.hero-meta strong,.session-stats strong,.debrief-metrics strong{color:var(--text-strong);font-size:1rem}.hero-surface{color:#edf3ffeb;background:linear-gradient(#070f1efa,#0a1222f0),radial-gradient(circle at top,#2563eb29,#0000 30%);border:1px solid #7ea3de29;border-radius:28px;align-content:start;gap:16px;padding:18px;display:grid;box-shadow:0 24px 56px #0a122133}.hero-radar-panel{background:#ffffff08;border:1px solid #94b5f01f;border-radius:24px;gap:14px;padding:18px;display:grid}.hero-radar{aspect-ratio:1;background:radial-gradient(circle,#3b82f614,#0000 56%),radial-gradient(circle,#10b9810f,#0000 28%);border-radius:50%;width:min(100%,250px);margin:0 auto;position:relative}.hero-radar-ring,.radar-axis{position:absolute;inset:50%;transform:translate(-50%,-50%)}.hero-radar-ring{border:1px solid #7dd3fc2e;border-radius:50%}.hero-radar-ring-outer{width:100%;height:100%}.hero-radar-ring-mid{width:68%;height:68%}.hero-radar-ring-inner{width:34%;height:34%}.radar-axis{background:#7dd3fc1f}.radar-axis-horizontal{width:100%;height:1px}.radar-axis-vertical{width:1px;height:100%}.hero-radar-sweep{background:conic-gradient(from 90deg,#0000 0deg 306deg,#7dd3fc14 332deg,#7dd3fc7a 360deg);border-radius:50%;animation:5.5s linear infinite radar-sweep;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 14%,#000 60%);mask-image:radial-gradient(circle,#0000 14%,#000 60%)}.radar-blip{border-radius:50%;width:10px;height:10px;position:absolute}.radar-blip-primary{background:#d9f99d;top:30%;left:70%;box-shadow:0 0 0 6px #d9f99d14,0 0 18px #d9f99d70}.radar-blip-secondary{background:#93c5fd;width:8px;height:8px;top:62%;left:30%;box-shadow:0 0 0 5px #93c5fd14,0 0 14px #93c5fd70}.surface-notes{flex-wrap:wrap;gap:8px;display:flex}.surface-notes span{color:#e2ecffe0;background:#ffffff0a;border:1px solid #94b5f01f;border-radius:999px;padding:8px 12px;font-size:.82rem}.hero-card{background:#ffffff0d;border:1px solid #94b5f01f;border-radius:22px;gap:12px;padding:18px 20px;display:grid}.hero-card strong{color:#fff;font-size:1.22rem}.score-strip{background:#ffffff0d;border:1px solid #94b5f01f;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.procedure-switcher{flex-wrap:wrap;gap:10px;display:flex}.procedure-pill{border:1px solid var(--border-subtle);color:var(--text-strong);cursor:pointer;background:#ffffffe6;border-radius:999px;align-items:center;gap:10px;padding:12px 16px;transition:transform .16s,border-color .16s,box-shadow .16s;display:inline-flex}.procedure-pill:hover,.procedure-pill:focus-visible{border-color:var(--border-strong);outline:none;transform:translateY(-1px);box-shadow:0 10px 24px #10203e0f}.procedure-pill.is-active{background:linear-gradient(#145fb814,#fffffff0);border-color:#1a478a38}.procedure-pill small{color:var(--text-muted)}.workspace-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border-radius:34px;padding:26px}.workspace-topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.session-stats{flex-wrap:wrap;gap:10px;display:flex}.session-stats div{min-width:112px}.error-banner{color:#9a3412;background:#fff5f1e6;border:1px solid #be47252e;border-radius:18px;margin-bottom:18px;padding:14px 16px}.training-stage{grid-template-columns:.9fr 1.1fr;align-items:start;gap:22px;display:grid}.step-column,.answer-column{gap:16px;display:grid}.step-brief,.response-form,.feedback-card,.debrief{border-radius:28px;padding:22px}.step-brief{background:radial-gradient(circle at 100% 0,#1a478a0d,#0000 28%),#ffffffeb;gap:14px;display:grid}.step-kicker,.feedback-head,.feedback-meta,.form-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.step-brief p,.feedback-card p,.debrief p{color:var(--text-soft)}.cue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cue-grid>div{background:#f9fbfef0;border-radius:22px;gap:8px;padding:18px;display:grid}.step-list{gap:10px;display:grid}.step-chip{border:1px solid var(--border-subtle);background:#ffffffb8;border-radius:18px;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:12px 14px;display:grid}.step-chip span{width:38px;height:38px;color:var(--text-muted);border:1px solid var(--border-strong);background:#fff;border-radius:50%;place-items:center;font-weight:700;display:grid}.step-chip div{gap:4px;display:grid}.step-chip strong{color:var(--text-strong);font-size:.98rem}.step-chip small{color:var(--text-muted)}.step-chip.is-current{background:linear-gradient(#145fb80f,#ffffffe0);border-color:#1a478a2e}.step-chip.is-current span{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.step-chip.is-complete span{background:var(--success);border-color:var(--success);color:#fff}.response-form{gap:16px;display:grid}.response-form label{color:var(--text-strong);font-weight:600}.response-form textarea{resize:vertical;border:1px solid var(--border-subtle);min-height:168px;color:var(--text-strong);font:inherit;background:#fff;border-radius:20px;padding:18px}.response-form textarea:focus{border-color:#1a478a47;outline:none;box-shadow:0 0 0 4px #145fb814}.response-form textarea:disabled{color:var(--text-muted);background:#f8fafc}.suggestion-row{flex-wrap:wrap;gap:10px;display:flex}.suggestion-row button,.form-actions button,.continue-button,.debrief button{cursor:pointer;border:0;transition:transform .16s,filter .16s,opacity .16s}.suggestion-row button{background:var(--surface-tertiary);color:var(--text-soft);border-radius:999px;padding:10px 14px}.suggestion-row button:disabled{opacity:.55;cursor:not-allowed}.form-actions p{max-width:32ch;color:var(--text-muted)}.form-actions button,.continue-button,.debrief button{background:var(--accent-strong);color:#fff;border-radius:999px;padding:14px 20px}.form-actions button:disabled{cursor:wait;opacity:.7}.feedback-card{gap:14px;display:grid}.feedback-card.ok{background:#f4faf7f5;border-color:#227c5229}.feedback-card.warn{background:#fff9f1f5;border-color:#b15f1029}.feedback-card.idle{background:#f9fbfef5}.feedback-meta{color:var(--text-muted);flex-wrap:wrap}.continue-button{justify-self:start}.debrief{gap:16px;display:grid}.debrief-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1180px){.hero-panel,.training-stage{grid-template-columns:1fr}.workspace-topbar{flex-direction:column}}@media (width<=760px){.hero-panel,.workspace-panel,.step-brief,.response-form,.feedback-card,.debrief{border-radius:24px;padding:18px}.hero-meta,.cue-grid,.debrief-metrics{grid-template-columns:1fr}.session-stats,.step-kicker,.feedback-head,.feedback-meta,.form-actions{flex-direction:column;align-items:flex-start}.hero-radar{width:min(100%,220px)}}