:root{
  --bg:#0b0f17;
  --panel:#161b22;
  --panel2:#1b222c;
  --stroke:#30363d;
  --stroke2:#3b444e;
  --text:#e6edf3;
  --muted:#8b949e;
  --subtle:#6e7681;
  --cyan:#00e5ff;
  --blue:#00e5ff;
  --mint:#10b981;
  --violet:#8b949e;
  --orange:#f59e0b;
  --red:#ef4444;
  --side:238px;
  --radius:8px;
  --mono:"JetBrains Mono","Fira Code",ui-monospace,SFMono-Regular,Consolas,monospace;
  color-scheme:dark;
}

html{background:var(--bg)}
body{background:radial-gradient(ellipse at 68% 0,#17212d 0,transparent 38%),var(--bg);color:var(--text)}
.ambient{opacity:.07}
.ambient-one{background:#00e5ff}
.ambient-two{background:#182535}
.sidebar{background:#0d1117;border-color:var(--stroke);padding:18px 12px 13px}
.sidebar:after{width:1px;background:linear-gradient(transparent,#00e5ff48,transparent)}
.sidebar-context{margin:20px 8px;padding:8px 10px;background:#111820;border-color:var(--stroke);border-radius:5px;color:#c9d1d9}
.side-nav{gap:2px}
.nav-caption{color:var(--muted);font-size:9px;letter-spacing:.14em}
.nav-section{margin-top:16px}
.nav-link{min-height:37px;gap:10px;border-radius:5px;color:#aab2bd;font-size:12px}
.nav-link:hover{background:#1b222c;color:var(--text)}
.nav-link.active{background:#151d25;border-color:#26333d;color:#f0f6fc;box-shadow:inset 2px 0 var(--cyan)}
.nav-link.active .ico{color:var(--cyan)}
.nav-link .ico{color:#8b949e;width:15px;height:15px}
.nav-chip,.nav-number{color:#aab2bd}
.nav-chip{background:#161b22;border-color:var(--stroke);border-radius:3px}
.nav-number{background:#1b222c;color:#c9d1d9}
.sidebar-bottom{border-color:var(--stroke)}
.side-settings{border-radius:5px;color:#aab2bd}
.side-settings:hover{background:#161b22}
.side-info{background:#111820;border-color:var(--stroke);border-radius:5px;padding:10px}
.side-info strong{color:var(--orange)}
.side-info-bars i:nth-child(3){background:var(--cyan)}
.topbar{height:62px;background:#0d1117ed;border-color:var(--stroke);padding:0 28px}
.topbar-left{font-size:10px}
.topbar-slash{color:var(--cyan)}
.topbar-section,.topbar-clock{color:#c9d1d9}
.topbar-environment{color:var(--muted);font-size:9px;letter-spacing:.1em}
.topbar-environment .live-dot{background:var(--orange);box-shadow:none}
.top-search{height:33px;background:#111820;border-color:var(--stroke);border-radius:5px;color:#aab2bd}
.top-search:hover{border-color:#65717d}
.top-search kbd{border-color:var(--stroke);color:var(--muted)}
.icon-button{border-radius:5px;color:#aab2bd}
.icon-button:hover{background:#161b22;border-color:var(--stroke);color:var(--text)}
.page-content{max-width:1760px;padding:24px 28px 90px}
.page-footer{padding:14px 28px 58px;border-color:var(--stroke);color:var(--muted);font-size:9px}
.eyebrow{color:var(--muted);font-size:9px;letter-spacing:.13em}
.eyebrow:before{width:14px;background:var(--cyan)}
.page-heading{margin-bottom:18px}
.page-heading h1{font-size:clamp(25px,2.4vw,36px);letter-spacing:-.035em}
.page-heading p{max-width:820px;color:#aab2bd;font-size:12px}
.badge-preview{border-color:#33414b;background:#141b21;border-radius:4px;padding:7px 9px;color:#b9c5cf;font-size:9px}
.button{min-height:34px;border-color:#3a424c;border-radius:5px;background:#1b222c;color:#d0d7de;font-size:11px;transition:background .16s,border-color .16s,color .16s}
.button:hover{border-color:#697580;background:#242c36;color:#fff}
.button-primary{border-color:#3b6872;background:#183038;color:#c8f7fb;box-shadow:none}
.button-primary:hover{border-color:var(--cyan);background:#1b3941}
.panel{background:var(--panel);border-color:var(--stroke);border-radius:7px;box-shadow:0 3px 12px #00000018}
.panel:before{background:linear-gradient(90deg,transparent,#ffffff0a,transparent)}
.panel-pad{padding:17px}
.panel-header{margin-bottom:13px}
.panel-title{font-size:12px}
.panel-kicker{color:var(--muted);font-size:9px;letter-spacing:.1em}
.panel-heading .ico{color:#aab2bd;width:15px;height:15px}
.data-pill{border-radius:4px;background:#14251f;border-color:#27513f;color:#8ee4c0;font-size:9px;padding:4px 7px}
.data-pill.blue{background:#13262b;border-color:#30545a;color:#a5eaf0}
.data-pill.amber{background:#2a2113;border-color:#5b451e;color:#ffc857}
.section-label{margin:18px 0 10px}
.section-label h2{font-size:11px;letter-spacing:.1em}
.section-label span{color:var(--muted);font-size:9px}
.overview-top{min-height:126px;margin-bottom:16px;padding:18px 20px;background:linear-gradient(115deg,#161b22,#111820 72%);border-color:var(--stroke);border-radius:7px}
.overview-top:after{border-color:#ffffff12;box-shadow:0 0 0 35px #ffffff04,0 0 0 75px #ffffff02}
.overview-top h2{font-size:20px;letter-spacing:.06em}
.overview-top p{color:#aab2bd;font-size:11px}
.overview-top .eyebrow{color:var(--muted);font-size:9px}
.hero-mark{color:#59636e;font-size:46px;text-shadow:none}
.hero-mark:before,.hero-mark:after{border-color:#ffffff18;border-radius:12px}
.metrics{gap:10px;margin-bottom:13px}
.metric{min-height:115px;padding:13px 15px 12px}
.metric-head{justify-content:flex-start;color:#aab2bd;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.metric-meta{margin-left:auto;color:var(--muted);font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.metric-value{margin:10px 0 5px;color:#e6edf3;font:700 25px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.04em}
.metric-value.word{font-size:19px;letter-spacing:0}
.metric-foot{display:flex;align-items:center;gap:6px;color:#aab2bd;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}
.metric-foot.amber{color:var(--orange)}
.metric-foot.healthy{color:var(--mint)}
.metric-status-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#69737d}
.metric-status-dot.warning{background:var(--orange);box-shadow:0 0 7px #f59e0b55}
.metric-status-dot.healthy{background:var(--mint);box-shadow:0 0 7px #10b98166}
.metric-status-dot.neutral{background:#69737d}
.metric-icon{position:absolute;right:14px;top:39px;width:25px;height:25px;border:1px solid #30363d;border-radius:5px;background:#1b222c;color:#9da7b1}
.metric-icon .ico{width:13px;height:13px}
.metric-meter{height:2px;background:#30363d;margin-top:10px}
.metric-meter span{background:var(--mint);box-shadow:none}
.grid-layout{gap:12px}
.world-shell{height:290px;border-color:#30363d;border-radius:5px;background-color:#0d131a;background-image:linear-gradient(#8b949e0a 1px,transparent 1px),linear-gradient(90deg,#8b949e0a 1px,transparent 1px),radial-gradient(circle at center,#1a2934,#0d131a 70%);background-size:28px 28px,28px 28px,auto}
.world-shell:before{background:linear-gradient(#c9d1d90d 1px,transparent 1px),linear-gradient(90deg,#c9d1d90d 1px,transparent 1px);background-size:28px 28px}
.world-shell .radial-ring{border-color:#00e5ff24;box-shadow:0 0 0 55px #00e5ff05,0 0 0 110px #00e5ff03}
.world-outline{fill:#151f28d9;stroke:#59677380}
.world-arc{stroke:#00e5ff62}
.world-node circle:first-child{fill:#00e5ff;stroke:#123f47;filter:drop-shadow(0 0 4px #00e5ff88)}
.world-node circle:nth-child(2){stroke:#00e5ff;opacity:.5}
.world-node circle:nth-child(2){transform-box:fill-box;transform-origin:center;animation:demoNodePulse 2.8s ease-out infinite}
.map-corner{color:#9aa8b3;font-size:8px;letter-spacing:.1em}
.map-right{color:#aab2bd}
.signal-key{color:#aab2bd;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}
.signal-key i{background:var(--cyan);box-shadow:none}
.signal-key strong{color:var(--muted);font-size:9px}
.ops-row{padding:12px 0;border-color:#30363d}
.ops-name{color:#c9d1d9;font-size:11px}
.ops-name .ico{color:#8b949e}
.ops-value,.repo-value{color:#b4bdc6;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}
.ops-value.good{color:var(--mint)}
.ops-value.warn{color:var(--orange)}
.ops-cta{border-color:#30363d;border-radius:5px;background:#111820}
.module,.step,.empty-block{border-color:#30363d;border-radius:5px;background:#111820}
.module:hover,.step:hover{border-color:#58636e;background:#1b222c}
.module-icon,.feature-icon,.source-icon{border-color:#39434e;border-radius:5px;background:#1b222c;color:#aab2bd}
.content-card h3,.tool-card h3,.step strong{color:#e6edf3}
.content-card p,.tool-card p,.paragraph,.accordion p{color:#aab2bd}
.fine-print,.muted,.empty-block small,.step small{color:var(--muted)}
.resource-row{border-color:#30363d}
.field,.text-field,.settings-form input{border-color:#3a424c;border-radius:5px;background:#0d1117;color:#e6edf3}
.field:focus,.text-field:focus{border-color:#6b8790;box-shadow:0 0 0 2px #00e5ff18}
.code-output,.result{border-color:#30363d;border-radius:5px;background:#0d1117;color:#b8d7dc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.token{border-color:#3a424c;border-radius:3px;background:#1b222c;color:#c9d1d9}
.notice{border-color:#59471f;border-radius:5px;background:#221d13;color:#e7d6ac}
.notice strong{color:var(--orange)}
.metric-value,.metric-foot,.metric-meta,.data-pill,.ops-value,.repo-value,.topbar-clock,.topbar-environment,.nav-chip,.nav-number,.section-label span,.map-corner,.run-status,.code-output,.token,.ticker-entry,.ticker-note{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.event,.event-list,.terminal-box,.terminal-content{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.terminal-box{border-color:#30363d;border-radius:5px;background:#0d1117}
.terminal-head{border-color:#30363d;background:#111820}
.terminal-head>i{background:#59636e}
.terminal-head>i:first-child{background:var(--red)}
.terminal-head>i:nth-child(2){background:var(--orange)}
.terminal-head>i:nth-child(3){background:var(--mint)}
.event{border-color:#30363d}
.event-dot{background:var(--mint);box-shadow:0 0 6px #10b98166}
.modal{border-color:#3b444e;border-radius:7px;background:#161b22;color:var(--text)}
.modal-head,.modal-foot{border-color:#30363d;color:#aab2bd}
.command-input{border-color:#30363d;color:#e6edf3}
.command-item:hover,.command-item:focus-visible{background:#1b222c}
.toast{border-color:#28513f;border-radius:5px;background:#14251f;color:#b8f2d5}
.local-ticker{position:fixed;z-index:18;left:var(--side);right:0;bottom:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;height:40px;padding:0 18px;border-top:1px solid #30363d;background:#0d1117f5;backdrop-filter:blur(16px)}
.ticker-label,.ticker-note{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#c9d1d9;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em}
.ticker-label .status-light{width:5px;height:5px;background:var(--orange);box-shadow:none}
.ticker-note{color:var(--muted);font-size:8px}
.ticker-note i{width:3px;height:3px;background:#59636e;border-radius:50%}
.ticker-viewport{min-width:0;overflow:hidden;border-left:1px solid #30363d;border-right:1px solid #30363d}
.ticker-track{display:flex;width:max-content}
.ticker-run{display:flex;align-items:center;flex:0 0 auto}
.ticker-entry{display:flex;align-items:center;gap:8px;padding:0 19px;color:#8b949e;font-size:9px;white-space:nowrap}
.ticker-entry time{color:#aab2bd}
.ticker-entry strong{color:#c9d1d9;font-size:9px;font-weight:600;letter-spacing:.04em}
.ticker-entry:after{content:"";width:3px;height:3px;margin-left:10px;border-radius:50%;background:#59636e}
.local-ticker:hover .ticker-track,.local-ticker:focus-within .ticker-track{animation-play-state:paused}
.local-ticker:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}
.mono,.metric-value,.metric-foot,.metric-meta,.data-pill,.ops-value,.repo-value,.topbar-clock,.topbar-environment,.nav-chip,.nav-number,.section-label span,.map-corner,.run-status,.code-output,.token,.ticker-entry,.ticker-note,.event,.terminal-content,.panel-kicker,.github-controls label,.github-repository-status .section-label span,.github-data-panel .section-label span{font-family:var(--mono)}
.github-monitoring-intro strong,.github-repository-status .section-label h2,.github-data-panel .section-label h2{color:#e6edf3}
.github-monitoring-intro p,.github-status-data p,.github-muted{color:#aab2bd}
.github-controls label,.github-repository-status .section-label span,.github-data-panel .section-label span{color:var(--muted)}
.github-controls select{border-color:#3a424c;border-radius:5px;background:#0d1117;color:#e6edf3}
.github-status-data strong{color:#e6edf3;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.github-status-data a,.github-record a,.github-alert-record a{color:#8bdde5}
.github-record,.github-alert-source{border-color:#30363d}
.github-alert-source>strong{color:#d0d7de}
.github-state{border-color:#3a424c;background:#161b22;color:#c9d1d9}
.github-state[data-state=on]{border-color:#27513f;background:#14251f;color:#8ee4c0}
.github-state[data-state=off]{border-color:#5b451e;background:#2a2113;color:#ffc857}
.github-state[data-state=pending]{border-color:#30545a;background:#13262b;color:#a5eaf0}
.github-state[data-state=off] .live-dot{background:var(--orange);box-shadow:none}

@keyframes tickerScroll{to{transform:translateX(-50%)}}
@keyframes demoNodePulse{50%{opacity:.3;transform:scale(1.7)}}
.ticker-track{animation:tickerScroll 52s linear infinite}
@media(max-width:1250px){:root{--side:226px}.page-content{padding-right:22px;padding-left:22px}.local-ticker{gap:10px;padding:0 12px}}
@media(max-width:1020px){:root{--side:218px}.metric-icon{right:12px}.page-content{padding-right:18px;padding-left:18px}}
@media(max-width:760px){
  .page-content{padding:19px 14px 150px}
  .page-heading{gap:10px}
  .page-heading h1{font-size:29px}
  .overview-top{padding:17px 15px}
  .metrics{gap:8px}
  .metric{padding:12px;min-height:108px}
  .metric-icon{display:grid;top:35px;right:10px;width:23px;height:23px}
  .metric-value{font-size:23px}
  .world-shell{height:255px}
  .page-footer{padding-bottom:18px}
  .local-ticker{left:0;bottom:calc(59px + env(safe-area-inset-bottom));height:38px;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:0 11px}
  .ticker-note{display:none}
  .ticker-entry{padding:0 12px;font-size:8px}
}
@media(max-width:420px){
  .topbar{padding:0 10px}
  .topbar-left,.topbar-right{gap:6px}
  .topbar-section{max-width:92px}
  .page-heading h1{font-size:26px}
  .page-heading p{font-size:11px}
  .metric-head{font-size:9px}
  .metric-meta{font-size:8px}
  .metric-value{font-size:21px}
  .metric-value.word{font-size:17px}
  .metric-foot{font-size:9px}
  .metric-icon{display:none}
  .ticker-label{font-size:8px}
  .ticker-entry{gap:6px;padding:0 9px}
}
@media(prefers-reduced-motion:reduce){.ticker-track,.world-node circle:nth-child(2){animation:none!important}}