:root{--bg: #17171B;--bg2: #1d1d23;--line: #2b2b34;--dot: #2a2a33;--text: #E6E6EC;--muted: #9A9AA6;--dim: #6E6E7A;--gold: #F2C230;--gold2: #F8DC7A;--violet: #9B45DE;--pink: #F06BAE;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--radius: 14px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font:15px/1.6 var(--mono);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background-image:radial-gradient(circle at 1px 1px,var(--dot) 1px,transparent 1.4px);background-size:18px 18px;background-attachment:fixed}a{color:var(--gold2);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--mono);background:#23232b;padding:.1em .4em;border-radius:4px;font-size:.92em}h1,h2{font-family:var(--display);font-weight:600;letter-spacing:.01em;line-height:1.05;margin:0 0 .4em}h1{font-size:clamp(34px,5vw,58px)}h2{font-size:28px}.muted{color:var(--muted)}.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:12px;margin:0 0 .6em}.lead{color:#c8c8d2;max-width:62ch}#app{max-width:1240px;margin:0 auto;padding:0 22px}.top{display:flex;align-items:center;gap:22px;padding:18px 0;position:sticky;top:0;z-index:5;background:linear-gradient(var(--bg) 70%,transparent)}.logo{display:flex;align-items:center;gap:10px;color:var(--text)}.logo:hover{text-decoration:none}.logo b{display:block;font-family:var(--display);font-size:22px;line-height:1}.logo small{color:var(--muted);font-size:11px;letter-spacing:.1em}.top nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}.top nav a{color:var(--muted);padding:6px 12px;border-radius:999px}.top nav a.on,.top nav a:hover{color:var(--text);background:#25252d;text-decoration:none}.lang{font:inherit;color:var(--text);background:transparent;border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer}.lang:hover{border-color:var(--gold)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:start;padding:26px 0 40px}.art-frame{margin:0;background:#111115;border:1px solid var(--line);border-radius:var(--radius);padding:10px;box-shadow:0 30px 80px -40px #000}.art-frame.wide .art{aspect-ratio:1200 / 630}.art{display:block;width:100%;aspect-ratio:1;border-radius:8px;background:var(--bg)}.art-frame figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px;padding:10px 4px 2px}.status-card{border:1px solid var(--line);background:var(--bg2);border-radius:var(--radius);padding:14px 16px;margin:18px 0}.status-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px;font-size:13px}.status-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.state{display:inline-flex;align-items:center;gap:8px;font-weight:500;padding:3px 10px 3px 8px;border-radius:999px;background:#23232b;font-size:13px}.state i{width:9px;height:9px;border-radius:50%;background:var(--dim)}.state-running i{background:#5ee08a;box-shadow:0 0 #5ee08a;animation:pulse 1.2s infinite}.state-resting i{background:var(--gold)}.state-asleep i{background:#6c7bd8}.state-offline i{background:#e85f3f}@keyframes pulse{0%{box-shadow:0 0 #5ee08a88}to{box-shadow:0 0 0 9px #5ee08a00}}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.stats-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0}.status-nums .stat{background:transparent;border:0;padding:0}.stat-l{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.stat-v{font-family:var(--display);font-size:26px;font-weight:600;line-height:1.15;overflow-wrap:anywhere}.stat-v code{font-family:var(--mono);font-size:16px;background:none;padding:0;color:var(--gold2)}.stat-s{color:var(--dim);font-size:11px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.btn{font:inherit;font-size:14px;color:var(--text);background:#23232b;border:1px solid var(--line);border-radius:999px;padding:8px 16px;cursor:pointer;display:inline-block}.btn:hover{border-color:var(--gold);text-decoration:none}.btn.primary{background:var(--gold);color:#17171b;border-color:var(--gold);font-weight:500}.btn.primary:hover{background:var(--gold2)}.legend{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.legend-dots{display:inline-flex;align-items:center;gap:3px}.legend-dots i{border-radius:50%;display:inline-block}.band{padding:26px 0;border-top:1px dashed var(--line)}.band-head{display:flex;justify-content:space-between;align-items:baseline}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding-bottom:30px}.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#111115;border:1px solid var(--line);border-radius:var(--radius);padding:8px;color:var(--text);transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-2px);border-color:var(--gold);text-decoration:none}.thumb{display:block;width:100%;aspect-ratio:1;border-radius:8px;background:var(--bg)}.card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;padding:8px 4px 2px;font-size:13px}.card-meta b{white-space:nowrap}.card-meta span{white-space:nowrap;font-size:12px}.page-head{padding:26px 0 8px}.page-head.row{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}.pager{display:flex;gap:8px;flex-wrap:wrap}.detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:start;padding-bottom:20px}.side .stats{margin-top:0}.empty{color:var(--muted);border:1px dashed var(--line);padding:12px;border-radius:10px}.loading{padding:80px 0;color:var(--muted);text-align:center}.hourly{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:4px}.hcol{display:flex;flex-direction:column;align-items:center;gap:4px}.hdots{display:grid;grid-template-rows:repeat(10,1fr);gap:3px}.hdots i{width:9px;height:9px;border-radius:50%;background:var(--dot)}.hcol span{font-size:10px;color:var(--dim);min-height:14px}.table-wrap{overflow-x:auto}table.runs{width:100%;border-collapse:collapse;font-size:13px}.runs th{text-align:left;color:var(--muted);font-weight:400;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.runs td{padding:7px 10px;border-bottom:1px dashed #26262e;white-space:nowrap}.runs tr:hover td{background:#1f1f26}.prose{max-width:820px;padding:26px 0 40px}.prose h2{margin-top:1.6em}.prose li{margin:.4em 0}.how-fig{margin:24px 0;max-width:520px}.how-fig .art{border:1px solid var(--line)}.how-fig figcaption{color:var(--muted);font-size:12px;margin-top:8px}.copyrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.copyrow code{padding:8px 12px}.foot{border-top:1px solid var(--line);padding:26px 0 40px;margin-top:30px;color:var(--muted);font-size:12.5px}.foot p{margin:.3em 0}.foot b{color:var(--text);font-weight:500}.foot-links a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}html.overlay,html.overlay body{background:transparent!important;background-image:none!important}html.overlay #app{padding:0;margin:0;max-width:none}.ov{padding:8px}.ov canvas{display:block}.ov-bar{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:6px;padding:7px 10px;border-radius:12px;background:#111115c7;color:var(--text);font-size:12.5px}.ov-bar .state{font-size:12px}.ov-brand{margin-left:auto;color:var(--gold);font-family:var(--display);font-size:15px}@media (max-width: 900px){.hero,.detail{grid-template-columns:1fr}.hero .art-frame{order:-1}.cards-4,.stats-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.top{gap:10px;flex-wrap:wrap}.top nav{margin-left:0;order:3;width:100%}.stats,.status-nums{grid-template-columns:repeat(2,minmax(0,1fr))}.hdots i{width:6px;height:6px}.hdots{gap:2px}}