:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0a;--surface: #141414;--surface-2: #1e1e1e;--border: rgba(255, 255, 255, .08);--accent: #7c3aed;--accent-hover: #6d28d9;--text: #fafafa;--text-dim: rgba(255, 255, 255, .5);--anon-bubble: #1a1a2e;--you-bubble: #2d1b4e}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}.splash-screen{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(ellipse at 50% 30%,rgba(124,58,237,.08) 0%,transparent 60%)}.splash-card{max-width:26rem;width:100%;text-align:center;animation:fadeUp .6s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anon-icon{width:80px;height:80px;margin:0 auto 1.5rem;color:var(--accent);background:#7c3aed1a;border-radius:50%;display:grid;place-items:center;padding:16px}.anon-icon svg{width:100%;height:100%}.splash-card h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;letter-spacing:-.03em}.subtitle{color:var(--text-dim);margin-bottom:2rem;font-size:1rem}.input-group{display:flex;gap:.5rem;margin-bottom:.75rem}.input-group input{flex:1;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.95rem;outline:none;transition:border-color .2s}.input-group input:focus{border-color:var(--accent)}.input-group button{padding:.75rem 1.5rem;border-radius:.5rem;border:none;background:var(--accent);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.input-group button:hover{background:var(--accent-hover)}.hint{color:var(--text-dim);font-size:.8rem;margin:0}.chat-screen{height:100vh;display:flex;flex-direction:column;max-width:52rem;margin:0 auto}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.header-left{display:flex;align-items:center;gap:.75rem}.anon-avatar{width:36px;height:36px;color:var(--accent);background:#7c3aed1f;border-radius:50%;display:grid;place-items:center;padding:7px}.anon-avatar svg{width:100%;height:100%}.chat-header h2{margin:0;font-size:1rem;font-weight:600}.status-dot{font-size:.75rem;color:#22c55e}.status-dot:before{content:"";display:inline-block;width:6px;height:6px;background:#22c55e;border-radius:50%;margin-right:.35rem;vertical-align:middle}.header-right{display:flex;align-items:center}.your-identity{font-size:.8rem;color:var(--text-dim);background:#7c3aed1a;padding:.3rem .6rem;border-radius:.35rem;border:1px solid rgba(124,58,237,.2)}.messages-area{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.message-row{display:flex;animation:msgIn .3s ease-out}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-you{justify-content:flex-end}.message-anon{justify-content:flex-start}.message-bubble{max-width:75%;padding:.6rem .9rem;border-radius:1rem;position:relative}.message-you .message-bubble{background:var(--you-bubble);border-bottom-right-radius:.25rem}.message-anon .message-bubble{background:var(--anon-bubble);border-bottom-left-radius:.25rem;border:1px solid var(--border)}.sender-label{display:block;font-size:.7rem;font-weight:600;margin-bottom:.15rem;text-transform:uppercase;letter-spacing:.05em}.message-anon .sender-label{color:var(--accent)}.you-label{color:#facc15;opacity:.7}.message-text{margin:0;font-size:.95rem;line-height:1.45;word-break:break-word}.timestamp{display:block;font-size:.65rem;color:var(--text-dim);margin-top:.25rem;text-align:right}.input-area{padding:.75rem 1.25rem 1rem;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.input-bar{display:flex;gap:.5rem;align-items:center}.input-bar input{flex:1;padding:.7rem 1rem;border-radius:1.5rem;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.95rem;outline:none;transition:border-color .2s}.input-bar input:focus{border-color:var(--accent)}.input-bar button{width:42px;height:42px;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s,opacity .2s;padding:0;flex-shrink:0}.input-bar button:hover:not(:disabled){background:var(--accent-hover)}.input-bar button:disabled{opacity:.4;cursor:default}.input-bar button svg{width:18px;height:18px}.input-hint{margin:.4rem 0 0;font-size:.7rem;color:var(--text-dim);text-align:center}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.messages-area::-webkit-scrollbar-thumb:hover{background:#fff3}