:root{--bg-base:#0f172a;--panel-bg:#1e293bb3;--panel-border:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#3b82f6;--accent-hover:#2563eb;--chat-bubble:#3b82f626;--chat-bubble-self:#10b98126;--success:#10b981}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-base);color:var(--text-main);background-image:radial-gradient(circle at 100% 0,#3b82f61a,#0000 40%),radial-gradient(circle at 0 100%,#10b9810d,#0000 40%);justify-content:center;align-items:center;height:100dvh;margin:0;padding:20px;transition:background-color .8s;display:flex;overflow:hidden}.app-container{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:24px;width:100%;max-width:1200px;height:100%;max-height:900px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.sidebar{border-right:1px solid var(--panel-border);text-align:center;background:#0f172a4d;flex-direction:column;align-items:center;width:320px;padding:30px 20px;display:flex;overflow-y:auto}.header-title{background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;flex-shrink:0;margin-bottom:20px;font-size:1.6rem;font-weight:600}.status-indicator{color:var(--success);background:#10b9811a;border:1px solid #10b98133;border-radius:20px;flex-shrink:0;align-items:center;gap:10px;margin-bottom:25px;padding:8px 16px;font-weight:600;display:inline-flex}.pulse-dot{background:var(--success);width:10px;height:10px;box-shadow:0 0 10px var(--success);border-radius:50%;animation:2s infinite pulse-dot-anim}@keyframes pulse-dot-anim{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.desktop-stats{flex-direction:column;flex-shrink:0;align-items:center;width:100%;display:flex}.member-count-wrapper{border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:15px;transition:background 1s;display:flex;position:relative}.member-count-wrapper:after{content:"";background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border-radius:50%;width:110px;height:110px;position:absolute}#member-count{z-index:10;color:var(--text-main);text-shadow:0 0 20px #3b82f666;font-size:3.5rem;font-weight:600;position:relative}.status-label{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:.9rem;font-weight:600}.theme-section{border-top:1px solid var(--panel-border);flex-shrink:0;width:100%;margin-top:25px;padding-top:20px}.theme-section p{color:var(--text-muted);margin:0 0 12px;font-size:.95rem}.color-btns{justify-content:center;gap:12px;display:flex}.color-btn{cursor:pointer;border:2px solid #fff3;border-radius:50%;width:32px;height:32px;transition:transform .2s}.color-btn:hover{transform:scale(1.15)}.admin-tools{border-top:1px solid var(--panel-border);flex-shrink:0;width:100%;margin-top:auto;padding-top:20px}.admin-tools p{color:var(--text-muted);margin:0 0 12px;font-size:.95rem}.tool-btn{color:var(--text-muted);cursor:pointer;text-align:left;background:#0f172a80;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:8px;width:100%;margin-bottom:8px;padding:10px 12px;font-size:.85rem;transition:all .2s;display:flex}.tool-btn:hover{color:var(--text-main);border-color:var(--text-muted);background:#ffffff1a}.main-chat{background:0 0;flex-direction:column;flex-grow:1;min-width:0;min-height:0;display:flex}.chat-stream{flex-direction:column;flex-grow:1;gap:16px;padding:30px;display:flex;overflow-y:auto}.chat-stream::-webkit-scrollbar{width:8px}.chat-stream::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;margin:auto;display:flex}.chat-message{background:var(--chat-bubble);word-wrap:break-word;border:1px solid #3b82f633;border-radius:18px 18px 18px 4px;width:fit-content;max-width:80%;padding:12px 18px;animation:.3s cubic-bezier(.16,1,.3,1) slideIn}.chat-message.self{background:var(--chat-bubble-self);border-color:#10b98133;border-bottom-right-radius:4px;border-bottom-left-radius:18px;align-self:flex-end}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.chat-header{justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:6px;display:flex}.chat-user{color:#93c5fd;font-size:.95rem;font-weight:600}.self .chat-user{color:#6ee7b7}.chat-time{color:var(--text-muted);font-size:.75rem}.chat-text{font-size:1rem;line-height:1.4}.input-area{border-top:1px solid var(--panel-border);padding:20px 30px;padding-bottom:max(20px, env(safe-area-inset-bottom));background:#0f172a66;flex-shrink:0}.input-row{align-items:center;gap:12px;display:flex}input{color:var(--text-main);background:#0f172a99;border:1px solid #ffffff26;border-radius:20px;outline:none;padding:14px 18px;font-family:inherit;font-size:1rem;transition:all .3s}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}#user-nick{flex-shrink:0;width:120px}#chat-input{flex-grow:1;min-width:0}.send-btn{background:linear-gradient(135deg, var(--accent), #2563eb);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:all .2s;display:flex}.send-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3b82f666}.send-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.send-btn svg{transform:translate(1px)}#qr-modal{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#0f172ad9;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}#qr-modal.show{opacity:1;pointer-events:auto}.qr-container{background:#fff;border-radius:20px;margin-bottom:20px;padding:20px;box-shadow:0 20px 40px #00000080}@media (max-width:800px){body{padding:0}.app-container{border:none;border-radius:0;flex-direction:column;width:100vw;max-width:none;height:100dvh;max-height:none}.sidebar{border-right:none;border-bottom:1px solid var(--panel-border);background:#0f172a99;flex-flow:wrap;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:10px 15px;overflow-y:visible}.header-title,.desktop-stats{display:none}.status-indicator{border-radius:12px;margin:0;padding:6px 12px;font-size:.85rem}.mobile-count{font-weight:700;display:inline!important}.theme-section{border:none;width:auto;margin:0;padding:0}.theme-section p{display:none}.color-btns{gap:8px}.color-btn{width:28px;height:28px}.admin-tools{border-top:1px solid var(--panel-border);flex-direction:row;gap:8px;width:100%;margin:10px 0 0;padding:10px 0 0;display:flex}.admin-tools p{display:none}.tool-btn{border-radius:10px;flex:1;justify-content:center;margin:0;padding:8px;font-size:.85rem}.chat-stream{gap:12px;padding:15px}.chat-message{border-radius:14px;max-width:90%;padding:10px 14px}.chat-message.self{border-bottom-right-radius:4px;border-bottom-left-radius:14px}.chat-user{font-size:.85rem}.chat-text{font-size:.95rem}.input-area{padding:10px 12px;padding-bottom:max(10px, env(safe-area-inset-bottom));background:#0f172acc}.input-row{gap:8px}input{border-radius:20px;padding:12px 14px;font-size:16px}#user-nick{text-align:center;width:80px;padding:12px 8px}#chat-input{flex-grow:1}.send-btn{width:44px;height:44px}.send-btn svg{width:18px;height:18px}}@media (max-width:280px){body{background-color:#000}.app-container{background:#000}.sidebar{background:0 0;border-bottom:1px solid #ffffff1a;justify-content:center;padding:5px}.status-indicator{padding:4px 8px;font-size:10px}.admin-tools,.mobile-count{display:none!important}.chat-stream{gap:6px;padding:8px}.chat-message{border-radius:10px;max-width:100%;padding:6px 10px}.chat-text{font-size:13px;line-height:1.3}.chat-user{font-size:10px}.chat-time{display:none}.input-area{background:#000;border-top:1px solid #ffffff1a;padding:5px}.input-row{gap:5px}#user-nick{display:none}input{border-radius:15px;padding:8px 10px;font-size:14px}.send-btn{width:32px;height:32px}.send-btn svg{width:14px;height:14px}}
@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");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}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");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}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");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}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_6928a17f-module__Ut99Ra__className{font-family:Outfit,Outfit Fallback;font-style:normal}