:root{--bg: #0f1316;--surface: #172028;--surface2: #12202a;--line: #274252;--text: #eaf3f7;--muted: #9db3bf;--accent: #00a3a3;--accent-strong: #007777;--good: #2eb67d;--warn: #f2c14e;--bad: #f26464}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{font-family:Space Grotesk,sans-serif;color:var(--text);background:radial-gradient(circle at 20% -20%,rgba(0,163,163,.22),transparent 45%),radial-gradient(circle at 85% 0%,rgba(242,193,78,.18),transparent 35%),var(--bg)}.container{max-width:1040px;margin:0 auto;padding:24px 20px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;flex-wrap:wrap}.wordmark{font-weight:700;font-size:18px;letter-spacing:.02em;text-decoration:none;color:var(--text)}.wordmark em{color:var(--accent);font-style:normal}.topbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card{background:#172028eb;border:1px solid var(--line);border-radius:18px;padding:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 760px){.grid2{grid-template-columns:1fr}}h1{margin:0 0 6px;font-size:26px}h2{margin:0 0 12px;font-size:17px}p{color:var(--muted);line-height:1.55}.muted{color:var(--muted)}.mono{font-family:IBM Plex Mono,monospace;font-size:.8rem;color:var(--muted)}button,.btn{border:0;border-radius:12px;padding:10px 14px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;color:var(--text)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#eaffff}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:#1c2b34;border:1px solid var(--line)}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.btn-sm{padding:6px 10px;border-radius:9px;font-size:13px}button:disabled{opacity:.5;cursor:default}input,select,textarea{width:100%;background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin:12px 0 5px}.badge{display:inline-block;padding:3px 9px;border-radius:999px;text-transform:uppercase;font-size:.68rem;font-weight:700;letter-spacing:.05em}.role-owner{background:#00a3a338;color:#aef2f2}.role-leader{background:#f2c14e38;color:#ffecb8}.role-member{background:#9bb2bf38;color:#d3e2ea}.rsvp-yes{background:#2eb67d33;color:#aff2d4}.rsvp-no{background:#f2646433;color:#ffc1c1}.rsvp-maybe{background:#f2c14e33;color:#ffecb8}.rsvp-late{background:#9bb2bf33;color:#d3e2ea}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 4px;border-top:1px solid rgba(39,66,82,.6)}.row:first-of-type{border-top:none}.row-main{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:var(--surface2);border:1px solid var(--line);display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--accent)}.name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.countdown{font-size:24px;font-weight:700;color:var(--accent)}.row-click{cursor:pointer;border-radius:10px;margin:0 -8px;padding-left:12px;padding-right:12px}.row-click:hover{background:#00a3a312}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a0c99;z-index:40;display:flex;justify-content:flex-end}.drawer{width:min(420px,100%);height:100%;overflow-y:auto;background:var(--surface);border-left:1px solid var(--line);padding:22px 20px 40px;box-shadow:-24px 0 60px #00000073;animation:drawer-in .18s ease-out}@keyframes drawer-in{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}.avatar img,img.avatar{border-radius:50%}.error{color:#ffb3b3;font-size:13px;margin-top:8px}.ok{color:#aff2d4;font-size:13px;margin-top:8px}.center{text-align:center;padding:40px 16px}.spacer{height:16px}