main{max-width:760px}.hero{padding-bottom:24px}.hero h1{font-size:clamp(2.2rem,8vw,4rem)}section{padding:24px 0}details{margin:12px 0;padding:16px;border:1px solid #ddd7e4;border-radius:16px}summary{cursor:pointer;font-weight:600}header details{position:relative;margin:0;padding:8px 14px}header details[open] nav{position:absolute;right:0;top:100%;display:grid;background:#fff;padding:16px;min-width:160px;border:1px solid #ddd7e4;z-index:3}form{display:grid;gap:16px}label{display:grid;gap:8px}select{font:inherit;padding:12px;border:1px solid #ccc;border-radius:12px;background:transparent;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}.metric strong{font-size:2rem}.muted{font-size:.85rem;color:#666}[hidden]{display:none!important}#service-result{padding:16px;border:1px solid #d9cfe5;border-radius:16px}#service-status{min-height:1.5em}p{overflow-wrap:anywhere}input[type=checkbox]{width:20px;height:20px}a,button,summary,select{touch-action:manipulation}:focus-visible{outline:3px solid #8657d7;outline-offset:3px}@media(prefers-color-scheme:dark){body,header details[open] nav{background:#16131a;color:#f4effb}a{color:#cfb7ff}.muted{color:#b9aeca}details,select,#service-result{border-color:#56475f}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#16131a;--fg:#f4effb;--muted:#c0b7c9;--line:#56475f;--field:#211b28;--wash:#292132}}

:root{--paper:var(--bg);--canvas:var(--bg);--ink:var(--fg)}header .profile-menu>nav{background:var(--field);color:var(--fg)}header .profile-menu>summary{font-size:22px;line-height:1}button.button:not(.primary){background:var(--field);color:var(--fg)}