.cap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;position:relative}.cap-head{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-elev);border-bottom:1px solid var(--border);font-size:12px}.cap-head .dots{display:inline-flex;gap:6px}.cap-head .dots span{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}.cap-head .title{flex:1;font-family:var(--font-mono);color:var(--text-muted);font-size:11.5px}.cap-head .live{display:inline-flex;align-items:center;gap:6px;color:var(--signal-green);font-size:11px;font-weight:500}.cap-head .live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--signal-green);box-shadow:0 0 color-mix(in srgb,var(--signal-green) 60%,transparent);animation:livepulse 1.6s var(--ease) infinite}@keyframes livepulse{0%{box-shadow:0 0 color-mix(in srgb,var(--signal-green) 60%,transparent)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.cap-body{padding:18px}.cap-section+.cap-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.cap-label{font-size:10px;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:8px}.cap-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cap-kpi{background:var(--surface-elev);border-radius:6px;padding:10px}.cap-kpi .num{font-family:var(--font-mono);font-size:1.05rem;font-weight:500;line-height:1}.cap-kpi .lab{font-size:10px;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.tone-primary{color:var(--primary)}.tone-success{color:var(--signal-green)}.tone-warning{color:var(--attention)}.tone-danger{color:var(--danger)}.cap-pills{display:flex;gap:6px;flex-wrap:wrap}.cap-pill{font-size:11px;font-weight:500;padding:4px 10px;border-radius:999px;background:var(--surface-elev);border:1px solid var(--border);color:var(--text-muted);transition:all var(--t-fast) var(--ease)}.cap-pill[data-active=true]{background:var(--primary);color:#fff;border-color:var(--primary)}.cap-alert{display:flex;align-items:center;gap:10px;padding:10px 12px;background:color-mix(in srgb,var(--danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);border-radius:6px;font-size:12.5px;color:var(--text);transition:opacity var(--t-base) var(--ease),transform var(--t-base) var(--ease)}.cap-alert.warn{background:color-mix(in srgb,var(--attention) 8%,transparent);border-color:color-mix(in srgb,var(--attention) 25%,transparent)}.cap-alert .dot{width:8px;height:8px;border-radius:50%;background:var(--danger)}.cap-alert.warn .dot{background:var(--attention)}.cap-alert[data-fade-in=entering]{opacity:0;transform:translateY(-4px)}.cap-conn-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}@media (max-width: 760px){.cap-conn-grid{grid-template-columns:repeat(3,1fr)}}.cap-conn-tile{padding:10px 8px;background:var(--surface-elev);border:1px solid var(--border);border-radius:6px;font-size:11px;text-align:center;position:relative;transition:border-color var(--t-base) var(--ease),background var(--t-base) var(--ease)}.cap-conn-tile.stale{border-color:color-mix(in srgb,var(--attention) 50%,transparent);background:color-mix(in srgb,var(--attention) 8%,transparent)}.cap-conn-tile .name{font-weight:500;color:var(--text)}.cap-conn-tile .sync{font-size:10px;color:var(--text-subtle);margin-top:2px}.cap-skill-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}.cap-skill-cell{aspect-ratio:1;background:color-mix(in srgb,var(--text) 9%,transparent);border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:3px;transition:background-color var(--t-base) var(--ease),border-color var(--t-base) var(--ease),transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}.cap-skill-cell[data-cat-active=true]{background:var(--primary);border-color:var(--primary);transform:scale(1.06);box-shadow:0 4px 12px -4px color-mix(in srgb,var(--primary) 60%,transparent)}.cap-skill-cell[data-cat-active=false]{opacity:1}.cap-skill-caption{display:flex;justify-content:space-between;align-items:baseline;margin:4px 0 10px;font-size:11px;color:var(--text-subtle);letter-spacing:.04em}.cap-skill-caption .scc-active{color:var(--primary);font-weight:600;font-family:var(--font-mono)}.cap-skill-caption .scc-total{font-family:var(--font-mono);color:var(--text-muted)}.cap-funnel{display:flex;gap:2px;height:24px}.cap-funnel>div{display:grid;place-items:center;font-size:10px;font-weight:600;color:#fff}.cap-funnel>div:first-child{border-radius:4px 0 0 4px}.cap-funnel>div:last-child{border-radius:0 4px 4px 0}.cap-layers{display:flex;flex-direction:column;gap:6px}.cap-layer{display:grid;grid-template-columns:60px 1fr;align-items:center;padding:12px 14px;background:var(--surface-elev);border:1px solid var(--border);border-radius:6px;transition:border-color var(--t-base) var(--ease),background var(--t-base) var(--ease)}.cap-layer[data-layer-active=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.cap-layer .tag{font-family:var(--font-mono);font-weight:700;color:var(--primary);font-size:13px}.cap-layer .text{font-size:12.5px;color:var(--text-muted);transition:color var(--t-base) var(--ease)}.cap-layer[data-layer-active=true] .text{color:var(--text)}.cap-spark svg{width:100%;height:36px}.cap-fact{padding:12px 14px;background:var(--surface-elev);border-radius:6px;border:1px solid var(--border);font-size:13px;color:var(--text);line-height:1.55;transition:opacity var(--t-base) var(--ease),transform var(--t-base) var(--ease)}.cap-fact[data-fade=entering]{opacity:0;transform:translateY(8px)}.cap-split{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:240px}.cap-split>div{padding:14px}.cap-split>div+div{border-left:1px solid var(--border)}.cap-split-side h5{font-size:11px;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-weight:600}.cap-split-flow{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);line-height:1.6}.cap-split-flow .ok{color:var(--signal-green)}.cap-split-flow .now{color:var(--text);font-weight:600}.cap-wizard-step{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface-elev);border:1px solid var(--border);border-radius:6px;transition:border-color var(--t-base) var(--ease),background var(--t-base) var(--ease)}.cap-wizard-step[data-active=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.cap-wizard-step[data-done=true] .check{color:var(--signal-green)}.cap-wizard-step .num{width:26px;height:26px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:500;flex-shrink:0}.cap-wizard-step[data-active=true] .num,.cap-wizard-step[data-done=true] .num{background:var(--primary);color:#fff;border-color:var(--primary)}.cap-wizard-step .body{flex:1}.cap-wizard-step .body strong{display:block;color:var(--text);font-size:13px;margin-bottom:2px}.cap-wizard-step .body span{font-size:11px;color:var(--text-subtle)}