*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{color:#111;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}.nav{z-index:100;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;display:flex;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:16px 24px;display:flex}.accent-bar{background:#ff3131;width:100%;height:3px}.nav-logo{align-items:center;text-decoration:none;display:flex}.nav-logo img{height:35px;display:block}.nav-status-text{color:#666;letter-spacing:.04em;font-size:13px;font-weight:500}.main{flex:1;width:100%;max-width:800px;margin:0 auto;padding:0 24px}.hero{padding:48px 0 32px}.hero h1{color:#111;margin-bottom:8px;font-family:PT Serif,Georgia,serif;font-size:32px;font-weight:400}.hero-meta{color:#666;align-items:center;gap:12px;font-size:14px;display:flex}.hero-meta-sep{background:#c8c8c4;border-radius:50%;width:4px;height:4px}.services{background:#efefed;border:1px solid #efefed;flex-direction:column;gap:2px;display:flex}.service-card{background:#fff;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:20px 24px;transition:background .2s;display:grid;position:relative}.service-card:hover{background:#f8f7f5}.service-card--fail{border-left:3px solid #dc2626}.service-card-main{flex-direction:column;gap:4px;min-width:0;display:flex}.service-card-name{color:#111;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.service-card-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.service-card-dot--ok{background:#16a34a}.service-card-dot--fail{background:#dc2626}.service-card-dot--degraded{background:#d97706}.service-card-dot--checking{background:#c8c8c4}.service-card-url{color:#666;font-size:13px}.service-card-disclaimer{color:#999;margin-top:4px;font-size:12px;font-style:italic}.service-card-right{text-align:right;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.service-card-badge{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.service-card-badge--ok{color:#16a34a}.service-card-badge--fail{color:#dc2626}.service-card-badge--degraded{color:#d97706}.service-card-badge--checking{color:#c8c8c4}.service-card-badge--warn{color:#d97706}.service-card-uptime{color:#666;font-size:12px}.service-card-data{color:#c8c8c4;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:11px}.history-section{padding:32px 0}.history-label{text-transform:uppercase;letter-spacing:.1em;color:#999;align-items:center;gap:10px;margin-bottom:16px;font-size:11px;font-weight:600;display:flex}.history-label:before{content:"";background:#ff3131;width:16px;height:2px}.history-grid-wrapper{-webkit-overflow-scrolling:touch;flex-direction:column;gap:2px;display:flex;position:relative}.history-grid{flex-wrap:nowrap;gap:1px;width:100%;display:flex}.history-day{cursor:default;background:#e5e5e5;border-radius:1px;flex:1;min-width:2px;height:24px;position:relative}.history-day--ok{background:#16a34a}.history-day--degraded{background:#3b82f6}.history-day--yellow{background:#eab308}.history-day--fail{background:#dc2626}.history-day--empty{background:#f0f0ee}.history-day--today{z-index:2;outline-offset:1px;outline:2px solid #111;position:relative}.history-day-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#111;border-radius:6px;padding:8px 12px;font-size:12px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}.history-day:before{content:"";position:absolute;inset:-8px -4px}.history-day:hover .history-day-tooltip{opacity:1}.history-legend{color:#666;gap:16px;margin-top:12px;font-size:11px;display:flex}.history-legend-item{align-items:center;gap:6px;display:flex}.history-legend-dot{border-radius:2px;width:10px;height:10px}.footer{color:#111;background:#fff;margin-top:auto;padding:48px 24px 40px}.footer-inner{flex-direction:column;align-items:center;gap:0;max-width:800px;margin:0 auto;display:flex}.footer-powered{color:#999;margin:0;padding:0;font-size:14px;line-height:0;display:block}.footer-logo{opacity:.7;width:auto;height:48px;margin:0;padding:0;display:block}@media (width<=768px){.nav-inner{padding:12px 16px}.nav-logo img{height:28px}.nav-status-text{font-size:11px}.main{padding:0 16px}.hero{padding:32px 0 24px}.hero h1{font-size:24px}.service-card{grid-template-columns:1fr;gap:8px;padding:16px}.service-card-right{text-align:left;flex-direction:row;justify-content:space-between;align-items:flex-start}.history-day{min-width:1px;height:18px}.footer-inner{gap:6px}}