:root{--sa-bg: #07090f;--sa-surface: #0d1117;--sa-surface2: #111827;--sa-surface3: #1a2233;--sa-border: rgba(255, 255, 255, .07);--sa-border2: rgba(255, 255, 255, .13);--sa-cyan: #06b6d4;--sa-green: #22c55e;--sa-red: #ef4444;--sa-amber: #eab308;--sa-orange: #f97316;--sa-indigo: #6366f1;--sa-text: #e2e8f0;--sa-text2: #94a3b8;--sa-text3: #718096;--sa-mono: "Share Tech Mono", "Cascadia Code", "Fira Code", Consolas, monospace;--sa-sans: "Inter", "Segoe UI", system-ui, sans-serif;--sa-nav-height: 44px;--sa-banner-height: 18px;--sa-chrome-top: calc(var(--sa-banner-height) + var(--sa-nav-height))}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--sa-bg);color:var(--sa-text);font-family:var(--sa-sans)}button{font-family:inherit;cursor:pointer}a{color:var(--sa-cyan);text-decoration:none}.class-banner{position:fixed;top:0;left:0;right:0;height:var(--sa-banner-height);line-height:var(--sa-banner-height);text-align:center;font:700 10px/18px var(--sa-mono);letter-spacing:.14em;color:#fff;background:#063;z-index:1000;text-transform:uppercase}.class-banner.bottom{top:auto;bottom:0}.shell{display:flex;flex-direction:column;height:100vh;padding-top:var(--sa-banner-height);padding-bottom:var(--sa-banner-height)}.topbar{height:var(--sa-nav-height);display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid var(--sa-border);background:#0d1117fa;flex-shrink:0}.brand{font:700 13px/1 var(--sa-mono);letter-spacing:.12em;color:var(--sa-orange);white-space:nowrap}.brand span{color:var(--sa-text)}.nav{display:flex;gap:2px;flex:1}.nav a{padding:8px 10px;font:600 11px/1 var(--sa-mono);letter-spacing:.08em;color:var(--sa-text2);border-bottom:2px solid transparent;text-transform:uppercase}.nav a:hover{color:var(--sa-text)}.nav a.active{color:var(--sa-cyan);border-bottom-color:var(--sa-cyan)}.status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.pill{font:600 10px/1 var(--sa-mono);letter-spacing:.06em;padding:4px 8px;border:1px solid var(--sa-border2);border-radius:2px;text-transform:uppercase}.pill.live{border-color:#166534;color:var(--sa-green)}.pill.degraded{border-color:#854d0e;color:var(--sa-amber)}.pill.offline{border-color:#991b1b;color:var(--sa-red)}.intel-strip{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-bottom:1px solid var(--sa-border);background:var(--sa-surface);font-family:var(--sa-mono);font-size:10px;flex-shrink:0}.strip-row{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start}.metric{min-width:96px}.metric .label{color:var(--sa-text3);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.metric .val{font-size:17px;font-weight:700;margin-top:1px;line-height:1.1;color:var(--sa-text)}.metric .val.high{color:var(--sa-amber)}.metric .val.crit{color:var(--sa-red)}.metric .val.ok{color:var(--sa-green)}.metric .val.unknown{color:var(--sa-text3);font-size:12px;letter-spacing:.06em}.metric .src{margin-top:2px;font-size:8.5px;letter-spacing:.05em;color:var(--sa-text3);text-transform:uppercase;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric .src.dead{color:var(--sa-red)}.strip-row.feeds{gap:10px;padding-top:2px;border-top:1px solid var(--sa-border)}.feed-chip{display:flex;flex-direction:column;gap:1px;padding:3px 8px;border:1px solid var(--sa-border);border-radius:2px;background:var(--sa-surface2);min-width:78px}.fc-label{font-size:8.5px;letter-spacing:.1em;color:var(--sa-text3);text-transform:uppercase}.fc-val{font-size:12px;font-weight:700;color:var(--sa-text2)}.fc-val.active{color:var(--sa-cyan)}.fc-val.ok{color:var(--sa-green)}.fc-val.unknown{color:var(--sa-text3)}.fc-src{font-size:8px;letter-spacing:.04em;color:var(--sa-text3);text-transform:uppercase;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-src.dead{color:var(--sa-red)}.strip-alert{padding:8px 10px;background:#ef44441f;border-left:3px solid var(--sa-red);color:#fca5a5;letter-spacing:.04em;line-height:1.5;font-weight:700}.strip-degraded{padding:6px 9px;background:#ef444424;border-left:3px solid var(--sa-red);color:#fca5a5;letter-spacing:.04em;line-height:1.45;font-weight:700;text-transform:uppercase}.fc-val.degraded{color:var(--sa-red);font-size:10px;letter-spacing:.06em}.frame-bar.unverified .fb-state{color:var(--sa-amber)}.strip-loading{padding:8px 10px;background:var(--sa-surface2);border-left:3px solid var(--sa-text3);color:var(--sa-text3);letter-spacing:.1em;text-transform:uppercase}.strip-warn{padding:5px 8px;background:#eab3081a;border-left:3px solid var(--sa-amber);color:#fde68a;letter-spacing:.03em;line-height:1.4}.bluf{padding:6px 8px;background:var(--sa-surface2);border-left:3px solid var(--sa-cyan);color:var(--sa-text2);line-height:1.45}.bluf strong{color:var(--sa-cyan)}.provenance{display:flex;gap:6px;flex-wrap:wrap;font-size:8.5px;letter-spacing:.05em;color:var(--sa-text3);text-transform:uppercase;padding-top:1px}.provenance.stale{color:var(--sa-amber)}.provenance .stale-flag{color:var(--sa-red);font-weight:700}.frame-wrap{flex:1;min-height:0;display:flex;flex-direction:column;background:#000}.frame-bar{display:flex;align-items:center;gap:10px;padding:4px 12px;flex-shrink:0;background:var(--sa-surface2);border-bottom:1px solid var(--sa-border);font:600 9px/1.4 var(--sa-mono);letter-spacing:.08em;text-transform:uppercase}.frame-bar .fb-state{color:var(--sa-text3)}.frame-bar.loaded .fb-state{color:var(--sa-green)}.frame-bar.blocked .fb-state{color:var(--sa-red)}.frame-bar .fb-src{color:var(--sa-text3);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:.02em}.frame-bar .fb-open{color:var(--sa-indigo);white-space:nowrap}.frame-body{position:relative;flex:1;min-height:0}.frame-body iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.frame-degraded{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:var(--sa-bg);text-align:center;font-family:var(--sa-mono)}.fd-title{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--sa-red);text-transform:uppercase}.fd-body{max-width:620px;font-size:11px;line-height:1.6;color:var(--sa-text2);font-family:var(--sa-sans)}.fd-meta{display:flex;flex-direction:column;gap:4px;text-align:left;padding:10px 14px;background:var(--sa-surface);border:1px solid var(--sa-border);font-size:9.5px;color:var(--sa-text2);max-width:620px;width:100%}.fd-meta>div{display:flex;gap:8px;line-height:1.5;word-break:break-all}.fd-meta span{color:var(--sa-text3);letter-spacing:.1em;min-width:88px;flex-shrink:0;text-transform:uppercase}.fd-cta{padding:8px 16px;border:1px solid var(--sa-indigo);color:var(--sa-indigo);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.fd-cta:hover{background:#6366f11f}.compose-cta{padding:6px 10px;font:600 10px/1 var(--sa-mono);letter-spacing:.06em;background:transparent;border:1px solid var(--sa-indigo);color:var(--sa-indigo);text-transform:uppercase}.compose-cta:hover{background:#6366f11f}@media(max-width:900px){.strip-row{gap:12px}.metric{min-width:74px}.nav a{padding:8px 6px;font-size:10px}}