@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:28px;display:grid}.hero-panel,.library-panel,.workspace-panel,.integration-card,.feedback-card,.step-brief,.cue-grid>div,.response-form,.debrief{border:1px solid var(--border-subtle);background:var(--surface);box-shadow:var(--shadow-soft)}.hero-panel{border-radius:38px 30px 34px;grid-template-columns:1.08fr .92fr;gap:32px;padding:36px;display:grid;position:relative;overflow:hidden}.hero-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb14,#0000 68%);height:280px;position:absolute;inset:auto -8% -44% 44%}.hero-copy{z-index:1;align-content:center;gap:22px;display:grid;position:relative}.eyebrow,.card-label,.surface-label,.mini-label,.step-kicker span,.procedure-head span,.rail-copy small,.feedback-head span,.session-stats span,.hero-meta span,.debrief-metrics span{letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;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,.library-panel h2,.workspace-panel h2,.step-brief h3,.debrief h3{margin:0}.hero-text{max-width:58ch;color:var(--text-soft);font-size:1.08rem;line-height:1.62}.hero-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.hero-meta div,.session-stats div,.debrief-metrics div{border:1px solid var(--border-subtle);background:#ffffffc7;border-radius:999px;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(#080f1cfa,#0b1426f0),radial-gradient(circle at top,#2563eb38,#0000 34%);border:1px solid #7ea3de2e;border-radius:32px;align-content:start;gap:18px;padding:20px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0d,0 26px 60px #0a122138}.hero-surface-shell{grid-template-columns:1fr .96fr;align-items:stretch;gap:18px;display:grid}.hero-radar-panel,.hero-flow{background:#ffffff08;border:1px solid #94b5f024;border-radius:28px;gap:14px;padding:18px;display:grid;position:relative;overflow:hidden}.hero-radar-panel:before,.hero-flow:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0a,#0000 42%);position:absolute;inset:0}.hero-radar{aspect-ratio:1;background:radial-gradient(circle,#3b82f614,#0000 56%),radial-gradient(circle,#10b9810f,#0000 28%);border-radius:50%;width:min(100%,260px);margin:6px auto 0;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 300deg,#7dd3fc0f 328deg,#7dd3fc85 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{background:#d9f99d;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 0 6px #d9f99d14,0 0 18px #d9f99d80}.radar-blip-primary{top:31%;left:70%}.radar-blip-secondary{background:#93c5fd;width:8px;height:8px;top:62%;left:29%;box-shadow:0 0 0 5px #93c5fd14,0 0 14px #93c5fd80}.surface-notes{flex-wrap:wrap;gap:8px;display:flex}.surface-notes span{color:#e2ecffe0;background:#ffffff0a;border:1px solid #94b5f024;border-radius:999px;padding:8px 12px;font-size:.82rem}.hero-flow{align-content:start}.flow-pill{background:#ffffff0a;border:1px solid #94b5f01f;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;display:flex}.flow-pill span{color:#dbeafe;width:34px;height:34px;font-weight:700;font-family:var(--mono);background:#7dd3fc1f;border-radius:50%;place-items:center;display:grid}.flow-pill strong{color:#eef4ff;font-size:1rem}.hero-card{color:#edf3ffe6;background:#ffffff0f;border:1px solid #94b5f01f;border-radius:24px;gap:12px;padding:18px 20px;display:grid}.hero-card strong{color:#fff;font-size:1.24rem}.score-strip{color:#e5efff;background:#ffffff0d;border:1px solid #94b5f01f;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.content-grid{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:24px;display:grid}.library-panel,.workspace-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd6;border-radius:34px;padding:26px}.panel-heading{gap:8px;margin-bottom:18px;display:grid}.procedure-list{gap:12px;display:grid}.procedure-card{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;border-left:2px solid #1a478a1f;border-radius:0;gap:10px;padding:16px 0 16px 18px;transition:padding-left .16s,border-color .16s,transform .16s;display:grid;position:relative}.procedure-card:hover,.procedure-card:focus-visible{border-left-color:#1a478a6b;outline:none;padding-left:22px}.procedure-card.is-active{border-left-color:var(--accent-strong)}.procedure-card strong,.rail-copy strong,.step-brief h3,.feedback-head strong,.debrief button,.response-form button,.form-actions button{color:var(--text-strong)}.procedure-card p,.rail-copy p,.feedback-card p,.debrief p,.step-brief p,.response-form p,.integration-card li p{color:var(--text-soft)}.procedure-head,.feedback-head,.step-kicker,.feedback-meta,.form-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag-row span,.rail-result,.suggestion-row button{border-radius:999px;font-size:.84rem}.tag-row span{background:var(--accent-soft);color:var(--accent-strong);padding:6px 11px}.integration-card{border:0;border-top:1px solid var(--border-subtle);box-shadow:none;background:0 0;margin-top:18px;padding:18px 0 0}.integration-card ul{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.integration-card li{border-left:2px solid #1a478a24;gap:4px;padding:8px 0 8px 14px;display:grid}.integration-card li strong{color:var(--text-strong)}.workspace-topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.error-banner{color:#9a3412;background:#fff5f1e6;border:1px solid #be47252e;border-radius:18px;margin-bottom:18px;padding:14px 16px}.session-stats{flex-wrap:wrap;gap:10px;display:flex}.session-stats div{min-width:120px}.workspace-layout{grid-template-columns:290px minmax(0,1fr);gap:22px;display:grid}.flow-rail{gap:16px;padding-top:6px;display:grid}.rail-step{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:14px;display:grid}.rail-marker{aspect-ratio:1;width:38px;color:var(--text-muted);border:1px solid var(--border-strong);background:#fff;border-radius:50%;place-items:center;font-weight:700;display:grid}.rail-step.is-current .rail-marker{color:#fff;background:var(--accent-strong);border-color:var(--accent-strong)}.rail-step.is-complete .rail-marker{color:#fff;background:var(--success);border-color:var(--success)}.rail-copy{gap:8px;padding:8px 0 12px;display:grid}.rail-step:not(.is-current):not(.is-complete) .rail-copy{opacity:.68}.rail-result{justify-self:start;padding:6px 10px}.rail-result.ok{color:var(--success);background:#227c521f}.rail-result.warn{color:var(--warning);background:#b15f101f}.step-workspace{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:16px;display:grid}.step-brief p{max-width:62ch;font-size:1rem}.cue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cue-grid>div{background:#f9fbfeeb;border-radius:22px;gap:8px;padding:18px;display:grid}.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:148px;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}.suggestion-row{flex-wrap:wrap;gap:10px;display:flex}.suggestion-row button,.form-actions button,.debrief button{cursor:pointer;border:0;transition:transform .16s,filter .16s}.suggestion-row button{background:var(--surface-tertiary);color:var(--text-soft);padding:10px 14px}.suggestion-row button:hover,.suggestion-row button:focus-visible,.form-actions button:hover,.form-actions button:focus-visible,.debrief button:hover,.debrief button:focus-visible{filter:brightness(.99);outline:none;transform:translateY(-1px)}.form-actions p{max-width:42ch}.form-actions 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}.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,.content-grid,.workspace-layout,.hero-surface-shell{grid-template-columns:1fr}.workspace-topbar{flex-direction:column}}@media (width<=760px){.hero-panel,.library-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,.form-actions,.feedback-head,.step-kicker{flex-direction:column;align-items:flex-start}.hero-radar{width:min(100%,220px)}}