:root{--bg: #0f1220;--card: #1a1f33;--accent: #5b8def;--text: #e7eaf3;--muted: #8b93ad;--border: #2a3050;--danger: #ff6b6b}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent)}.linklike{background:none;border:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}.center{display:grid;place-items:center;min-height:100vh}.muted{color:var(--muted);font-size:.9rem}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1}.site-footer{flex-shrink:0;text-align:center;padding:1rem;border-top:1px solid var(--border);font-size:.85rem}.footer-sep{color:var(--muted);margin:0 .5rem}.auth-page{display:grid;place-items:center;min-height:100%;padding:1rem}.card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.75rem;display:flex;flex-direction:column;gap:.85rem}.card h1{margin:0 0 .25rem;font-size:1.4rem}.card label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--muted)}.card input,.card select,.card textarea{background:#0f1220;border:1px solid var(--border);border-radius:8px;padding:.6rem .7rem;color:var(--text);font-size:.95rem}.card textarea{resize:vertical;font-family:inherit}.card .row{display:flex;gap:.75rem}.card .row label{flex:1}.card .captcha{margin:.25rem 0 .5rem;min-height:65px}.card .detected-hint{margin:-.25rem 0 0;font-size:.8rem}button{cursor:pointer;border:none;border-radius:8px;padding:.65rem .9rem;font-size:.95rem;background:var(--accent);color:#fff;font-weight:600}button:disabled{opacity:.6;cursor:not-allowed}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.error{background:#ff6b6b1f;border:1px solid var(--danger);color:var(--danger);padding:.5rem .7rem;border-radius:8px;font-size:.85rem}.field-error{color:var(--danger);font-size:.78rem;margin-top:.25rem}.agree{flex-direction:row;align-items:center;gap:.5rem;color:var(--text);font-size:.85rem;cursor:pointer}.agree input{width:auto}.rules-card{max-width:560px}.rules-list{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.5rem;line-height:1.4}input.invalid,select.invalid{border-color:var(--danger)}.banner{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:#5b8def1f;border:1px solid var(--accent);color:var(--text);padding:.6rem .8rem;border-radius:8px;font-size:.88rem;margin-bottom:1rem}.banner.banner-danger{background:#ff6b6b1f;border-color:var(--danger)}.banner button{margin-left:auto;padding:.3rem .7rem;font-size:.82rem}.lobby{max-width:720px;margin:0 auto;padding:2rem 1rem}.lobby-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.lobby-header h1{margin:0}.user-list{display:grid;gap:.35rem;margin-top:.5rem}.user-card{display:flex;align-items:center;gap:.6rem;text-align:left;width:100%;background:var(--card);border:1px solid var(--border);color:var(--text);font-weight:400;padding:.45rem .75rem}.user-card:hover{border-color:var(--accent)}.user-card-name{font-weight:600;display:flex;align-items:center;gap:.35rem;flex-shrink:0;white-space:nowrap}.user-card-meta{font-size:.78rem;color:var(--muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-pager{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem}.lobby-pager .muted{font-size:.85rem}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot.online{background:#3ddc84}.dot.offline{background:var(--muted)}.badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;background:var(--border);color:var(--muted);padding:.1rem .4rem;border-radius:6px}.badge.ok{background:#3ddc8426;color:#3ddc84}.lobby-actions{display:flex;gap:.5rem}.button-link{display:inline-flex;align-items:center;padding:.65rem .9rem;border-radius:8px;font-size:.95rem;text-decoration:none;border:1px solid var(--border);color:var(--text);background:transparent}.button-link:hover{border-color:var(--accent)}.profile-info{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:.5rem 0 1rem}.profile-info dt{color:var(--muted);font-size:.85rem;align-self:center}.profile-info dd{margin:0}.ok-banner{background:#3ddc841f;border:1px solid #3ddc84;color:#2fae68;padding:.5rem .7rem;border-radius:8px;margin-bottom:.75rem}.blocked-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.blocked-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.blocked-list li{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px}.chat-locked{margin:auto;text-align:center;color:var(--muted);padding:2rem 1rem}.upgrade-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.verified-star{color:#f5c518;margin-left:.25rem;line-height:1}.small{font-size:.75rem}.chat{display:flex;flex-direction:column;height:70vh;background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.chat-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.back{padding:.3rem .6rem}.chat-actions{margin-left:auto;display:flex;gap:.4rem}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.bubble{max-width:70%;padding:.5rem .75rem;border-radius:12px;background:var(--border);word-break:break-word}.bubble.mine{align-self:flex-end;background:var(--accent);color:#fff}.bubble.theirs{align-self:flex-start}.bubble-img{max-width:220px;border-radius:8px;display:block}.load-older{align-self:center;margin:.25rem auto .5rem;padding:.35rem .8rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font-size:.8rem}.load-older:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.load-older:disabled{cursor:default;opacity:.7}.img-placeholder{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .8rem;border:1px dashed var(--border);border-radius:8px;background:transparent;color:var(--accent);cursor:pointer;font-size:.85rem}.img-placeholder:hover{border-color:var(--accent)}.room-card{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.9rem 1rem;margin-bottom:1.25rem;background:var(--card);border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer}.room-card:hover{border-color:var(--accent)}.room-card-main{display:flex;flex-direction:column;gap:.15rem}.room-name{font-weight:600}.room-card .unread{margin-left:auto}.group-layout{display:flex;gap:.75rem}.group-layout .chat{flex:1;min-width:0}.users-sidebar{width:180px;flex-shrink:0;height:70vh;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:.75rem}.users-sidebar h3{margin:0 0 .5rem;font-size:.95rem}.users-sidebar ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.users-sidebar li{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-sidebar li.me{color:var(--muted)}@media (max-width: 720px){.group-layout{flex-direction:column}.users-sidebar{width:auto;height:auto;max-height:140px}}.bubble audio{height:36px}.typing-bubble{padding:.6rem .8rem}.dots{display:inline-flex;gap:4px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--muted);display:inline-block;animation:blink 1.2s infinite ease-in-out both}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.composer{display:flex;align-items:center;gap:.5rem;padding:.6rem;border-top:1px solid var(--border)}.composer-input{flex:1;background:#0f1220;border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem;color:var(--text)}.icon{background:transparent;border:1px solid var(--border);padding:.45rem .55rem}.icon.rec{border-color:var(--danger);background:#ff6b6b26}.user-card{position:relative}.unread{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#3ddc84;color:#06291a;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.bubble{position:relative}.receipt{display:block;text-align:right;font-size:.65rem;opacity:.8;margin-top:2px}.bubble-name{display:block;font-size:.65rem;font-weight:700;opacity:.7;margin-bottom:2px}.react-trigger{position:absolute;top:-.6rem;right:.25rem;border:1px solid var(--border);background:var(--card);border-radius:999px;font-size:.7rem;line-height:1;padding:.15rem .4rem;cursor:pointer;opacity:0;transition:opacity .12s}.bubble:hover .react-trigger{opacity:1}@media (hover: none){.react-trigger{opacity:.55}}.react-picker{position:absolute;top:-2.5rem;right:.25rem;z-index:5;display:flex;gap:.15rem;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:.2rem .35rem;box-shadow:0 4px 14px #00000059}.react-picker button{background:none;border:none;cursor:pointer;font-size:1.15rem;line-height:1;padding:.1rem .15rem;border-radius:6px}.react-picker button:hover{background:var(--border)}.reaction-pills{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.3rem}.reaction-pill{display:inline-flex;align-items:center;gap:.2rem;border:1px solid var(--border);background:transparent;border-radius:999px;padding:.05rem .4rem;font-size:.8rem;color:var(--text);cursor:pointer}.reaction-pill.mine{border-color:var(--accent);background:#5b8def26}.reaction-count{font-size:.7rem;opacity:.85}.admin{max-width:1000px;margin:0 auto;padding:1.5rem 1rem}.admin-tabs,.admin-subtabs{display:flex;gap:.5rem}.admin-subtabs{margin-bottom:.75rem}.chip{background:transparent;border:1px solid var(--border);color:var(--text);font-weight:400;padding:.3rem .7rem;font-size:.8rem}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th,.admin-table td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border);white-space:nowrap}.admin-table th{color:var(--muted);font-weight:600}.admin-table td.contact-message{white-space:pre-wrap;max-width:600px}.admin-table td.outcome-failure{color:var(--danger);font-weight:600}.admin-table td.outcome-success{color:#3ddc84}.admin-pager{display:flex;align-items:center;gap:.75rem;justify-content:flex-end;margin-top:.75rem}.admin-transcript{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.transcript-row{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;background:var(--card);border:1px solid var(--border);border-radius:8px}.t-name{font-weight:700;font-size:.8rem;min-width:90px}.t-time{margin-left:auto;font-size:.7rem}.landing{max-width:1080px;margin:0 auto;padding:2.5rem 1.25rem 3rem}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center}.hero-copy h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;margin:0 0 1rem}.hero-sub{font-size:1.15rem;color:var(--muted);margin:0 0 1.25rem;max-width:34ch}.hero-points{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.hero-points li{position:relative;padding-left:1.6rem}.hero-points li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.hero-card{max-width:none}.landing-section{margin-top:3.5rem}.landing-section>h2{text-align:center;font-size:1.6rem;margin:0 0 1.5rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.feature h3{margin:0 0 .4rem;font-size:1.05rem}.feature p{margin:0;color:var(--muted);font-size:.95rem}.step-list{list-style:none;counter-reset:none;padding:0;margin:0 auto;max-width:640px;display:grid;gap:1rem}.step-list li{display:flex;gap:1rem;align-items:flex-start}.step-num{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700}.step-list h3{margin:0 0 .2rem;font-size:1.05rem}.step-list p{margin:0;color:var(--muted)}.faq{max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border);padding:1rem 0}.faq-item dt{font-weight:600;margin-bottom:.4rem}.faq-item dd{margin:0;color:var(--muted)}@media (max-width: 720px){.hero{grid-template-columns:1fr;gap:1.5rem}.feature-grid{grid-template-columns:1fr}}