@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;margin:0;padding:0}.app,body{background:#000000;height:100vh;overflow:hidden}.app{display:flex;width:100vw}.sidebar{width:280px;background:#1c1c1e;border-right:1px solid #2c2c2e;display:flex;flex-direction:column}.sidebar-header{padding:20px;border-bottom:1px solid #2c2c2e;justify-content:space-between;height:60px;box-sizing:border-box}.logo,.sidebar-header{display:flex;align-items:center}.logo{gap:12px}.logo h1{font-size:18px;font-weight:500;color:#ffffff}.close-sidebar{display:none;background:none;border:none;color:#8e8e93;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.close-sidebar:hover{background:#3a3a3c;color:#ffffff}.user-settings{padding:20px;flex:1 1}.setting-group{margin-bottom:20px}.setting-group label{display:block;font-size:14px;font-weight:600;color:#8e8e93;margin-bottom:8px}.setting-input{width:100%;padding:10px 14px;border:1px solid #3a3a3c;border-radius:8px;font-size:14px;transition:all .2s ease;background:#2c2c2e;color:#ffffff}.setting-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px rgba(0,122,255,.1)}.setting-input::placeholder{color:#8e8e93}.connection-status{padding:20px;border-top:1px solid #2c2c2e;height:60px;box-sizing:border-box;display:flex;align-items:center}.status-indicator{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;transition:background-color .2s ease}.status-indicator.connected .status-dot{background-color:#30d158}.status-indicator.disconnected .status-dot{background-color:#ff3b30}.status-indicator.connected{color:#30d158}.status-indicator.disconnected{color:#ff3b30}.chat-container{flex:1 1;display:flex;flex-direction:column;background:#000000}.chat-header{padding:12px 20px;border-bottom:1px solid #2c2c2e;background:#1c1c1e;display:flex;align-items:center;gap:12px}.menu-button{display:none;background:none;border:none;color:#8e8e93;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.menu-button:hover{background:#3a3a3c;color:#ffffff}.room-info h2{font-size:16px;font-weight:600;color:#ffffff;margin-bottom:2px}.room-info p{font-size:12px;color:#8e8e93}.messages-container{flex:1 1;overflow-y:auto;background:#000000}.messages{padding:16px 20px;min-height:100%}.message-wrapper{display:flex;margin-bottom:12px;align-items:flex-end}.message-wrapper.own{flex-direction:row-reverse}.message-avatar{margin-right:12px;flex-shrink:0}.message-wrapper.own .message-avatar{margin-right:0;margin-left:12px}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:white;text-transform:uppercase}.avatar-spacer{width:32px;margin-right:12px}.message-wrapper.own .avatar-spacer{margin-right:0;margin-left:12px}.message-content{max-width:70%;display:flex;flex-direction:column}.message-wrapper.own .message-content{align-items:flex-end}.message-sender{font-size:12px;font-weight:600;color:#64748b;margin-bottom:4px;margin-left:4px}.message-wrapper.own .message-sender{margin-left:0;margin-right:4px}.message-bubble{padding:10px 14px;border-radius:16px;position:relative;word-wrap:break-word;max-width:100%}.message-bubble.other{background:#2c2c2e;border:none;border-bottom-left-radius:4px;color:#ffffff}.message-bubble.own{background:#007aff;color:white;border-bottom-right-radius:4px}.message-text{font-size:15px;line-height:1.3;margin-bottom:3px}.message-time{font-size:11px;opacity:.5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#8e8e93}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:#ffffff;margin-bottom:8px}.empty-state p{font-size:14px}.input-container{padding:12px 20px;border-top:1px solid #2c2c2e;background:#1c1c1e;height:60px;box-sizing:border-box;display:flex;align-items:center}.input-wrapper{display:flex;align-items:center;gap:8px;background:#2c2c2e;border:1px solid #3a3a3c;border-radius:20px;padding:6px 6px 6px 16px;transition:all .2s ease;width:100%}.input-wrapper:focus-within{border-color:#007aff;box-shadow:0 0 0 3px rgba(0,122,255,.1)}.message-input{flex:1 1;border:none;background:transparent;font-size:15px;outline:none;resize:none;color:#ffffff}.message-input::placeholder{color:#8e8e93}.send-button{width:32px;height:32px;border:none;border-radius:50%;background:#007aff;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.send-button:hover:not(:disabled){background:#0056cc;transform:scale(1.05)}.send-button:disabled{background:#3a3a3c;cursor:not-allowed;transform:none}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#3a3a3c;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#48484a}@media (max-width:768px){.app{height:100vh}.sidebar{width:100%;position:absolute;z-index:10;transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.close-sidebar,.menu-button{display:block}.chat-container{width:100%}.message-content{max-width:85%}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-wrapper{animation:slideIn .3s ease}