:root{color-scheme:dark;--bg:#080c12;--panel:#0d1117;--panel2:#111821;--line:#21262d;--line2:#30363d;--text:#e6edf3;--muted:#7d8590;--blue:#58a6ff;--blue2:#1f6feb;--green:#00d084;--yellow:#f7b731;--red:#fc5c65}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(31,111,235,.12),transparent 28rem),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.topbar{position:sticky;top:0;z-index:20;height:58px;padding:0 max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(8,12,18,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{text-decoration:none;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.brand span,.brand b{color:var(--blue)}.live{display:flex;align-items:center;gap:8px;color:var(--muted);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}.live i,.status-badge i{position:relative;width:8px;height:8px;border-radius:50%;background:#6e7681;box-shadow:0 0 10px currentColor}.live i.ok{color:var(--green);box-shadow:0 0 7px var(--green),0 0 18px rgba(0,208,132,.72);animation:status-glow 1.8s ease-in-out infinite}.live i.ok::after{content:"";position:absolute;inset:-5px;border:1px solid rgba(0,208,132,.72);border-radius:50%;animation:status-ring 1.8s ease-out infinite}.live i.bad{color:var(--red);box-shadow:0 0 10px rgba(252,92,101,.7)}@keyframes status-glow{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.25);filter:brightness(1.45)}}@keyframes status-ring{0%{transform:scale(.55);opacity:.9}75%,100%{transform:scale(1.65);opacity:0}}@media(prefers-reduced-motion:reduce){.live i.ok,.live i.ok::after{animation:none}}.live i.ok,.status-badge i.ok{background:var(--green)}.live i.bad,.status-badge i.bad{background:var(--red)}main{width:min(1120px,calc(100% - 40px));margin:auto;padding:64px 0 100px}.hero{min-height:340px;display:flex;align-items:center;justify-content:space-between;gap:50px;border-bottom:1px solid var(--line);padding:20px 0 58px;margin-bottom:56px}.eyebrow{margin:0 0 10px;color:var(--blue);font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.hero h1{margin:0;font-size:clamp(38px,7vw,74px);line-height:.98;letter-spacing:-.055em;max-width:780px}.intro{max-width:600px;color:var(--muted);font-size:16px;line-height:1.65;margin:24px 0 0}.host-card{flex:0 0 205px;padding:22px;background:linear-gradient(145deg,rgba(31,111,235,.17),rgba(13,17,23,.92));border:1px solid #274b75;border-radius:12px;box-shadow:0 22px 60px rgba(0,0,0,.25)}.host-card span,.host-card small{display:block;color:var(--muted);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.host-card strong{display:block;margin:8px 0 18px;font:700 25px ui-monospace,SFMono-Regular,Menlo,monospace}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{margin:0;font-size:24px;letter-spacing:-.025em}.refresh,.count{color:var(--muted);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:64px}.stat{min-height:145px;padding:18px;background:rgba(13,17,23,.88);border:1px solid var(--line);border-radius:9px}.stat>span{color:var(--muted);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em}.stat strong{display:block;margin:14px 0 10px;font:700 25px ui-monospace,SFMono-Regular,Menlo,monospace}.stat small{color:var(--muted);font-size:10px}.speed-stat{grid-column:1/-1;background:linear-gradient(110deg,rgba(31,111,235,.18),rgba(13,17,23,.92))}.speed-values{display:grid;max-width:460px;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 11px}.speed-values div{min-width:0}.speed-values b{display:block;color:var(--text);font:700 30px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.06em;white-space:nowrap}.speed-values em{display:block;margin-top:4px;color:var(--muted);font:normal 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;white-space:nowrap}.meter{height:3px;background:var(--line);border-radius:4px;overflow:hidden;margin:0 0 12px}.meter i{display:block;width:0;height:100%;background:var(--green);transition:width .6s ease,background .2s}.stat-wide{background:linear-gradient(145deg,rgba(31,111,235,.12),rgba(13,17,23,.88))}.project-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:12px;margin-bottom:64px}.project-card,.project-placeholder{border:1px solid var(--line);border-radius:11px;min-height:310px}.project-card{padding:25px;background:linear-gradient(145deg,rgba(31,111,235,.11),rgba(13,17,23,.94))}.project-top{display:flex;align-items:center;justify-content:space-between}.project-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #295b93;border-radius:9px;background:rgba(31,111,235,.18);color:var(--blue);font-size:25px}.status-badge{display:flex;align-items:center;gap:7px;color:var(--muted);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.status-badge b{font-weight:500}.project-kind{color:var(--blue);font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;margin:25px 0 7px}.project-card h3{font-size:27px;margin:0 0 8px}.project-card>p:not(.project-kind){color:var(--muted);line-height:1.55;max-width:620px;margin:0}.project-card .private-note{margin-top:14px!important;color:#7f8da0!important;font:9px ui-monospace,SFMono-Regular,Menlo,monospace!important}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.tags span{padding:3px 7px;border:1px solid var(--line2);border-radius:20px;color:var(--muted);font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.project-actions{display:flex;gap:9px;align-items:center}.project-actions a{padding:8px 12px;border:1px solid var(--line2);border-radius:7px;text-decoration:none;color:#aab3bd;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.project-actions a:hover{color:#fff;border-color:var(--blue)}.project-actions .primary{background:var(--blue2);border-color:var(--blue);color:#fff}.project-placeholder{display:grid;place-items:center;text-align:center;border-style:dashed;background:rgba(13,17,23,.5);color:#58616d}.project-placeholder span{display:block;font:300 38px ui-monospace,monospace}.project-placeholder p{margin:8px 0 0;line-height:1.5;font-size:12px}.timeline{border:1px solid var(--line);border-radius:10px;background:rgba(13,17,23,.8);overflow:hidden}.event{display:grid;grid-template-columns:10px 1fr auto;gap:14px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.event:last-child{border:0}.event>i{width:8px;height:8px;border-radius:50%;background:var(--blue)}.event.backup>i{background:var(--green)}.event.service>i{background:var(--yellow)}.event strong{display:block;font-size:12px;margin-bottom:3px}.event p{margin:0;color:var(--muted);font-size:10px}.event time{color:#59636f;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.loading{color:var(--muted);padding:18px;margin:0;font:10px ui-monospace,monospace}footer{min-height:80px;border-top:1px solid var(--line);padding:0 max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;color:#58616d;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;padding-bottom:env(safe-area-inset-bottom)}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-wide{grid-column:span 2}.hero{align-items:flex-end}.host-card{flex-basis:180px}}@media(max-width:650px){main{width:min(100% - 24px,1120px);padding-top:30px}.topbar{padding:0 12px}.hero{display:block;min-height:0;padding-bottom:36px;margin-bottom:38px}.hero h1{font-size:42px}.host-card{margin-top:30px;width:100%}.stats-grid{gap:8px}.stat{min-height:130px;padding:14px}.stat strong{font-size:21px}.project-grid{grid-template-columns:1fr}.project-placeholder{min-height:160px}.project-actions{align-items:stretch;flex-direction:column}.project-actions a{text-align:center}.event{grid-template-columns:9px 1fr}.event time{grid-column:2}.section-head{align-items:start;flex-direction:column;gap:7px}footer{padding-left:12px;padding-right:12px}}