:root{--ink:#1f2933;--muted:#52606d;--line:#cbd2d9;--accent:#1f5f8b;--bg:#f5f7fa}@media (prefers-color-scheme:dark){:root{--ink:#e4e7eb;--muted:#9aa5b1;--line:#3e4c59;--accent:#7fb3d5;--bg:#12181f}}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.5 system-ui,sans-serif}main{max-width:32rem;margin:0 auto;padding:2rem 1rem}h1{margin:0 0 1rem;font-size:1.5rem}.card{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 85%, white);border-radius:8px;padding:1.25rem}.muted{color:var(--muted)}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;min-height:44px;padding:.6rem 1rem}button.secondary{color:var(--accent);background:0 0}ul.roles{padding-left:1.2rem}