:root{color:#14213d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f8f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}.appShell{background:linear-gradient(135deg,#1c786d1f,#0000 36%),linear-gradient(315deg,#e77e2424,#0000 34%),#f7f8f3;min-height:100vh}.topbar{justify-content:space-between;align-items:center;gap:16px;width:min(1120px,100% - 32px);margin:0 auto;padding:24px 0;display:flex}.brand,.sessionBadge{align-items:center;gap:10px;font-weight:750;display:inline-flex}.brand{text-decoration:none}.brandMark,.sessionBadge{background:#ffffffb8;border:1px solid #14213d24;box-shadow:0 10px 30px #14213d14}.brandMark{color:#1c786d;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.sessionBadge{border-radius:999px;min-height:38px;padding:0 14px;font-size:14px}.navLinks,.footerLinks{align-items:center;gap:18px;display:inline-flex}.navLinks a,.footerLinks a{color:#4c5a67;font-size:14px;font-weight:700;text-decoration:none}.navLinks a:hover,.footerLinks a:hover{color:#1c786d}.workspace{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:40px;width:min(1120px,100% - 32px);min-height:calc(100vh - 100px);margin:0 auto;padding:28px 0 72px;display:grid}.heroCopy{max-width:680px}.eyebrow{color:#1c786d;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:800}h1{color:#102033;max-width:780px;margin:0;font-size:clamp(44px,7vw,86px);line-height:.98}.lede{color:#4c5a67;max-width:620px;margin:24px 0 0;font-size:19px;line-height:1.65}.githubButton{color:#fff;background:#14213d;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;margin-top:30px;padding:0 18px;font-weight:750;text-decoration:none;display:inline-flex}.signedInPanel,.signalBoard,.monitorPanel{background:#ffffffd1;border:1px solid #14213d1f;border-radius:8px;box-shadow:0 24px 60px #14213d1a}.signedInPanel{color:#1c786d;align-items:flex-start;gap:12px;max-width:520px;margin-top:30px;padding:16px;display:flex}.signedInPanel div{gap:4px;display:grid}.signedInPanel span{color:#4c5a67;font-size:14px;line-height:1.45}.errorText{color:#b42318;max-width:520px}.successText{color:#1c786d;max-width:520px;margin:0;font-size:13px;font-weight:700}.mutedText{color:#61707c;margin:0;font-size:13px}.signalBoard{padding:18px}.monitorPanel{gap:16px;padding:18px;display:grid}.panelHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.panelHeader div{gap:4px;display:grid}.panelHeader span{color:#4c5a67;font-size:14px}.panelHeader strong{color:#102033;font-size:28px}.monitorForm,.channelForm{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) 44px;gap:10px;display:grid}.channelForm{grid-template-columns:112px minmax(0,.7fr) minmax(0,1.3fr) 44px}.monitorForm input,.channelForm input,.channelForm select{color:#102033;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #14213d29;border-radius:8px;padding:0 12px}.monitorForm input:focus,.channelForm input:focus,.channelForm select:focus{border-color:#1c786d;outline:none;box-shadow:0 0 0 3px #1c786d24}.turnstileBox{width:0;height:0;overflow:hidden}.legalPage{width:min(860px,100% - 32px);margin:0 auto;padding:42px 0 76px}.legalPage h1{font-size:clamp(42px,8vw,72px)}.legalUpdated{color:#61707c;margin:18px 0 0;font-size:14px;font-weight:700}.legalBody{color:#344453;gap:16px;max-width:760px;margin-top:34px;font-size:17px;line-height:1.7;display:grid}.legalBody h2{color:#102033;margin:18px 0 0;font-size:24px;line-height:1.2}.legalBody p{margin:0}.legalBody a{color:#1c786d;font-weight:750}.footerLinks{width:min(1120px,100% - 32px);margin:0 auto;padding:0 0 28px}.iconButton{color:#14213d;cursor:pointer;background:#fff;border:1px solid #14213d24;border-radius:8px;place-items:center;width:44px;height:44px;display:inline-grid}.primaryIconButton{color:#fff;background:#1c786d;border-color:#1c786d}.iconButton:disabled{cursor:not-allowed;opacity:.6}.monitorList{gap:10px;display:grid}.subPanel{border-top:1px solid #14213d1a;gap:10px;padding-top:14px;display:grid}.subPanelHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.subPanelHeader span{color:#4c5a67;font-size:14px}.subPanelHeader strong{color:#102033}.emptyState,.monitorRow,.compactRow{background:#f7f8f3bd;border:1px solid #14213d1a;border-radius:8px;min-height:58px}.emptyState{color:#6b7680;place-items:center;font-size:14px;display:grid}.monitorRow{grid-template-columns:12px minmax(0,1fr) auto 44px;align-items:center;gap:12px;padding:10px;display:grid}.compactList{gap:10px;display:grid}.compactRow{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.channelRow{grid-template-columns:minmax(0,1fr) auto 44px 44px}.monitorRow div,.compactRow div{gap:3px;min-width:0;display:grid}.monitorRow strong,.monitorRow span,.compactRow strong,.compactRow span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.monitorRow span,.compactRow span{color:#61707c;font-size:13px}.incidentPill{color:#1c786d;background:#1c786d1f;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.monitorStatusPill{color:#4c5a67;background:#9aa5af29;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.monitorStatusPill.up{color:#1c786d;background:#1c786d1f}.monitorStatusPill.down{color:#b42318;background:#b423181f}.monitorStatusPill.blocked{color:#9a4f10;background:#e77e2424}.channelPill{color:#9a4f10;background:#e77e2424;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.channelPill.verified{color:#1c786d;background:#1c786d1f}.incidentPill.open{color:#b42318;background:#b423181f}.statusDot{background:#9aa5af;border-radius:999px;width:10px;height:10px}.statusDot.up{background:#1c786d}.statusDot.down{background:#b42318}.statusDot.blocked{background:#e77e24}.metricStrip{color:#fff;background:#14213d;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:96px;padding:18px;display:flex}.metricStrip span{color:#ffffffb3;font-size:14px}.metricStrip strong{font-size:28px}.statusRows{gap:10px;margin-top:14px;display:grid}.statusRow{background:#f7f8f3bd;border:1px solid #14213d1a;border-radius:8px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;padding:0 12px;font-size:14px;display:grid}.statusIcon{color:#1c786d;background:#1c786d1f;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.statusRow strong{color:#102033}@media (width<=840px){.workspace{grid-template-columns:1fr;align-items:start;gap:28px;min-height:auto}h1{font-size:46px}.statusRow{grid-template-columns:32px minmax(0,1fr)}.statusRow strong{grid-column:2}.monitorForm,.channelForm{grid-template-columns:1fr 44px}.monitorRow{grid-template-columns:12px minmax(0,1fr) 44px}.monitorStatusPill{grid-column:2;width:max-content}.monitorForm input:first-child,.channelForm select,.channelForm input:first-of-type{grid-column:1/-1}.channelRow{grid-template-columns:minmax(0,1fr) 44px 44px}.channelPill{grid-column:1;width:max-content}}