@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg: #0f1720;--panel: #18232f;--text: #e5e7eb;--muted: #9ca3af;--accent: #0b6e4f;--available: #12b76a;--outage: #e5484d;--future: #3b4654;--line: #2a3644;--half-label-col: 28px;--half-gap: 6px}*{box-sizing:border-box}html,body,#app{min-height:100%}html{background:var(--bg);overflow-x:clip}body{margin:0;font-family:Space Grotesk,sans-serif;color:var(--text);background-color:var(--bg);background-image:radial-gradient(900px 520px at 0% 0%,rgba(18,183,106,.18),transparent 72%),radial-gradient(700px 420px at 100% 0%,rgba(11,110,79,.14),transparent 74%);background-attachment:fixed;overflow-x:clip}#app{min-height:100vh}.page{max-width:1100px;margin:0 auto;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px;min-width:0}.topbar-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.lang-select{background:transparent;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:6px 10px;font:inherit;max-width:100%}.login-link{border:0;background:transparent;color:var(--text);font:inherit;font-weight:600;cursor:pointer;padding:6px 4px}.login-link:hover{color:#fff}.hero{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:flex-start}.hero>div{min-width:0}.kicker{text-transform:uppercase;font-weight:700;letter-spacing:.08em;color:var(--accent);margin:0}h1{margin:4px 0 8px}.sub{margin:0;color:var(--muted)}.current-status-row{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:1.5rem;line-height:1.2;font-weight:700;margin:0}.status-dot{width:9px;height:9px;border-radius:999px;background:var(--muted);box-shadow:0 0 #9ca3af40}.current-status-row.status-available{color:var(--available)}.current-status-row.status-outage{color:var(--outage)}.current-status-row.status-available .status-dot{background:var(--available);animation:status-pulse 1.6s ease-in-out infinite}.current-status-row.status-outage .status-dot{background:var(--outage)}.current-status-row.status-future .status-dot,.current-status-row.status-unknown .status-dot,.current-status-row.status-outside-window .status-dot{background:var(--muted)}.stats article .current-status-row+p{margin-top:8px;color:var(--muted)}@keyframes status-pulse{0%{opacity:1;box-shadow:0 0 #12b76a52}70%{opacity:.85;box-shadow:0 0 0 8px #12b76a00}to{opacity:1;box-shadow:0 0 #12b76a00}}.controls{display:grid;gap:10px;min-width:0}.tabs{display:flex;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:3px;min-width:0}.tabs button{border:0;background:transparent;color:var(--text);border-radius:999px;padding:8px 14px;cursor:pointer}.tabs button.active{background:var(--accent);color:#fff}.stats{margin-top:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stats article{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px}.stats h2{margin:0}.stats p{margin:8px 0 0;color:var(--muted)}.status-available{color:var(--available)}.status-outage{color:var(--outage)}.status-future,.status-outside-window,.status-unknown{color:var(--muted)}.calendar{margin-top:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.calendar header p{margin:0;color:var(--muted)}.window-row{display:inline-flex;align-items:center;gap:8px}.calendar-popover-wrap{position:relative;display:inline-flex;align-items:center}.calendar-btn{border:0;background:transparent;color:var(--text);font-size:16px;line-height:1;padding:2px 4px;border-radius:6px;cursor:pointer}.calendar-btn:hover{background:#e5e7eb1f}.calendar-btn:focus-visible{outline:1px solid var(--line);outline-offset:1px}.calendar-popover{position:absolute;top:calc(100% + 6px);right:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;z-index:20}.calendar-popover input[type=date]{background:transparent;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font:inherit}.calendar-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.calendar-title-row h3{margin:0}.legend{margin-top:10px;display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px}.legend-item{display:inline-flex;gap:6px;align-items:center}.legend-dot{width:10px;height:10px;border-radius:999px;border:1px solid var(--line)}.legend-dot.available{background:var(--available)}.legend-dot.outage{background:var(--outage)}.legend-dot.future{background:var(--future)}.legend-scale{display:none;align-items:center;gap:8px}.legend-scale-bar{width:140px;height:8px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(to right,var(--available),var(--future),var(--outage))}.legend-scale-label{font-size:12px}.rows{margin-top:12px;display:grid;gap:10px}.row{display:grid;grid-template-columns:115px 1fr;gap:10px;align-items:start}.axis-row{margin-bottom:2px}.x-axis-legend{position:relative;height:30px;margin-left:calc(var(--half-label-col) + var(--half-gap));width:calc(100% - (var(--half-label-col) + var(--half-gap)));overflow:hidden}.x-axis-tick{position:absolute;top:10px;color:var(--muted);font-size:11px;line-height:1}.x-axis-note{position:absolute;top:0;left:0;color:var(--muted);font-size:10px;letter-spacing:.04em}.day{color:var(--muted);font-size:14px}.interval-bar-wrap{width:100%}.day-bars{display:grid;grid-template-columns:1fr;gap:1px}.day-half{display:grid;grid-template-columns:var(--half-label-col) 1fr;gap:var(--half-gap);align-items:center}.half-label{color:var(--muted);font-size:10px;letter-spacing:.08em;text-align:right}.interval-bar{position:relative;height:14px;background:var(--line);border-radius:0;overflow:hidden}.hour-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.hour-marker{position:absolute;top:0;bottom:0;width:1px;background:#e5e7eb59}.hour-labels{position:relative;height:14px;margin-top:3px}.hour-label{position:absolute;top:0;transform:translate(-50%);color:var(--muted);font-size:11px;line-height:1}.segment{position:absolute;top:0;bottom:0;z-index:2}.segment.available{background:var(--available)}.segment.outage{background:var(--outage)}.segment.future,.segment.unknown{background:var(--future)}.error{color:var(--outage);font-weight:600}@media(max-width:800px){.topbar{flex-direction:column;align-items:flex-start}.hero{flex-direction:column}.stats,.row{grid-template-columns:1fr}.axis-row{display:none}}@media(min-width:920px){.legend-scale{display:inline-flex}}