@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-mono-cyrillic-400-normal-Ce5q_31Z.woff2)format("woff2"),url(/assets/geist-mono-cyrillic-400-normal-BPBWmzPh.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-mono-latin-ext-400-normal-Cgks_Qgx.woff2)format("woff2"),url(/assets/geist-mono-latin-ext-400-normal-CxNRRMGd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-mono-latin-400-normal-LC9RFr9I.woff2)format("woff2"),url(/assets/geist-mono-latin-400-normal-CoULgQGM.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-app:#0a0a0c;--bg-card:#141416;--bg-input:#1c1c1f;--bg-bubble-mine:#3b82f6;--bg-bubble-peer:#232326;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--accent:#3b82f6;--accent-hover:#2563eb;--border-color:#27272a;--radius:0;--font-mono:"Geist Mono", monospace}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-mono);background-color:var(--bg-app);color:var(--text-primary);justify-content:center;display:flex}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:900px;padding:24px;display:flex}h1{letter-spacing:-.02em;margin:0 0 24px;font-size:24px;font-weight:700}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:0;flex-direction:column;gap:20px;padding:24px;display:flex}.card-setup{text-align:center;max-width:480px;margin:auto}.card-chat{flex:1;gap:0;max-height:calc(100vh - 120px);padding:0;overflow:hidden}input,button{border-radius:0;height:44px;font-family:inherit;font-size:14px;transition:all .2s}input{border:1px solid var(--border-color);background:var(--bg-input);width:100%;color:var(--text-primary);outline:none;padding:0 16px}input:focus{border-color:var(--accent)}button{cursor:pointer;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);justify-content:center;align-items:center;padding:0 16px;display:flex}button:hover{background:#27272a}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.compose{background:var(--bg-card);border-top:1px solid var(--border-color);gap:12px;padding:16px;display:flex}.room-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:relative}.room-header-left{z-index:1;align-items:center;display:flex}.room-header-center{justify-content:center;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.room-header-right{z-index:1;align-items:center;display:flex}.room-id-display{color:var(--text-secondary);background:0 0;border:none;border-radius:0;align-items:center;gap:8px;padding:0;font-size:13px;display:flex}.chat-box{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-message-row{gap:12px;max-width:85%;display:flex}.chat-message-row.mine{flex-direction:row-reverse;align-self:flex-end}.chat-bubble{word-break:break-word;border-radius:0;padding:10px 14px;font-size:14px;line-height:1.5;position:relative}.bubble-mine{background:var(--bg-bubble-mine);color:#fff}.bubble-peer{background:var(--bg-bubble-peer);color:var(--text-primary)}.bubble-sender{opacity:.8;margin-bottom:2px;font-size:11px;font-weight:600}.bubble-time{opacity:.6;text-align:right;margin-top:4px;font-size:10px;display:block}.system-msg{color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff08;border-radius:0;align-self:center;padding:4px 12px;font-size:11px}.user-avatar{border:1px solid #ffffff1a;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.room-header .btn-icon{width:auto;height:auto;color:var(--text-secondary);background:0 0;border:none;padding:0;transition:color .15s}.room-header .user-count-badge{color:#10b981;background:0 0;border:none;width:auto;height:auto;padding:0}.room-header .btn-icon:hover{color:var(--text-primary);background:0 0}.room-header .user-count-badge:hover{filter:brightness(1.2)}.presence-menu{background:var(--bg-card);border:1px solid var(--border-color);z-index:100;border-radius:0;width:200px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 25px -5px #00000080}.presence-header{color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--border-color);padding:10px 16px;font-size:11px;font-weight:700}.presence-item{padding:10px 16px;font-size:13px;transition:background .2s}.presence-item:hover{background:var(--bg-input)}.btn-icon{background:0 0;border-radius:0;width:36px;height:36px;padding:0}.btn-icon:hover{background:var(--bg-input)}.loading-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:0}::-webkit-scrollbar-thumb:hover{background:#3f3f46}.compose textarea{border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);resize:none;box-sizing:border-box;border-radius:0;outline:none;flex:1;height:44px;min-height:44px;max-height:150px;padding:11px 16px;font-family:inherit;font-size:14px;line-height:1.5;display:block;overflow-y:hidden}.compose textarea:focus{border-color:var(--accent)}.compose button{align-self:flex-end}.relative{position:relative}