:root{--bg:#f7f7f5;--fg:#1c1c1a;--muted:#6b6b66;--card:#fff;--border:#deded8;--accent:#1f5fbf;--danger:#b3261e}@media (prefers-color-scheme:dark){:root{--bg:#161615;--fg:#ececea;--muted:#a0a09a;--card:#20201e;--border:#36362f;--accent:#7aa7ec;--danger:#f2b8b5}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.5 system-ui,sans-serif}main{max-width:28rem;margin:10vh auto;padding:0 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px}h1{margin:0 0 16px;font-size:1.25rem}label{color:var(--muted);margin:12px 0 4px;font-size:.875rem;display:block}input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);font:inherit;border-radius:8px;padding:10px 12px}button{background:var(--accent);color:var(--card);font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:16px;padding:10px 16px}button.secondary{color:var(--fg);border:1px solid var(--border);background:0 0}.muted{color:var(--muted);font-size:.875rem}.error{color:var(--danger);font-size:.875rem}ul.sites{padding-left:20px}