:root{--swo-white: #FFFFFF;--swo-black: #000000;--swo-dust: #F0F0F0;--swo-ash: #B5B7C2;--swo-granite: #6C6E76;--swo-graphite: #141416;--swo-purple: #BCA7FF;--swo-blue: #3366FF;--swo-cyan: #40D7FF;--swo-teal: #2C8F92;--swo-red: #F76756;--swo-success: #2C8F92;--swo-warning: #BCA7FF;--swo-danger: #F76756;--swo-info: #3366FF;--swo-interactive: #3366FF;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 16px;--font: "Neue Haas Grotesk Pro", "Neue Haas Grotesk", Arial, Helvetica, sans-serif;--surface-page: #000000;--surface-header: #000000;--surface-card: transparent;--surface-card-alt: rgba(255,255,255,.02);--surface-input: rgba(255,255,255,.03);--surface-input-hover: rgba(255,255,255,.05);--surface-icon: rgba(255,255,255,.08);--surface-readiness: rgba(255,255,255,.03);--text-primary: #FFFFFF;--text-body: #B5B7C2;--text-muted: #6C6E76;--border-subtle: 1px solid rgba(255,255,255,.12);--border-medium: 1px solid rgba(255,255,255,.2);--border-strong: 1px solid rgba(255,255,255,.4);--border-subtle-raw: rgba(255,255,255,.12);--border-medium-raw: rgba(255,255,255,.2);--border-strong-raw: rgba(255,255,255,.4);--border-hover-raw: rgba(255,255,255,.35);--border-dashed-raw: rgba(255,255,255,.2);--scrollbar-thumb: rgba(255,255,255,.12);--scrollbar-track: transparent;--logo-filter: none}html[data-theme=light]{--surface-page: #F0F0F0;--surface-header: #FFFFFF;--surface-card: #FFFFFF;--surface-card-alt: rgba(0,0,0,.02);--surface-input: rgba(0,0,0,.04);--surface-input-hover: rgba(0,0,0,.07);--surface-icon: rgba(51,102,255,.1);--surface-readiness: rgba(0,0,0,.03);--text-primary: #000000;--text-body: #6C6E76;--text-muted: #6C6E76;--border-subtle: 1px solid rgba(0,0,0,.1);--border-medium: 1px solid rgba(0,0,0,.16);--border-strong: 1px solid rgba(0,0,0,.35);--border-subtle-raw: rgba(0,0,0,.1);--border-medium-raw: rgba(0,0,0,.16);--border-strong-raw: rgba(0,0,0,.35);--border-hover-raw: rgba(0,0,0,.3);--border-dashed-raw: rgba(0,0,0,.18);--scrollbar-thumb: rgba(0,0,0,.15);--scrollbar-track: transparent;--logo-filter: brightness(0)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}#app{max-width:1280px;margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-lg);min-height:calc(100vh - 57px)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:var(--border-subtle);background:var(--surface-header);position:sticky;top:0;z-index:100;transition:background .25s ease,border-color .25s ease}.app-header-logo{display:flex;align-items:center;gap:var(--space-md)}.app-header-logo-img{width:120px;height:auto;display:block;filter:var(--logo-filter);transition:filter .25s ease}.app-header-sub{font-size:12px;color:var(--text-body);padding-left:var(--space-md);border-left:var(--border-subtle);font-weight:700;letter-spacing:.02em}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);border:var(--border-subtle);background:transparent;cursor:pointer;color:var(--text-body);transition:border-color .2s ease,color .2s ease,background .2s ease;flex-shrink:0}.theme-toggle:hover{border-color:var(--border-hover-raw);color:var(--text-primary);background:var(--surface-input)}.theme-toggle:focus-visible{outline:2px solid var(--swo-blue);outline-offset:2px}.theme-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;display:block}.theme-toggle .icon-moon{display:block}.theme-toggle .icon-sun,html[data-theme=light] .theme-toggle .icon-moon{display:none}html[data-theme=light] .theme-toggle .icon-sun{display:block}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:var(--border-subtle)}.progress-steps{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--text-body);font-weight:700}.progress-bar{width:140px;height:3px;background:var(--border-subtle-raw);border-radius:2px;overflow:hidden;margin-left:var(--space-sm)}.progress-fill{height:100%;background:var(--swo-blue);transition:width .4s ease}.time-est{font-size:12px;color:var(--text-body);opacity:.7}.header-right{display:flex;align-items:center;gap:var(--space-md)}.btn-ghost{background:none;border:none;padding:0;font-size:12px;font-family:var(--font);color:var(--swo-ash);cursor:pointer;opacity:.6;transition:opacity .15s ease,color .15s ease;text-decoration:underline;text-underline-offset:2px}.btn-ghost:hover{opacity:1;color:var(--swo-red)}.btn-ghost:focus-visible{outline:2px solid var(--swo-blue);outline-offset:2px;border-radius:2px}.onramp{max-width:820px;margin:var(--space-xl) auto 0;text-align:left}.onramp h1{font-size:36px;font-weight:700;margin:0 0 var(--space-md);line-height:1.15;color:var(--text-primary);letter-spacing:-.02em}.onramp .lede{font-size:16px;color:var(--text-body);max-width:600px;margin:0 0 var(--space-2xl);line-height:1.6}.tile-section-label{font-size:11px;color:var(--text-body);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md);font-weight:700}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-xl);text-align:left}.tile{background:var(--surface-card);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-lg);cursor:pointer;transition:border-color .2s ease,background .2s ease}.tile:hover{border-color:var(--border-hover-raw);background:var(--surface-input-hover)}.tile.selected{border-color:var(--swo-blue);background:#3366ff14}.tile-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface-icon);border:var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:var(--space-md);color:var(--text-body)}.tile.selected .tile-icon{background:#3366ff26;border-color:#36f6;color:var(--swo-blue)}.tile h3{margin:0 0 var(--space-xs);font-size:14px;font-weight:700;color:var(--text-primary)}.tile p{margin:0;font-size:13px;color:var(--text-body);line-height:1.55}.quick-facts{background:var(--surface-card);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-lg);text-align:left}.quick-facts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.quick-facts-header h3{margin:0;font-size:14px;font-weight:700;color:var(--text-primary)}.quick-facts-header span{font-size:12px;color:var(--text-body);opacity:.7}.qf-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-top:var(--border-subtle)}.qf-row:first-of-type{border-top:none}.qf-label{font-size:12px;color:var(--text-body);width:140px;flex-shrink:0}.qf-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.chip{font-size:12px;padding:5px 12px;border-radius:var(--radius-sm);border:var(--border-subtle);background:var(--surface-card);cursor:pointer;font-family:var(--font);color:var(--text-body);transition:all .2s ease;font-weight:700}.chip:hover{border-color:var(--border-hover-raw);color:var(--text-primary)}.chip.selected{background:#3366ff26;color:var(--swo-blue);border-color:var(--swo-blue)}.btn{padding:10px 20px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;font-family:var(--font);border:var(--border-medium);background:transparent;color:var(--text-primary);font-weight:700;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--space-xs);text-decoration:none}.btn:hover{border-color:var(--border-strong-raw);background:var(--surface-input-hover)}.btn:focus-visible{outline:2px solid var(--swo-blue);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--swo-blue);color:var(--swo-white);border-color:var(--swo-blue)}.btn.primary:hover:not(:disabled){opacity:.85}.btn.primary:disabled{opacity:.4;cursor:not-allowed}.split{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--space-md)}.pane{background:var(--surface-card);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-lg);min-height:600px;display:flex;flex-direction:column}.pane.blueprint{background:var(--surface-card-alt)}.pane-label{font-size:11px;color:var(--text-body);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:space-between;font-weight:700}.live-dot{display:flex;align-items:center;gap:var(--space-xs);color:var(--swo-teal);text-transform:none;letter-spacing:0;font-weight:700;font-size:11px}.live-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--swo-teal);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.typing-indicator{display:flex;gap:5px;align-items:center;padding:2px 0;min-height:18px}.typing-indicator span{display:block;width:7px;height:7px;border-radius:50%;background:var(--swo-blue);opacity:.4;animation:typing-bounce 1.2s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.messages{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-track{background:var(--scrollbar-track)}.messages::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.msg{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);align-items:flex-end}.msg-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:var(--border-subtle)}.msg-avatar.ai{background:#3366ff26;color:var(--swo-blue);border-color:#3366ff4d}.msg-avatar.user{background:var(--swo-blue);color:var(--swo-white);border-color:var(--swo-blue)}.msg-bubble{background:var(--surface-card-alt);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-sm);font-size:13.5px;line-height:1.6;max-width:85%;color:var(--text-body);border:var(--border-subtle)}.msg.user{justify-content:flex-end}.msg.user .msg-bubble{background:var(--swo-blue);color:var(--swo-white);border-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-sm);border-color:var(--swo-blue)}.msg.user .msg-avatar{order:2}.chips-row{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:0 0 var(--space-sm) 36px}.input-area{margin-top:auto;padding-top:var(--space-md);border-top:var(--border-subtle)}.input-box{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-input);transition:border-color .2s ease}.input-box:focus-within{border-color:var(--swo-blue)}.input-box input{flex:1;border:none;background:transparent;font-size:13px;outline:none;font-family:var(--font);color:var(--text-primary);padding:2px}.input-box input::placeholder{color:var(--text-muted)}.input-box button{font-size:12px;padding:6px 14px;border-radius:var(--radius-sm);border:none;background:var(--swo-blue);color:var(--swo-white);cursor:pointer;font-family:var(--font);font-weight:700;transition:opacity .2s ease;flex-shrink:0}.input-box button:hover:not(:disabled){opacity:.85}.input-box button:disabled{opacity:.4;cursor:not-allowed}.input-hint{font-size:11px;color:var(--text-muted);margin-top:var(--space-sm)}.bp-card{background:transparent;border:var(--border-subtle);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.bp-card-label{font-size:10px;color:var(--text-body);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-xs);font-weight:700}.bp-card-content{font-size:13px;line-height:1.55;color:var(--text-body)}.bp-bullets{display:flex;flex-direction:column;gap:var(--space-xs);font-size:13px}.bp-bullet{display:flex;align-items:flex-start;gap:var(--space-sm);color:var(--text-body)}.bp-bullet:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--swo-red);flex-shrink:0;margin-top:6px}.uc-card{border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);transition:border-color .2s ease}.uc-card.dashed{border-style:dashed;opacity:.5}.uc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.uc-name{font-size:12.5px;font-weight:700;color:var(--text-primary)}.uc-fit{font-size:10px;padding:2px 8px;border-radius:var(--radius-sm);font-weight:700}.uc-fit.high{background:#2c8f9226;color:var(--swo-teal);border:1px solid var(--swo-teal)}.uc-fit.med{background:#bca7ff26;color:var(--swo-purple);border:1px solid var(--swo-purple)}.uc-meta{font-size:11px;color:var(--text-body)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{font-size:11px;padding:3px var(--space-sm);border-radius:var(--radius-sm);background:#3366ff1f;color:var(--swo-blue);border:1px solid rgba(51,102,255,.3);font-weight:700}.tag.dashed{background:transparent;color:var(--text-muted);border:1px dashed var(--border-dashed-raw);font-weight:400}.playback-card{background:transparent;border:var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-lg);margin-bottom:var(--space-md)}.playback-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.playback-header h3{margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.playback-header .badge{font-size:11px;padding:3px 10px;background:#3366ff1f;color:var(--swo-blue);border-radius:var(--radius-sm);border:1px solid rgba(51,102,255,.3);font-weight:700}.playback-fact{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);padding:var(--space-sm) 0;border-top:var(--border-subtle)}.playback-fact:first-of-type{border-top:none;padding-top:0}.pf-label{font-size:11px;color:var(--text-body);text-transform:uppercase;letter-spacing:.06em;width:140px;flex-shrink:0;padding-top:3px;font-weight:700}.pf-value{flex:1;font-size:13.5px;line-height:1.55;color:var(--text-primary)}.pf-edit{background:transparent;border:var(--border-subtle);border-radius:var(--radius-sm);padding:4px 12px;font-size:11px;cursor:pointer;color:var(--text-body);font-family:var(--font);font-weight:700;transition:all .2s ease}.pf-edit:hover{border-color:var(--border-hover-raw);color:var(--text-primary)}.playback-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-sm)}.blueprint-doc{background:transparent;border:var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.bp-hero{padding:var(--space-xl) var(--space-2xl) var(--space-lg);border-bottom:var(--border-subtle)}.bp-eyebrow{font-size:11px;color:var(--swo-blue);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm);font-weight:700}.bp-title{font-size:32px;font-weight:700;margin:0 0 var(--space-xs);line-height:1.15;color:var(--text-primary);letter-spacing:-.02em}.bp-subtitle{font-size:13px;color:var(--text-body);margin:0}.bp-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.bp-section{padding:var(--space-lg) var(--space-2xl);border-top:var(--border-subtle)}.bp-section h2{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-body);margin:0 0 var(--space-lg)}.bp-summary{font-size:15px;line-height:1.7;color:var(--text-body);max-width:720px}.bp-summary p{margin:0 0 var(--space-sm)}.bp-summary p:last-child{margin-bottom:0}.uc-detail{border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-lg);margin-bottom:var(--space-sm);transition:border-color .2s ease}.uc-detail:hover{border-color:var(--border-medium-raw)}.uc-detail.uc-parked{opacity:.6}.uc-detail-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-sm);gap:var(--space-lg)}.uc-rank{width:28px;height:28px;border-radius:50%;background:var(--swo-blue);color:var(--swo-white);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.uc-detail-title{font-size:16px;font-weight:700;margin:0 0 var(--space-xs);color:var(--text-primary)}.uc-detail-tag{font-size:12px;color:var(--text-body)}.uc-scores{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md) var(--space-xl);margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-subtle)}.score{text-align:left}.score-label{font-size:10px;color:var(--text-body);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs);font-weight:700}.score-value{font-size:18px;font-weight:700;color:var(--text-primary)}.score-value.good{color:var(--swo-teal)}.score-value.med{color:var(--swo-purple)}.score-value.bad{color:var(--swo-red)}.score-rationale{font-size:11px;color:var(--text-body);line-height:1.5;margin-top:var(--space-xs);opacity:.8}.uc-why{font-size:13px;color:var(--text-body);line-height:1.6;margin:var(--space-sm) 0 0}.readiness-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.readiness-item{background:var(--surface-readiness);border:var(--border-subtle);padding:var(--space-md);border-radius:var(--radius-md)}.readiness-label{font-size:10px;color:var(--text-body);margin-bottom:var(--space-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.readiness-value{font-size:14px;font-weight:700;color:var(--text-primary)}.readiness-value.good{color:var(--swo-teal)}.readiness-value.med{color:var(--swo-purple)}.readiness-value.bad{color:var(--swo-red)}.next-steps{counter-reset:step}.step-item{display:flex;gap:var(--space-md);padding:var(--space-md) 0;border-top:var(--border-subtle)}.step-item:first-child{border-top:none;padding-top:0}.step-num{counter-increment:step;width:28px;height:28px;border-radius:50%;background:#3366ff1f;border:1px solid rgba(51,102,255,.3);color:var(--swo-blue);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.step-num:before{content:counter(step)}.step-content h4{margin:2px 0 var(--space-xs);font-size:14px;font-weight:700;color:var(--text-primary)}.step-content p{margin:0;font-size:13px;color:var(--text-body);line-height:1.55}.cta-card{background:#3366ff0f;border:1px solid rgba(51,102,255,.25);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);margin-top:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl)}.cta-card h3{margin:0 0 var(--space-xs);font-size:18px;font-weight:700;color:var(--text-primary)}.cta-card p{margin:0;font-size:13px;color:var(--text-body)}.badge-high{background:#f7675626;color:var(--swo-red);border:1px solid var(--swo-red);border-radius:var(--radius-sm);padding:4px 12px;font-weight:700;font-size:11px}.badge-med{background:#bca7ff26;color:var(--swo-purple);border:1px solid var(--swo-purple);border-radius:var(--radius-sm);padding:4px 12px;font-weight:700;font-size:11px}.badge-low{background:#2c8f9226;color:var(--swo-teal);border:1px solid var(--swo-teal);border-radius:var(--radius-sm);padding:4px 12px;font-weight:700;font-size:11px}.version-badge{position:fixed;bottom:8px;right:12px;font-size:10px;color:var(--swo-red);font-weight:700;letter-spacing:.04em;opacity:.7;font-family:var(--font)}.journey-strip{display:flex;align-items:stretch;gap:var(--space-xs);margin-bottom:var(--space-2xl);overflow-x:auto}.journey-connector{display:flex;align-items:center;color:var(--text-muted);font-size:16px;flex-shrink:0;line-height:1;-webkit-user-select:none;user-select:none}.journey-step{flex:1;min-width:0;background:var(--surface-card);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md)}.journey-step-num{width:22px;height:22px;border-radius:50%;background:var(--swo-blue);color:var(--swo-white);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-bottom:var(--space-sm)}.journey-step h3{margin:var(--space-sm) 0 var(--space-xs);font-size:13px;font-weight:700;color:var(--text-primary)}.journey-step p{margin:0;font-size:12px;color:var(--text-body);line-height:1.5}@media (max-width: 820px){.split,.tiles,.uc-scores,.readiness-grid{grid-template-columns:1fr}.cta-card{flex-direction:column;align-items:flex-start}.bp-hero{padding:var(--space-lg) var(--space-lg) var(--space-md)}.bp-section{padding:var(--space-lg) var(--space-lg)}.onramp h1{font-size:26px}.journey-strip{flex-direction:column;overflow-x:visible}.journey-connector{display:none}}