@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";
:root,[data-theme=dark]{--bg:#0a0e14;--bg-light:#1a1e24;--bg-card:#141820;--text:#c5c8c6;--text-dim:#6b7280;--green:#98c379;--green-bright:#50fa7b;--red:#e06c75;--yellow:#e5c07b;--blue:#61afef;--purple:#c678dd;--cyan:#56b6c2;--orange:#d19a66;--border:#2a2e34}[data-theme=light]{--bg:#f5f5f0;--bg-light:#e8e8e3;--bg-card:#fff;--text:#2d2d2d;--text-dim:#6b7280;--green:#4a8c3f;--green-bright:#2d8a2d;--red:#c0392b;--yellow:#b8860b;--blue:#2980b9;--purple:#8e44ad;--cyan:#16a085;--orange:#d35400;--border:#d1d5db}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);min-height:100vh;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;line-height:1.6}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}.terminal{max-width:900px;min-height:100vh;margin:0 auto}.terminal-header{background:var(--bg-light);z-index:100;border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.dot.red{background:var(--red)}.dot.yellow{background:var(--yellow)}.dot.green{background:var(--green)}.title{color:var(--text-dim);margin-left:12px;font-size:13px}.lang-switcher{align-items:center;gap:4px;margin-left:auto;display:flex}.lang-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .2s}.lang-btn:hover{border-color:var(--cyan);color:var(--cyan)}.lang-btn.active{border-color:var(--green);color:var(--green);background:#98c3791a}.lang-sep{color:var(--text-dim);font-size:11px}.terminal-body{padding:24px 20px}.ascii-art pre{color:var(--green);margin-bottom:8px;font-size:14px;line-height:1.2;overflow-x:auto}.tagline{color:var(--yellow);margin-bottom:4px;font-size:14px}.subtitle{color:var(--text-dim);margin-bottom:32px;font-size:12px}section{margin-bottom:32px}h2{color:var(--green);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:4px;font-size:14px;font-weight:400}h2:before{content:"> ";color:var(--text-dim)}.status-box{background:var(--bg-card);border-left:3px solid var(--text-dim);border-radius:4px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;font-size:16px;font-weight:700;display:flex}.status-box.healthy{border-left-color:var(--green)}.status-box.warning{border-left-color:var(--yellow)}.status-box.critical{border-left-color:var(--red)}.status-box.loading{border-left-color:var(--text-dim)}.status-dot{background:var(--text-dim);border-radius:50%;width:10px;height:10px;animation:2s infinite pulse}.healthy .status-dot{background:var(--green-bright)}.warning .status-dot{background:var(--yellow)}.critical .status-dot{background:var(--red);animation:.5s infinite pulse-fast}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-fast{0%,to{opacity:1}50%{opacity:.3}}.mood-quote{color:var(--purple);opacity:.8;margin-bottom:12px;padding:8px 16px;font-size:12px;font-style:italic}.info-line{padding:4px 0;font-size:13px}.label{color:var(--text-dim);margin-right:8px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:12px}.metric-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:11px}.metric-value{color:var(--green);margin-bottom:8px;font-size:20px;font-weight:700}.metric-bar{background:var(--bg-light);border-radius:2px;height:4px;overflow:hidden}.metric-fill{background:var(--green);border-radius:2px;width:0%;height:100%;transition:width .5s,background-color .3s}.metric-fill.warn{background:var(--yellow)}.metric-fill.crit{background:var(--red)}.metrics-extra{padding:8px 0}.services-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.service-item{background:var(--bg-card);border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.svc-dot{background:var(--text-dim);border-radius:50%;width:8px;height:8px}.service-item.active .svc-dot{background:var(--green-bright)}.service-item.inactive .svc-dot{background:var(--red)}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:16px;overflow-x:auto}canvas{width:100%!important;height:250px!important}.issues-box{background:var(--bg-card);border:1px solid var(--red);border-radius:4px;padding:12px}.issue-item{border-bottom:1px solid var(--border);padding:6px 0;font-size:13px}.issue-item:last-child{border-bottom:none}.issue-item.critical{color:var(--red)}.issue-item.warning{color:var(--yellow)}.blog-box{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;max-height:600px;padding:24px 28px;font-size:14px;line-height:1.9;overflow-y:auto}.blog-box h1{color:var(--yellow);border-bottom:1px solid var(--border);margin:0 0 20px;padding-bottom:12px;font-size:17px;font-weight:700;line-height:1.4}.blog-box h2{color:var(--cyan);text-transform:uppercase;letter-spacing:1.5px;border:none;margin:24px 0 8px;padding:0;font-size:12px;font-weight:700}.blog-box h2:before{content:""}.blog-box h3{color:var(--green);border:none;margin:16px 0 6px;padding:0;font-size:13px;font-weight:700}.blog-box p{color:var(--text);margin:0 0 14px}.blog-box p:last-child{margin-bottom:0}.blog-box strong{color:var(--text);font-weight:700}.blog-box em{color:var(--purple);font-style:italic}.blog-box blockquote{border-left:3px solid var(--yellow);color:var(--yellow);opacity:.9;margin:14px 0;padding:4px 14px;font-style:italic}.blog-box hr{border:none;border-top:1px solid var(--border);margin:22px 0}.blog-box ul{margin:6px 0 14px;padding-left:20px}.blog-box li{color:var(--text);margin:5px 0}.blog-box li::marker{color:var(--green)}.blog-nav{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.blog-nav a{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:12px}.blog-nav a:hover{border-color:var(--cyan);text-decoration:none}.comms-box{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:16px;font-size:13px}.peer-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.peer-item:last-child{border-bottom:none}.peer-name{color:var(--cyan)}.peer-status{font-size:11px}.peer-status.alive{color:var(--green)}.peer-status.dead{color:var(--red)}.evolution-box{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:16px}.report-card-box{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:4px;padding:16px}.report-card-img{border-radius:4px;width:100%;max-width:720px;height:auto;margin:0 auto;display:block}.changelog-box{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:16px}.changelog-timeline{border-left:2px solid var(--border);margin-left:6px;padding-left:16px}.changelog-entry{margin-bottom:12px;position:relative}.changelog-entry:last-child{margin-bottom:0}.changelog-date{color:var(--green);align-items:center;font-size:.9em;font-weight:700;display:flex}.changelog-dot{background:var(--green);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:-22px}.changelog-changes{color:var(--text-dim);margin-top:4px;padding-left:4px;font-size:.82em}.changelog-change:before{content:"→";color:var(--text-dim)}.changelog-toggle{border:1px solid var(--border);color:var(--cyan);cursor:pointer;background:0 0;border-radius:4px;margin-top:12px;padding:4px 12px;font-family:inherit;font-size:.82em;display:block}.changelog-toggle:hover{background:var(--bg-light)}.footer{border-top:1px solid var(--border);text-align:center;margin-top:48px;padding-top:24px;font-size:12px}.footer p{margin-bottom:4px}.footer-credit{color:var(--text-dim);margin-top:12px;font-size:11px}.footer-credit a{color:var(--cyan)}.muted{color:var(--text-dim)}.blog-calendar{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;margin-bottom:16px;padding:16px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar-title{color:var(--green);font-size:13px;font-weight:700}.calendar-nav-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;padding:2px 10px;font-family:JetBrains Mono,monospace;font-size:13px;transition:all .2s}.calendar-nav-btn:hover{border-color:var(--cyan);color:var(--cyan)}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-dow{text-align:center;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;padding:4px 0;font-size:10px}.calendar-day{text-align:center;cursor:default;color:var(--text-dim);border:1px solid #0000;border-radius:3px;padding:6px 2px;font-size:12px;transition:all .15s}.calendar-day.empty{visibility:hidden}.calendar-day.has-posts{color:var(--green);cursor:pointer}.calendar-day.has-posts:hover{border-color:var(--green);background:#98c3791a}.calendar-day.selected{border-color:var(--green-bright);color:var(--green-bright);background:#50fa7b26;font-weight:700}.calendar-day.today{color:var(--cyan)}.calendar-day.today.has-posts{color:var(--green-bright)}.blog-type-tabs{gap:8px;margin-bottom:12px;display:flex}.blog-type-tab{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .2s}.blog-type-tab:hover{border-color:var(--cyan);color:var(--cyan)}.blog-type-tab.active{border-color:var(--green);color:var(--green);background:#98c3791a}.uptime-heatmap{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:16px}.uptime-summary{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.uptime-overall{font-size:28px;font-weight:700}.uptime-detail{color:var(--text-dim);font-size:12px}.heatmap-grid{grid-template-columns:repeat(30,1fr);gap:3px;margin-bottom:4px;display:grid}.heatmap-cell{aspect-ratio:1;border-radius:2px;min-width:0}.heatmap-cell.no-data{background:var(--bg-light);border:1px solid var(--border)}.heatmap-labels{justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.heatmap-legend{justify-content:flex-end;align-items:center;gap:3px;font-size:10px;display:flex}.heatmap-legend .heatmap-cell{aspect-ratio:auto;width:12px;height:12px}@media (max-width:768px){.terminal{max-width:100%}.heatmap-grid{gap:2px}.blog-box{padding:20px}}@media (max-width:600px){.terminal-body{padding:16px 12px}.terminal-header{gap:6px;padding:10px 12px}.title{text-overflow:ellipsis;white-space:nowrap;margin-left:8px;font-size:11px;overflow:hidden}.ascii-art pre{font-size:9px;line-height:1.15}.tagline{font-size:12px}.subtitle{font-size:11px}section{margin-bottom:24px}h2{margin-bottom:12px;font-size:13px}.status-box{gap:8px;padding:10px 12px;font-size:14px}.mood-quote{padding:6px 12px;font-size:11px}.info-line{font-size:12px}.metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:10px}.metric-value{font-size:16px}.metric-label{font-size:10px}.services-grid{grid-template-columns:1fr 1fr;gap:6px}.service-item{padding:6px 10px;font-size:12px}.chart-container{padding:12px}canvas{height:180px!important}.uptime-heatmap{padding:12px}.uptime-summary{flex-direction:column;gap:4px}.uptime-overall{font-size:22px}.heatmap-grid{gap:2px;min-width:0;overflow-x:auto}.heatmap-labels{font-size:9px}.heatmap-legend{flex-wrap:wrap;gap:2px;font-size:9px}.calendar-grid{gap:1px}.calendar-day{padding:4px 1px;font-size:10px}.calendar-dow{font-size:9px}.calendar-nav-btn{padding:2px 8px;font-size:12px}.blog-box{max-height:400px;padding:16px;font-size:13px}.blog-box h1{font-size:15px}.blog-box h2{font-size:11px}.blog-box h3{font-size:12px}.blog-nav{gap:4px}.blog-nav a{padding:3px 6px;font-size:11px}.blog-type-tabs{flex-wrap:wrap;gap:4px}.blog-type-tab{padding:3px 8px;font-size:10px}.comms-box{padding:12px;font-size:12px}.peer-item{flex-direction:column;align-items:flex-start;gap:2px;padding:6px 0}.peer-name{font-size:12px}.evolution-box{padding:12px;font-size:12px}.issues-box{padding:10px}.issue-item{padding:5px 0;font-size:12px}.footer{margin-top:32px;padding-top:16px;font-size:11px}.footer-credit{font-size:10px}}@media (max-width:380px){.terminal-body{padding:12px 8px}.ascii-art pre{font-size:7px}.metrics-grid,.services-grid{grid-template-columns:1fr}.lang-btn{padding:2px 6px;font-size:10px}.dot{width:10px;height:10px}.blog-box{max-height:350px;padding:12px}canvas{height:150px!important}}.shell-box{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:12px 16px;font-size:13px}.shell-history{max-height:280px;margin-bottom:8px;overflow-y:auto}.shell-hint{color:var(--text-dim);padding:4px 0;font-style:italic}.shell-entry{margin-bottom:6px}.shell-line,.shell-input-row{align-items:center;gap:8px;display:flex}.shell-prompt{color:var(--green);flex-shrink:0}.shell-typed{color:var(--text);word-break:break-all}.shell-output{color:var(--text-dim);white-space:pre-wrap;word-break:break-word;padding-left:4px}.shell-input-row{border-top:1px solid var(--border);padding-top:8px}.shell-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.shell-input:disabled{opacity:.5}.theme-toggle{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;margin-right:8px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1;transition:all .2s}.theme-toggle:hover{border-color:var(--yellow);color:var(--yellow)}[data-theme=light] .terminal-header{box-shadow:0 1px 3px #0000001a}[data-theme=light] .metric-card,[data-theme=light] .chart-container,[data-theme=light] .blog-box,[data-theme=light] .comms-box,[data-theme=light] .evolution-box,[data-theme=light] .uptime-heatmap,[data-theme=light] .blog-calendar{box-shadow:0 1px 2px #0000000d}[data-theme=light] .heatmap-cell.no-data{background:var(--bg-light)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}
