:root{color-scheme:dark;--green:#baff7b;--red:#ff777d;--amber:#ffcf7c}*{box-sizing:border-box}body{margin:0;background:#090c12;color:#eef1f6;font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:4px}header,main,footer{max-width:1100px;margin:auto;padding:28px 32px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff18}header>a:last-child{font-size:13px;color:#bac4d1}.brand{display:flex;align-items:center;gap:12px;font-size:25px;letter-spacing:-1px;font-weight:bold;text-decoration:none}.brand span{color:var(--green);margin-left:-10px}main{padding-top:52px;min-height:70vh}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--green);margin-top:22px}h1{font-size:clamp(32px,6vw,58px);line-height:1.1;letter-spacing:-2px;margin:16px 0 24px}#summary{font-size:21px;font-weight:bold;color:var(--green)}#summary.has-outage{color:var(--red)}.detail,.footnote{color:#a2acbd;font-size:13px;max-width:800px}.footnote{margin-top:28px}#services{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.service{border:1px solid #ffffff20;border-radius:16px;background:#131922;padding:24px;min-width:0}.service[data-state=outage],.service[data-state=maintenance],.service[data-state=starting]{border-color:#ff777d65}.service-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}h2{font-size:21px;line-height:1.3;margin:0;overflow-wrap:anywhere}h2 a{text-decoration:none}h2 a:hover{text-decoration:underline}.badge{color:var(--green);display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:bold;white-space:nowrap}.badge:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.service[data-state=outage] .badge,.service[data-state=maintenance] .badge,.service[data-state=starting] .badge{color:var(--red)}.service[data-state=checking] .badge,.service[data-stale=true] .badge{color:var(--amber)}.code{display:block;font:13px/1.5 Consolas,monospace;color:#c2cbda;margin-top:14px}.service p{font-size:14px;color:#b6c0d0;margin:12px 0;overflow-wrap:anywhere}.service .time{font-size:12px;color:#8c98aa}.service-actions{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;margin-top:20px}.service-actions a{color:var(--green)}#connection-notice{border:1px solid #ff777d65;background:#ff777d12;color:var(--red);border-radius:10px;padding:16px;margin-top:24px;font-size:14px}.loading{color:#bac4d1;display:flex;align-items:center;gap:12px}.spinner{width:20px;height:20px;border:2px solid #ffffff30;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}footer{border-top:1px solid #ffffff18;font-size:12px;color:#97a2b3;display:flex;justify-content:space-between;gap:20px}[hidden]{display:none!important}#services.single{grid-template-columns:1fr;max-width:800px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){header,main,footer{padding-left:20px;padding-right:20px}header{padding-top:22px;padding-bottom:22px}header>a:last-child{font-size:12px}.brand{font-size:21px}#services{grid-template-columns:1fr}.service{padding:20px}main{padding-top:32px}h1{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}