:root{--bg: #0f1115;--panel: #171a21;--text: #e8eaed;--muted: #8b93a3;--line: #262b35;--vibing: #4ade80;--online: #60a5fa;--private: #a78bfa;--offline: #4b5563;color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg: #fbfbfd;--panel: #ffffff;--text: #14161a;--muted: #5f6672;--line: #e4e7ec;--offline: #9aa2af;color-scheme:light}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.shell{max-width:34rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}header h1{margin:0;font-size:1.75rem;letter-spacing:-.02em}.tagline{margin:.25rem 0 2rem;color:var(--muted);font-size:.95rem}h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:flex;align-items:center;gap:.6rem}.me{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem 1.15rem;margin-bottom:1.25rem}.me .label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.4rem}.toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.toggle input{width:1.05rem;height:1.05rem;accent-color:var(--private);cursor:pointer}.pill{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600;color:#0b0d11}.pill.vibing{background:var(--vibing)}.pill.online{background:var(--online)}.pill.private{background:var(--private)}.pill.offline{background:var(--offline);color:#e8eaed}.live{font-size:.7rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--vibing)}.live.off{color:var(--muted)}.friends{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.friends li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.15rem;background:var(--panel);border-bottom:1px solid var(--line)}.friends li:last-child{border-bottom:0}.who{display:flex;flex-direction:column;min-width:0}.handle{color:var(--muted);font-size:.8rem}.what{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.detail{color:var(--muted);font-size:.8rem}.signin{display:flex;flex-direction:column;gap:.6rem;max-width:22rem}.signin label{font-size:.85rem;color:var(--muted)}input[type=email]{padding:.65rem .8rem;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:1rem}button{padding:.65rem 1rem;border-radius:8px;border:0;cursor:pointer;background:var(--vibing);color:#0b0d11;font-weight:600;font-size:.95rem}button:disabled{opacity:.6;cursor:default}button.link{background:none;color:var(--muted);padding:0;font-weight:400;text-decoration:underline}.notice{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem;font-size:.9rem;color:var(--muted)}.muted{color:var(--muted);font-size:.9rem}.error{color:#f87171;font-size:.9rem}footer{margin-top:2.5rem}