@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";:root{color-scheme:light;--bg: #fcfaf7;--on-bg: #423d38;--surface: #f3f4f6;--surface-soft: #edebe9;--surface-elevated: #ffffff;--on-surface: #423d38;--on-surface-muted: #797067;--outline: #e3e0dd;--outline-strong: #d1d5dc;--primary: #fe6e00;--primary-strong: #ff6b00;--primary-warm: #ffb74d;--primary-focus: #f97015;--on-primary: #ffffff;--shell-bg: rgba(0, 0, 0, .7);--shell-blur: 12px;--on-shell: #ffffff;--on-shell-muted: rgba(255, 255, 255, .7);--shell-border: rgba(255, 255, 255, .1);--success: #00c758;--warning: #edb200;--danger: #fb2c36;--info: #3080ff;--status-mock-bg: #fef9c2;--status-mock-fg: #874b00;--status-planned-bg: #f3f4f6;--status-planned-fg: #364153;--status-development-bg: #dbeafe;--status-development-fg: #1447e6;--status-integrated-bg: #f3e8ff;--status-integrated-fg: #8200da;--status-production-bg: #dcfce7;--status-production-fg: #016630;--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 40px;--space-4xl: 64px;--page-pad: clamp(16px, 3vw, 32px);--sidebar-width: 256px;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-raised: 0 4px 12px rgba(0, 0, 0, .12);--shadow-dialog: 0 20px 25px rgba(0, 0, 0, .1), 0 8px 10px rgba(0, 0, 0, .04);--motion-fast: .15s;--motion-normal: .2s;--motion-slow: .3s;--red: var(--danger);--red-soft: rgba(251, 44, 54, .1);--cyan: var(--info);--cyan-soft: rgba(48, 128, 255, .1);--mint: var(--success);--mint-soft: rgba(0, 199, 88, .1);--warn: var(--warning)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scrollbar-color:var(--outline-strong) var(--surface-soft);scrollbar-width:thin}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--on-bg);font-family:var(--font-sans);line-height:1.6;text-rendering:optimizeLegibility}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--surface-soft)}*::-webkit-scrollbar-thumb{border:1px solid var(--surface-soft);background:var(--outline-strong);border-radius:var(--radius-pill)}*::-webkit-scrollbar-thumb:hover{background:var(--primary)}body:before{position:fixed;inset:0;z-index:-2;background:var(--bg);content:""}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;letter-spacing:-.02em;line-height:1.15;color:var(--on-bg)}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.5rem;font-weight:700}h3{font-size:1.125rem;font-weight:700}h4{margin:0 0 var(--space-sm);font-size:.75rem;color:var(--on-surface-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}p{margin:0;color:var(--on-surface-muted)}input,textarea,select{width:100%;min-height:40px;border:1px solid var(--outline-strong);border-radius:var(--radius-sm);outline:none;background:var(--surface-elevated);color:var(--on-bg);padding:8px 12px;font-family:var(--font-sans);font-size:.875rem;transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}select{appearance:none;padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--on-bg) 50%),linear-gradient(135deg,var(--on-bg) 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 15px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}input::placeholder,textarea::placeholder{color:var(--on-surface-muted);opacity:.6}textarea{min-height:100px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--primary-focus);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--primary-focus)}label{display:grid;gap:var(--space-xs)}label span{color:var(--on-bg);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);width:100%;min-width:0;min-height:100vh;overflow-x:clip}.sidebar{position:sticky;top:0;display:grid;min-width:0;max-width:100vw;align-self:start;height:100vh;grid-template-rows:auto 1fr auto;gap:var(--space-xl);border-right:1px solid var(--shell-border);background:var(--shell-bg);padding:var(--space-lg);backdrop-filter:blur(var(--shell-blur));-webkit-backdrop-filter:blur(var(--shell-blur))}.brand{display:flex;align-items:center;gap:var(--space-sm);min-height:44px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;border-radius:var(--radius-sm);color:var(--primary);font-family:var(--font-mono);font-weight:700;font-size:1.125rem}.brand strong{display:block;color:var(--on-shell);font-size:1rem}.brand small{display:block;color:var(--on-shell-muted);font-size:.75rem}.brand small,.sidebar-card small,.insight-card small,.project-row small,.flow-node small,dd,dt,time{font-family:var(--font-sans);color:var(--on-surface-muted);font-size:.75rem}.side-nav{display:grid;align-content:start;gap:var(--space-xs)}.nav-item{position:relative;display:flex;align-items:center;gap:var(--space-md);min-height:40px;border-radius:var(--radius-md);background:transparent;color:var(--on-shell-muted);cursor:pointer;overflow:hidden;padding:6px 12px;text-align:left;border:0;font-family:var(--font-sans);font-size:.8125rem;font-weight:700;transition:background var(--motion-fast) ease,color var(--motion-fast) ease}.nav-item span{display:grid;width:24px;height:24px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:var(--on-shell-muted);font-family:var(--font-mono);font-size:10px}.nav-item:hover,.nav-item.active{background:var(--primary);color:var(--on-primary)}.nav-item.active span,.nav-item:hover span{border-color:#fff6;background:#ffffff26;color:var(--on-primary)}.sidebar-card{display:flex;gap:var(--space-sm);align-items:center;border:1px solid var(--shell-border);border-radius:var(--radius-md);background:#ffffff0d;padding:var(--space-sm) var(--space-md);color:var(--on-shell)}.sidebar-card strong{display:block;font-size:.875rem}.sidebar-card small{color:var(--on-shell-muted)}.status-dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--success)}.workspace{width:100%;min-width:0;max-width:var(--container-max);margin:0 auto;padding:var(--container-padding)}.view{display:none;min-width:0;padding:var(--space-xl) 0;animation:viewIn var(--motion-normal) ease both}.view.active{display:block}.hero-panel,.panel,.form-card,.planner-footer,.recommendation-strip,.war-card,.board-card,.strategy-card,.governance-panel,.project-card,.agent-card,.empty-state,.timeline-item,.insight-card{border:1px solid var(--outline);background:var(--surface-elevated);color:var(--on-bg);box-shadow:var(--shadow-subtle);border-radius:var(--radius-lg);padding:var(--space-xl)}.hero-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(300px,.68fr);align-items:start;gap:var(--space-3xl);overflow:hidden;border-top:6px solid var(--primary)}.hero-copy{position:relative;z-index:1}.hero-title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.1;letter-spacing:-.025em}.hero-title span{display:block}.eyebrow{margin:0 0 var(--space-xs);color:var(--primary-strong);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.hero-subtitle{max-width:40rem;margin-top:var(--space-md);color:var(--on-surface-muted);font-size:1.125rem;font-weight:400;line-height:1.4}.hero-body{max-width:38rem;margin-top:var(--space-sm);font-size:.875rem;color:var(--on-surface-muted)}.hero-actions,.toolbar,.history-controls,.tag-row,.mix-legend{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.hero-actions{margin-top:var(--space-xl)}.proof-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);width:100%;max-width:620px;margin-top:var(--space-xl)}.proof-strip div{border:1px solid var(--outline);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-md);transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease}.proof-strip div:hover{border-color:var(--outline-strong);background:var(--surface-soft);transform:translateY(-2px)}.proof-strip span,.proof-strip strong{display:block}.proof-strip span{color:var(--on-surface-muted);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.proof-strip strong{margin-top:var(--space-xs);color:var(--on-bg);font-size:.875rem}.primary-action,.secondary-action,.ghost-action,.danger-action,.prompt-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;overflow:hidden;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);font-size:.875rem;font-weight:500;letter-spacing:normal;text-transform:none;transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease,color var(--motion-fast) ease}.primary-action{border:1px solid var(--primary);background:var(--primary);color:var(--on-primary);padding:0 var(--space-lg)}.hero-demo-action{min-height:44px;padding:0 var(--space-xl);background:var(--primary);border-color:var(--primary)}.secondary-action,.prompt-chip{border:1px solid var(--outline-strong);background:var(--surface-elevated);color:var(--on-bg);padding:0 var(--space-lg)}.ghost-action{border:1px solid transparent;background:transparent;color:var(--on-surface-muted);padding:0 var(--space-md)}.danger-action{border:1px solid var(--danger);background:var(--danger);color:var(--on-primary);padding:0 var(--space-lg)}.primary-action:hover{border-color:var(--primary-strong);background:var(--primary-strong);color:var(--on-primary);transform:translateY(-1px)}.secondary-action:hover,.prompt-chip:hover{border-color:var(--primary);background:var(--surface-soft);color:var(--primary-strong);transform:translateY(-1px)}.ghost-action:hover{background:var(--surface-soft);color:var(--on-bg)}.danger-action:hover{background:#d32f2f;border-color:#d32f2f;color:var(--on-primary);transform:translateY(-1px)}.primary-action:active,.secondary-action:active,.ghost-action:active,.danger-action:active,.prompt-chip:active{transform:scale(.98)}.hero-orbit{position:relative;z-index:1;display:grid;align-content:start;gap:var(--space-md);border:1px solid var(--outline);border-top:6px solid var(--primary);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-xl)}.orbit-core{font-size:1.25rem;font-weight:700;color:var(--on-bg);border-bottom:1px solid var(--outline);padding-bottom:var(--space-sm)}.orbit-node{border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid var(--outline);font-weight:600;font-size:.875rem;padding:var(--space-md);color:var(--on-bg)}.node-human{border-left:4px solid var(--danger)}.node-ai{border-left:4px solid var(--info)}.node-hybrid{border-left:4px solid var(--success)}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md);margin-top:var(--space-xl)}.insight-card{padding:var(--space-lg);transition:border-color var(--motion-fast) ease,background var(--motion-fast) ease,transform var(--motion-fast) ease}.insight-card:hover{border-color:var(--outline-strong);background:var(--surface-soft);transform:translateY(-2px)}.insight-card span{color:var(--on-surface-muted);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.insight-card strong{display:block;margin:var(--space-sm) 0 var(--space-xs);color:var(--on-bg);font-size:1.375rem}.dashboard-grid,.settings-grid{display:grid;grid-template-columns:minmax(340px,1.2fr) minmax(280px,.9fr) minmax(280px,.9fr);gap:var(--space-lg);margin-top:var(--space-xl)}.panel{padding:var(--space-xl)}.panel-heading{margin-bottom:var(--space-lg)}.lens-stack{display:grid;gap:var(--space-md)}.lens-stack div,.mini-rec,.saved-strategy-list div{border:1px solid var(--outline);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-md)}.lens-stack span,.mini-rec span{display:block;margin-bottom:var(--space-xs);color:var(--on-bg);font-weight:700}.lens-stack p{font-size:.875rem}.live-panel{display:grid;align-content:space-between;gap:var(--space-lg)}.demo-script-panel h2{font-size:1.25rem}.script-steps{display:grid;gap:var(--space-sm);margin:var(--space-md) 0}.script-steps div{border:1px solid var(--outline);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-md)}.script-steps span{display:inline-grid;width:24px;height:24px;place-items:center;border-radius:var(--radius-xs);background:var(--red-soft);color:var(--primary);font-family:var(--font-mono);font-size:10px;font-weight:700}.script-steps strong{display:block;margin:var(--space-sm) 0 var(--space-xs);color:var(--on-bg)}.script-steps p{font-size:.8125rem;color:var(--on-surface-muted)}.view-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-lg);margin-bottom:var(--space-xl)}.view-heading h2{font-size:1.5rem;font-weight:700}.prompt-strip{display:flex;max-width:min(680px,100%);gap:var(--space-xs);overflow-x:auto;padding-bottom:var(--space-xs)}.prompt-chip{min-width:max-content;min-height:34px;font-size:.8125rem;border:1px solid var(--outline-strong);background:var(--surface-elevated);color:var(--on-bg)}.planner-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.45fr);gap:var(--space-lg)}.span-2{grid-row:span 2}.planner-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg)}.planner-footer strong,.planner-footer span{display:block}.planner-footer span{color:var(--on-surface-muted);font-size:.875rem}.submit-action{min-width:200px}.spinner{display:none;width:16px;height:16px;margin-left:var(--space-sm);border:2px solid rgba(255,255,255,.3);border-top-color:var(--on-primary);border-radius:var(--radius-pill);animation:spin .8s linear infinite}.is-loading .spinner{display:inline-block}.recommendation-strip{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:var(--space-xl);align-items:center;border-top:6px solid var(--primary)}.war-room-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);grid-template-areas:"council stress" "council matrix";gap:var(--space-lg);margin-top:var(--space-xl)}.council-card{grid-area:council;border-top:6px solid var(--primary)}.stress-card{grid-area:stress}.matrix-card{grid-area:matrix}.war-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.war-card-head .eyebrow{margin:0}.war-card-head span{border:1px solid var(--outline-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--on-bg);padding:4px 8px;font-family:var(--font-mono);font-size:.6875rem;font-weight:700}.council-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-lg)}.council-grid div,.scenario-stack div,.dna-cell,.readiness-gate li{border:1px solid var(--outline);border-radius:var(--radius-md);background:var(--surface)}.council-grid div{padding:var(--space-md)}.council-grid strong{color:var(--on-bg);font-size:1rem}.council-grid span{display:block;margin:var(--space-xs) 0 var(--space-sm);color:var(--primary-strong);font-size:.75rem;font-weight:700;text-transform:uppercase}.stress-controls{display:grid;gap:var(--space-sm);margin-top:var(--space-lg)}.stress-controls label{grid-template-columns:1fr auto;align-items:center;gap:var(--space-xs) var(--space-md)}.stress-controls input{grid-column:1 / -1;min-height:24px;padding:0;accent-color:var(--primary-focus)}input[type=range]{appearance:none;width:100%;min-height:28px;border:0;background:transparent;box-shadow:none}input[type=range]::-webkit-slider-runnable-track{height:6px;background:var(--outline-strong);border-radius:var(--radius-pill)}input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-6px;border:2px solid var(--surface-elevated);background:var(--primary);border-radius:var(--radius-pill);transition:transform .16s ease,background .16s ease;box-shadow:var(--shadow-subtle)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);background:var(--primary-strong)}.stress-controls small{color:var(--on-surface-muted);font-family:var(--font-mono);font-size:.75rem}.scenario-stack{display:grid;gap:var(--space-xs);margin-top:var(--space-lg)}.scenario-stack div{position:relative;overflow:hidden;padding:var(--space-sm)}.scenario-stack span,.scenario-stack strong{position:relative;z-index:1}.scenario-stack span{font-size:.8125rem;color:var(--on-bg)}.scenario-stack strong{float:right;color:var(--on-bg)}.scenario-stack i{position:absolute;inset:auto auto 0 0;height:3px;border-radius:var(--radius-pill);background:var(--primary);transition:width .24s ease}.dna-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-lg)}.dna-cell{position:relative;min-height:110px;overflow:hidden;padding:var(--space-md)}.dna-cell:before{position:absolute;inset:auto -20% -46%;height:var(--value);min-height:18px;background:#3080ff14;content:"";filter:blur(4px)}.dna-cell.red:before{background:#fb2c3614}.dna-cell.warn:before{background:#edb20014}.dna-cell.mint:before{background:#00c75814}.dna-cell span,.dna-cell strong,.dna-cell i{position:relative;z-index:1}.dna-cell span{font-size:.6875rem;font-weight:600;color:var(--on-surface-muted)}.dna-cell strong{display:block;margin-top:var(--space-sm);color:var(--on-bg);font-size:1.75rem}.dna-cell i{display:block;height:4px;margin-top:var(--space-sm);overflow:hidden;border-radius:var(--radius-pill);background:var(--outline-strong)}.dna-cell i:before{display:block;width:var(--value);height:100%;border-radius:inherit;background:var(--info);content:""}.dna-cell.red i:before{background:var(--danger)}.dna-cell.warn i:before{background:var(--warning)}.dna-cell.mint i:before{background:var(--success)}.board-pack-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.62fr);grid-template-areas:"brief roi" "ledger runbook";gap:var(--space-lg);margin-top:var(--space-xl)}.board-brief{grid-area:brief;border-top:6px solid var(--primary)}.roi-card{grid-area:roi}.ledger-card{grid-area:ledger}.runbook-card{grid-area:runbook}.board-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.board-card-head .eyebrow{margin:0}.board-card-head span{border:1px solid var(--outline-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--on-bg);padding:4px 8px;font-family:var(--font-mono);font-size:.6875rem;font-weight:700}.board-kpi-row,.roi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xs);margin-top:var(--space-lg)}.board-kpi-row div,.roi-grid div,.ledger-list div,.runbook-list div{border:1px solid var(--outline);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-md)}.board-kpi-row span,.roi-grid span{display:block;color:var(--on-surface-muted);font-size:.6875rem;font-weight:600}.board-kpi-row strong,.roi-grid strong{display:block;margin-top:var(--space-xs);color:var(--on-bg);font-size:1.125rem}.roi-controls{display:grid;gap:var(--space-sm);margin-top:var(--space-lg)}.roi-controls label{grid-template-columns:1fr auto;align-items:center;gap:var(--space-xs) var(--space-md)}.roi-controls input{grid-column:1 / -1;min-height:24px;padding:0;accent-color:var(--primary)}.roi-controls small{color:var(--on-surface-muted);font-family:var(--font-mono);font-size:.75rem}.ledger-list,.runbook-list{display:grid;gap:var(--space-xs);margin-top:var(--space-lg)}.ledger-list div{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:var(--space-xs) var(--space-md);padding:var(--space-md)}.ledger-list span{grid-row:span 3;display:grid;width:28px;height:28px;place-items:center;border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--on-bg);border:1px solid var(--outline);font-family:var(--font-mono);font-size:10px;font-weight:700}.ledger-list strong,.runbook-list strong{color:var(--on-bg)}.ledger-list p,.runbook-list p{grid-column:2 / -1;font-size:.8125rem;color:var(--on-surface-muted)}.ledger-list small{justify-self:end;color:var(--on-surface-muted);font-size:.75rem}.runbook-list div{position:relative;padding:var(--space-md) var(--space-md) var(--space-md) var(--space-lg)}.runbook-list div:before{position:absolute;left:0;top:var(--space-md);bottom:var(--space-md);width:3px;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--primary),var(--outline));content:""}.runbook-list span{display:block;margin-bottom:var(--space-xs);color:var(--primary);font-family:var(--font-mono);font-size:.6875rem;font-weight:700}.execution-progress{display:grid;gap:var(--space-xs)}.execution-progress strong{font-size:1.75rem;color:var(--on-bg)}.execution-progress div,.mix-bar,.readiness-meter{overflow:hidden;height:8px;border-radius:var(--radius-pill);background:var(--surface-soft);border:0}.execution-progress i,.mix-bar i,.readiness-meter i{display:block;height:100%;border-radius:inherit;transition:width .42s ease}.execution-progress i{background:var(--primary)}.strategy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.strategy-card{position:relative;display:grid;align-content:start;gap:var(--space-lg);padding:var(--space-lg)}.strategy-card.is-recommended{border-top:6px solid var(--primary);box-shadow:var(--shadow-raised)}.strategy-top,.project-card-head{display:flex;justify-content:space-between;gap:var(--space-md);align-items:flex-start}.strategy-top span{color:var(--on-bg);font-size:1.25rem;font-weight:700}.strategy-top strong{min-width:max-content;border:1px solid var(--outline);border-radius:var(--radius-sm);background:var(--surface);color:var(--on-bg);padding:4px var(--space-sm);font-size:.6875rem;font-weight:700}.mix-bar{display:flex}.mix-bar .human{background:var(--danger)}.mix-bar .ai{background:var(--info)}.mix-bar .hybrid{background:var(--success)}.mix-legend{gap:var(--space-xs)}.mix-legend span,.tag-row span,.list-block span{display:inline-flex;border:1px solid var(--outline);border-radius:var(--radius-sm);background:var(--surface);color:var(--on-surface-muted);padding:4px 8px;font-size:.75rem;font-weight:600}.metric-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.metric-row div{border:1px solid var(--outline);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-sm) var(--space-md)}.metric-row span{display:block;color:var(--on-surface-muted);font-size:.6875rem;font-weight:600}.metric-row strong{display:block;margin-top:4px;color:var(--on-bg);font-size:1rem}.workflow-graph{position:relative;display:grid;gap:var(--space-xs)}.flow-node{position:relative;border:1px solid var(--outline);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-lg);animation:flowIn .48s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay)}.flow-node:before{position:absolute;left:0;top:var(--space-sm);bottom:var(--space-sm);width:3px;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--outline-strong),var(--primary));content:""}.flow-node:not(:last-child):after{position:absolute;left:20px;bottom:-8px;width:1px;height:8px;background:var(--outline-strong);content:""}.flow-node span{display:inline-flex;margin-bottom:var(--space-xs);color:var(--primary);font-size:.6875rem;font-weight:700;text-transform:uppercase}.flow-node strong,.flow-node small{display:block}.flow-node strong{color:var(--on-bg);font-size:.875rem}.flow-node p{margin-top:var(--space-xs);font-size:.8125rem;color:var(--on-surface-muted)}.strategy-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.list-block div{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.governance-panel{display:grid;grid-template-columns:1fr 1fr minmax(280px,.7fr);gap:var(--space-xl)}.governance-panel ul,.governance-panel ol{display:grid;gap:var(--space-xs);margin:0;padding-left:var(--space-lg);color:var(--on-surface-muted);font-size:.875rem}.readiness-gate{display:grid;align-content:start;gap:var(--space-sm)}.readiness-meter i{background:linear-gradient(90deg,var(--danger),var(--warning),var(--success))}.readiness-gate ul{padding:0;list-style:none}.readiness-gate li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.readiness-gate li span{min-width:42px;border-radius:var(--radius-pill);padding:2px 6px;font-size:.6875rem;font-weight:700;text-align:center}.readiness-gate li.pass span{background:var(--mint-soft);color:var(--success)}.readiness-gate li.hold span{background:var(--red-soft);color:var(--danger)}.project-layout{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(0,1fr);gap:var(--space-lg)}.history-controls{min-width:min(560px,100%)}.history-controls input{max-width:330px}.history-controls select{width:160px}.project-list{display:grid;align-content:start;gap:var(--space-sm)}.project-card,.empty-state{padding:var(--space-xl)}.project-card{display:grid;gap:var(--space-lg)}.saved-strategy-list{display:grid;gap:var(--space-sm)}.saved-strategy-list strong,.saved-strategy-list span{display:block}.saved-strategy-list span{margin-top:2px;color:var(--on-surface-muted);font-size:.8125rem}.agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.agent-card{display:grid;grid-template-columns:68px minmax(0,1fr);gap:var(--space-lg);align-items:start}.agent-avatar{display:grid;place-items:center;width:68px;height:68px;border-radius:var(--radius-md);border:1px solid var(--outline);background:var(--surface);color:var(--primary);font-family:var(--font-mono);font-size:1.25rem;font-weight:700}.agent-card p{margin-top:var(--space-xs);font-size:.875rem}dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);margin:var(--space-md) 0 0}dt{font-weight:600;text-transform:uppercase}dd{margin:var(--space-xs) 0 0;color:var(--on-bg)}.status-badge-mock,.status-mock{background:var(--status-mock-bg)!important;color:var(--status-mock-fg)!important}.status-badge-planned,.status-planned{background:var(--status-planned-bg)!important;color:var(--status-planned-fg)!important}.status-badge-development,.status-development{background:var(--status-development-bg)!important;color:var(--status-development-fg)!important}.status-badge-integrated,.status-integrated{background:var(--status-integrated-bg)!important;color:var(--status-integrated-fg)!important}.status-badge-production,.status-production{background:var(--status-production-bg)!important;color:var(--status-production-fg)!important}.status-badge-mock,.status-mock,.status-badge-planned,.status-planned,.status-badge-development,.status-development,.status-badge-integrated,.status-integrated,.status-badge-production,.status-production{border-radius:var(--radius-pill)!important;padding:4px 10px!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;border:0!important}.timeline-list{display:grid;gap:var(--space-md)}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toast{position:fixed;right:18px;bottom:18px;z-index:50;max-width:min(420px,calc(100vw - 36px));border:1px solid var(--primary);border-radius:var(--radius-md);background:var(--surface-elevated);box-shadow:var(--shadow-raised);color:var(--on-bg);opacity:0;padding:var(--space-md) var(--space-lg);transform:translateY(14px);transition:opacity .18s ease,transform .18s ease}.toast.show{opacity:1;transform:translateY(0)}@keyframes viewIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes loadingPulse{to{transform:translateY(-4px);opacity:.5}}@keyframes shimmer{to{background-position:220px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1280px){.dashboard-grid{grid-template-columns:1fr 1fr}.decision-panel{grid-column:1 / -1}.strategy-grid{grid-template-columns:1fr}.strategy-card{grid-template-columns:minmax(0,.95fr) minmax(300px,.7fr)}.strategy-card>.workflow-graph{grid-row:span 5}.strategy-card>p,.strategy-card>.mix-bar,.strategy-card>.mix-legend,.strategy-card>.metric-row,.strategy-card>.strategy-columns,.strategy-card>details{grid-column:1}}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:20;height:auto;grid-template-columns:auto 1fr;grid-template-rows:auto auto;border-right:0;border-bottom:1px solid var(--outline);padding:12px var(--page-pad)}.side-nav{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xs)}.sidebar-card{justify-self:end}.workspace{padding-top:var(--space-md)}.hero-panel,.dashboard-grid,.planner-shell,.project-layout,.settings-grid,.war-room-grid,.board-pack-grid,.recommendation-strip{grid-template-columns:1fr}.war-room-grid{grid-template-areas:"council" "stress" "matrix"}.board-pack-grid{grid-template-areas:"brief" "roi" "ledger" "runbook"}.span-2{grid-row:auto}.agent-grid{grid-template-columns:1fr}}@media(max-width:760px){:root{--page-pad: 8px}.sidebar{gap:var(--space-sm);grid-template-columns:1fr;grid-template-rows:auto auto;padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.brand small,.sidebar-card{display:none}.nav-item{justify-content:center;min-height:36px;padding:0 var(--space-xs);font-size:11px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.nav-item span{display:none}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.view{padding-top:var(--space-xs)}.hero-panel{grid-template-columns:1fr;padding:var(--space-md)}.hero-actions{display:grid;grid-template-columns:1fr}.proof-strip{grid-template-columns:1fr;max-width:100%}h1{font-size:1.75rem}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.95rem}.orbit-core{font-size:1.125rem}.view-heading,.planner-footer,.project-card-head,.strategy-top{align-items:stretch;flex-direction:column}.view-heading h2{font-size:1.25rem}.history-controls,.history-controls input,.history-controls select,.primary-action,.secondary-action,.ghost-action,.danger-action,.submit-action{width:100%}.strategy-card,.governance-panel,.insight-grid,.strategy-columns,.council-grid,.dna-map,.board-kpi-row,.roi-grid,.metric-row,dl{grid-template-columns:1fr}.ledger-list div{grid-template-columns:32px minmax(0,1fr)}.ledger-list small{grid-column:2;justify-self:start}.strategy-card>.workflow-graph,.strategy-card>p,.strategy-card>.mix-bar,.strategy-card>.mix-legend,.strategy-card>.metric-row,.strategy-card>.strategy-columns,.strategy-card>details{grid-column:auto;grid-row:auto}.loading-stage{align-items:flex-start;flex-direction:column}}