:root{color-scheme:light dark;--ground: #f7f6f3;--surface: #ffffff;--ink: #1c2230;--muted: #5c6472;--line: #e1e0da;--accent: #2f5d62;--accent-ink: #ffffff;--danger: #a84a26;--danger-soft: #f6e9e2;--ok: #3d6b4a}@media(prefers-color-scheme:dark){:root{--ground: #14181f;--surface: #1a1f28;--ink: #e8e9e6;--muted: #98a1af;--line: #262c36;--accent: #7fb3ab;--accent-ink: #10161a;--danger: #d98a61;--danger-soft: #2c211b;--ok: #7fa98a}}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.shell{max-width:30rem;margin:0 auto;padding:3rem 1.25rem 4rem;display:flex;flex-direction:column;gap:1.25rem}.masthead{display:flex;align-items:center;gap:.6rem}.masthead h1{font-size:1.5rem;margin:0;letter-spacing:-.02em;flex:1}.dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--muted)}.dot.up{background:var(--ok)}.dot.down{background:var(--danger)}.status{font-size:.8rem;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:.6rem;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.card h2{margin:0;font-size:1.15rem}label{font-size:.85rem;font-weight:600}.hint{margin:0;color:var(--muted);font-size:.9rem}.hint.small{font-size:.8rem}input[type=text],input:not([type]){font:inherit;padding:.7rem .8rem;border:1px solid var(--line);border-radius:.4rem;background:var(--ground);color:var(--ink);width:100%}input:focus-visible,button:focus-visible,.chip:focus-within{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;font-weight:600;padding:.7rem 1rem;border:1px solid var(--accent);border-radius:.4rem;background:var(--accent);color:var(--accent-ink);cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--accent)}button.link{background:none;border:none;color:var(--muted);text-decoration:underline;padding:.25rem;font-weight:400}.roles{border:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.roles legend{font-size:.85rem;font-weight:600;padding:0 0 .4rem}.chip{border:1px solid var(--line);border-radius:2rem;padding:.35rem .85rem;font-size:.9rem;cursor:pointer}.chip.on{border-color:var(--accent);color:var(--accent);font-weight:600}.chip input{position:absolute;opacity:0;width:0;height:0}.roles .hint{flex-basis:100%}.banner{margin:0;padding:.75rem 1rem;border-radius:.4rem;font-size:.9rem}.banner.error{background:var(--danger-soft);color:var(--danger)}.banner.notice{background:var(--surface);border:1px solid var(--line);color:var(--muted)}.account{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:.45rem}.account.active{border-color:var(--accent)}.account .sub{display:block;font-size:.85rem;color:var(--muted)}.role{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border:1px solid currentColor;border-radius:2rem;padding:.1rem .55rem}footer{text-align:center;font-size:.8rem;color:var(--muted)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}