:root{--bg:#1c1b22;--bg-soft:#26242e;--bg-raised:#302e3b;--border:#3a3746;--text:#f4f1fa;--text-dim:#a6a2b8;--accent:#ff7a8a;--accent-strong:#ff5d73;--accent-soft:#ff7a8a24;--accent-soft-border:#ff7a8a59;--good:#6fe3a1;--good-soft:#6fe3a124;--good-border:#6fe3a159;--warn:#ffb86b;--warn-soft:#ffb86b24;--warn-border:#ffb86b59;--muted:#8f8aa3;--radius:14px;--radius-sm:9px;--shadow:0 6px 24px #00000059;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(1200px 500px at 50% -10%,#ff7a8a14,transparent 60%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#__nuxt,body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{background:var(--bg-raised);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-sm);outline:none;padding:12px 14px;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:90px}.shell{max-width:640px;margin:0 auto;padding:16px 16px 48px}main{padding-top:16px}.topbar{border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1b22e0;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.topbar nav{gap:4px;display:flex}.topbar nav a{border-radius:var(--radius-sm);color:var(--text-dim);padding:6px 10px;font-size:.9rem}.topbar nav a.router-link-active,.topbar nav a:hover{color:var(--text);background:var(--bg-raised)}.card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card+.card{margin-top:16px}h1{letter-spacing:-.02em;margin:0 0 4px;font-size:1.5rem}h2{margin:0 0 12px;font-size:1.05rem}p{line-height:1.5}.subtitle{margin:0 0 16px}.muted,.subtitle{color:var(--text-dim)}.hint{color:var(--muted);font-size:.85rem}.btn{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-weight:600;transition:filter .15s,background .15s,transform 50ms;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-raised)}.btn-good{background:var(--good);color:#07271a}.btn-warn{border-color:var(--warn-border);color:var(--warn);background:0 0}.btn-block{width:100%}.btn-row{flex-direction:column;gap:10px;display:flex}.tag{border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:3px 9px;font-size:.78rem;font-weight:600;display:inline-block}.tag-good{background:var(--good-soft);border-color:var(--good-border);color:var(--good)}.tag-warn{background:var(--warn-soft);border-color:var(--warn-border);color:var(--warn)}.field{margin-bottom:14px}.field label{color:var(--text-dim);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.error{color:var(--accent-strong);margin:10px 0 0;font-size:.9rem}.success{color:var(--good);font-size:.9rem}.join-code{text-align:center;letter-spacing:.12em;color:var(--accent);background:var(--bg-raised);border:1px dashed var(--accent-soft-border);border-radius:var(--radius);-webkit-user-select:all;user-select:all;margin:14px 0;padding:18px 12px;font-family:ui-monospace,SF Mono,Cascadia Code,monospace;font-size:2rem;font-weight:800}.timeline{padding-left:22px;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:4px;bottom:4px;left:6px}.timeline-item{padding-bottom:18px;position:relative}.timeline-item:before{content:"";background:var(--accent);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-20px}.timeline-item.dim:before{background:var(--muted)}.timeline-who{color:var(--text-dim);font-size:.8rem;font-weight:700}.timeline-msg{margin-top:3px}.timeline-when{color:var(--muted);margin-top:2px;font-size:.75rem}.divider{background:var(--border);border:0;height:1px;margin:16px 0}.empty{text-align:center;color:var(--muted);padding:28px 12px}.auth-shell{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.auth-card{width:100%;max-width:400px}.auth-brand{text-align:center;letter-spacing:-.02em;margin:0 0 4px;font-size:1.8rem;font-weight:800}.auth-tagline{text-align:center;color:var(--muted);margin:0 0 24px}.toast{background:var(--bg-raised);border:1px solid var(--good-border);color:var(--good);box-shadow:var(--shadow);z-index:50;border-radius:999px;padding:12px 20px;font-weight:600;animation:.2s ease-out toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width>=560px){.btn-row{flex-direction:row}.btn-row .btn{flex:1;width:auto}}