:root{color-scheme:dark;--bg:#101416;--panel:#191f22;--line:#354046;--ink:#eef3f2;--muted:#a8b5bb;--accent:#a3e1c0;--warn:#f5c47b;--bad:#f2a49e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 'Segoe UI',Arial,sans-serif}main{max-width:1120px;margin:auto;padding:48px 28px}header,.section-heading,.notice{display:flex;align-items:center;justify-content:space-between;gap:20px}header{padding-bottom:30px;border-bottom:1px solid var(--line)}h1{font-size:clamp(26px,4vw,36px);letter-spacing:-1px;line-height:1.2;margin:8px 0}h2{font-size:18px;margin:0}h3{font-size:17px;margin:0}.eyebrow{font:11px/1.6 Consolas,monospace;letter-spacing:1.4px;color:var(--accent);margin:0}.muted,footer,#sample{color:var(--muted)}.notice{padding:22px 0;font-size:14px}.section-heading{margin:26px 0 16px}.section-heading span{font-size:12px}.services{border-top:1px solid var(--line)}.service{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:180px 1fr 220px;gap:20px}.label{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.badge{font:12px Consolas,monospace;padding:3px 8px;border:1px solid currentColor;border-radius:4px}.fresh{color:var(--accent)}.stale{color:var(--warn)}.unavailable{color:var(--bad)}.units{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;font-size:13px}.units p{margin:0}.units span{display:block;color:var(--muted);font-size:11px}.stamp{font-size:13px;font-variant-numeric:tabular-nums}.stamp span{display:block;color:var(--muted);font-size:12px}.bot{margin-top:30px;padding:1px 22px 22px;background:var(--panel);border:1px solid var(--line)}#bot{display:flex;flex-wrap:wrap;gap:14px;font-size:14px}footer{font-size:12px;max-width:850px;padding-top:26px}button,input{font:inherit;border-radius:5px;border:1px solid var(--line);padding:11px 14px;min-height:44px}button{background:var(--accent);color:#14251d;cursor:pointer;font-weight:600}.secondary{background:transparent;color:var(--ink)}button:hover{filter:brightness(1.1)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.login{max-width:520px;padding-top:12vh}.login section{margin-top:28px;padding:22px;background:var(--panel);border:1px solid var(--line)}.login form{margin:28px 0}.login label{display:block;margin:16px 0;font-size:14px}.login input{display:block;width:100%;background:var(--panel);color:var(--ink);margin-top:7px}.login button{width:100%}.login [role=alert]{color:var(--bad)}@media(max-width:700px){main{padding:28px 20px}.service{grid-template-columns:1fr;gap:16px}.label{flex-direction:row;justify-content:space-between;align-items:center}.units{gap:12px}.stamp{border-top:1px solid var(--line);padding-top:12px}.section-heading,.notice{align-items:flex-start;flex-direction:column;gap:8px}.bot .section-heading{gap:5px}.eyebrow{font-size:10px}header{gap:12px}.login{padding-top:48px}}