:root{color-scheme:light;--canvas:#f8faff;--ink:#171a2e;--muted:#626b82;--line:#dfe4f0;--surface:#fff;--blue:#346ec4;--purple:#684ed8;--green:#21865b;--red:#b24761;--amber:#a66d1f}
*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:radial-gradient(ellipse at 90% 2%,#e8efff 0,transparent 38%),var(--canvas);color:var(--ink)}a{color:var(--blue)}button{font:inherit}.page{width:min(100% - 40px,760px);margin:auto;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 0;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--ink);font-size:28px;font-weight:650;letter-spacing:-1.7px}.brand img{object-fit:contain}.back-link{font-size:14px;font-weight:600;text-decoration:none}.back-link:hover,.explanation a:hover{text-decoration:underline}.intro{padding:68px 0 30px}.eyebrow{margin:0 0 13px;font-size:12px;letter-spacing:.16em;font-weight:750;color:var(--purple)}h1{margin:0 0 13px;font-size:clamp(36px,8vw,56px);line-height:1.1;letter-spacing:-.045em}.intro>p:last-child{max-width:580px;margin:0;color:var(--muted);line-height:1.7;font-size:16px}.status-card{border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:0 18px 45px #293d7610;padding:27px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 22px;align-items:center}.status-main{display:flex;align-items:center;gap:17px;min-width:0}.status-indicator{flex:none;width:46px;height:46px;border-radius:50%;background:#eef1f7;box-shadow:inset 0 0 0 13px #e3e8f2}.status-indicator[data-state=available]{background:#dff6e9;box-shadow:inset 0 0 0 13px #42a478}.status-indicator[data-state=unavailable]{background:#ffebee;box-shadow:inset 0 0 0 13px #cf6078}.status-indicator[data-state=unknown]{background:#fff2df;box-shadow:inset 0 0 0 13px #d4a261}h2{margin:0;font-size:17px;letter-spacing:-.015em}.status-label{margin:6px 0 0;color:var(--muted);font-size:15px;font-weight:650}.checked-at{grid-column:1;margin:0;color:var(--muted);font-size:12px}.refresh-button{grid-column:2;grid-row:1/3;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:#f4f3ff;color:#4b3eb6;font-weight:700;cursor:pointer}.refresh-button:hover{background:#eae7ff}.refresh-button:disabled{opacity:.65;cursor:wait}.explanation{padding:42px 0 56px}.explanation h2{font-size:22px;margin-bottom:17px}.explanation p{max-width:680px;font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 15px}.explanation strong{color:var(--ink)}.explanation a{font-weight:650}.page footer{margin-top:auto;border-top:1px solid var(--line);padding:23px 0 32px;color:var(--muted);font-size:12px}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
@media(max-width:560px){.page{width:min(100% - 28px,760px)}.topbar{padding:18px 0}.brand{font-size:25px}.brand img{width:32px;height:32px}.back-link{font-size:12px;text-align:right}.intro{padding:49px 0 24px}.intro>p:last-child{font-size:14px}.status-card{padding:21px;border-radius:22px;grid-template-columns:1fr}.status-main{gap:13px}.status-indicator{width:40px;height:40px;box-shadow:inset 0 0 0 11px #e3e8f2}.status-indicator[data-state=available]{box-shadow:inset 0 0 0 11px #42a478}.status-indicator[data-state=unavailable]{box-shadow:inset 0 0 0 11px #cf6078}.status-indicator[data-state=unknown]{box-shadow:inset 0 0 0 11px #d4a261}.checked-at{grid-column:1}.refresh-button{grid-column:1;grid-row:auto;width:100%}.explanation{padding:38px 0 48px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--canvas:#111524;--ink:#f5f6ff;--muted:#b4bdd0;--line:#394359;--surface:#1c2335;--blue:#8ab9ff;--purple:#bdadff}body{background:radial-gradient(ellipse at 90% 2%,#202d53 0,transparent 38%),var(--canvas)}.status-card{box-shadow:none}.refresh-button{background:#29284a;color:#ddd6ff}.refresh-button:hover{background:#34305c}}
.brand img{border-radius:9px}