*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,Fira Code,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--color-primary: 97 97 97;--color-danger: 239 68 68;--color-warning: 234 179 8;--color-info: 59 130 246;--bg-primary: 250 250 250;--bg-secondary: 255 255 255;--bg-tertiary: 245 245 245;--text-primary: 23 23 23;--text-secondary: 64 64 64;--text-muted: 115 115 115;--border-color: 229 229 229;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}.dark{--bg-primary: 10 10 10;--bg-secondary: 23 23 23;--bg-tertiary: 38 38 38;--text-primary: 250 250 250;--text-secondary: 163 163 163;--text-muted: 115 115 115;--border-color: 64 64 64}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:rgb(var(--bg-primary));color:rgb(var(--text-primary));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;font-family:Inter,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none;min-height:100vh;margin:0;padding:0}.chat-messages,.chat-messages *,.chat-msg,.chat-msg *,.chat-msg img,.chat-msg video,.chat-media-img,.chat-media-video,.chat-media-item,.chat-media-item *{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}.chat-media-img,.chat-media-video,.chat-media-item img,.chat-media-item video{cursor:pointer}#root{min-height:100vh}::-webkit-scrollbar{display:none;width:0;height:0}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar-track{display:none}::-webkit-scrollbar-thumb{display:none}::-moz-selection{background-color:#6161614d}::selection{background-color:#6161614d}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn:disabled{cursor:not-allowed;opacity:.5}.input{width:100%;border-radius:.5rem;border-width:1px;border-color:rgb(var(--border-color));background-color:rgb(var(--bg-tertiary));padding:.625rem 1rem;color:rgb(var(--text-primary))}.input::-moz-placeholder{color:rgb(var(--text-muted))}.input::placeholder{color:rgb(var(--text-muted))}.input:focus{--tw-border-opacity: 1;border-color:rgb(97 97 97 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(97 97 97 / .5)}.input{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.stream-card{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:.5rem;background-color:rgb(var(--bg-tertiary));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(var(--border-color));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.stream-card.live{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#ffffff0d;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-top:1px solid rgba(255,255,255,.1);border-radius:24px 24px 0 0;padding:10px 16px;z-index:1002;justify-content:space-around;align-items:center;box-shadow:0 -4px 30px #0003}@supports (padding: max(0px)){.bottom-nav{padding-bottom:max(10px,calc(env(safe-area-inset-bottom,0px) - 15px))}}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border-radius:12px;cursor:pointer;transition:all .2s ease;color:#737373;background:transparent;border:none;font-size:11px;font-weight:500}.nav-item:hover{color:#fafafa}.nav-item:active,.nav-item.active{color:#ef4444}.nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.nav-badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #ef444466}.nav-item svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@supports (-webkit-touch-callout: none){.nav-item svg{width:28px;height:28px}}@media (max-width: 768px){.bottom-nav{display:flex!important}}.main-content{padding-bottom:80px}@media (min-width: 768px){.main-content{padding-bottom:0}}.tokens-popup{position:fixed;bottom:calc(100px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);border-width:1px;border-color:rgb(var(--border-color));background-color:rgb(var(--bg-secondary));border-radius:16px;padding:8px;min-width:220px;box-shadow:0 -8px 32px #00000026;z-index:1003}.tokens-popup-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:rgb(var(--text-secondary));font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.tokens-popup-item:hover{background-color:rgb(var(--bg-tertiary))}.tokens-popup-item.active{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tokens-popup-item.admins.active{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.tokens-popup-item.viewers.active{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.tokens-popup-item.pilots.active{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.chat-list-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom-width:1px;border-color:rgb(var(--border-color));background-color:rgb(var(--bg-secondary));position:relative}.chat-back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:rgb(var(--text-secondary))}.chat-back-btn:hover{background-color:rgb(var(--bg-tertiary))}.chat-back-btn{transition:all .2s;cursor:pointer;margin:-8px 4px -8px -8px}.chat-title{flex:1;font-size:18px;font-weight:600;color:rgb(var(--text-primary))}.chat-settings-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:rgb(var(--text-muted))}.chat-settings-btn:hover{background-color:rgb(var(--bg-tertiary));color:rgb(var(--text-secondary))}.chat-settings-btn{transition:all .2s;cursor:pointer}.chat-settings-menu{position:absolute;top:100%;right:16px;margin-top:8px;border-width:1px;border-color:rgb(var(--border-color));background-color:rgb(var(--bg-secondary));border-radius:16px;padding:8px 0;min-width:220px;box-shadow:0 8px 32px #00000026;z-index:1000}.chat-settings-item{display:flex;align-items:center;gap:12px;padding:14px 18px;color:rgb(var(--text-primary));font-size:15px;cursor:pointer;transition:background .2s}.chat-settings-item:hover{background-color:rgb(var(--bg-tertiary))}.chat-settings-item:active{background-color:rgb(var(--bg-tertiary) / .8)}.chat-settings-item svg{width:20px;height:20px;color:rgb(var(--text-muted))}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:rgb(var(--bg-tertiary));transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{--tw-bg-opacity: 1;background-color:rgb(66 66 66 / var(--tw-bg-opacity, 1))}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.chat-conv-list{flex:1;overflow-y:auto;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.chat-conv-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-width:1px;border-color:rgb(var(--border-color));background-color:rgb(var(--bg-secondary));border-radius:14px;margin-bottom:8px;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.chat-conv-item:hover{background-color:rgb(var(--bg-tertiary))}.chat-conv-item:active{transform:scale(.98)}.chat-conv-item.online{border-left:3px solid #22c55e!important;padding-left:11px}.chat-conv-item.online.active{border-left:3px solid #22c55e!important}.chat-avatar{width:44px;height:44px;border-radius:50%;--tw-bg-opacity: 1;background-color:rgb(66 66 66 / var(--tw-bg-opacity, 1));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#fff;flex-shrink:0;background-size:cover;background-position:center}.chat-avatar.admin{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.chat-avatar.sm{width:44px;height:44px;font-size:17px}.chat-conv-info{flex:1;min-width:0}.chat-conv-name{font-weight:600;font-size:15px;color:rgb(var(--text-primary));margin-bottom:2px}.chat-conv-preview{font-size:14px;color:rgb(var(--text-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgb(var(--text-muted));padding:40px 20px}.chat-empty svg{width:56px;height:56px;margin-bottom:16px;opacity:.5}.chat-dialog-header{display:flex;align-items:center;gap:12px;padding:16px;padding-top:max(16px,env(safe-area-inset-top,0px));border-bottom-width:1px;border-color:rgb(var(--border-color));background-color:rgb(var(--bg-secondary));flex-shrink:0}.chat-dialog-info{flex:1;min-width:0}.chat-dialog-name{font-weight:600;font-size:16px;color:rgb(var(--text-primary))}.chat-dialog-status{font-size:12px;color:rgb(var(--text-muted))}.chat-dialog-status.online{color:#22c55e;font-weight:500}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column-reverse;gap:10px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%236366f1' fill-opacity='0.03'%3E%3C!-- Bullet 1 --%3E%3Cellipse cx='15' cy='20' rx='3' ry='8'/%3E%3Cellipse cx='15' cy='12' rx='2.5' ry='3'/%3E%3C!-- Bullet 2 rotated --%3E%3Cg transform='translate(55 15) rotate(25)'%3E%3Cellipse cx='0' cy='0' rx='2.5' ry='7'/%3E%3Cellipse cx='0' cy='-7' rx='2' ry='2.5'/%3E%3C/g%3E%3C!-- Bullet 3 --%3E%3Cg transform='translate(85 45) rotate(-15)'%3E%3Cellipse cx='0' cy='0' rx='3' ry='8'/%3E%3Cellipse cx='0' cy='-8' rx='2.5' ry='3'/%3E%3C/g%3E%3C!-- Bullet 4 --%3E%3Cg transform='translate(25 65) rotate(40)'%3E%3Cellipse cx='0' cy='0' rx='2' ry='6'/%3E%3Cellipse cx='0' cy='-6' rx='1.5' ry='2'/%3E%3C/g%3E%3C!-- Bullet 5 --%3E%3Cg transform='translate(70 75) rotate(-30)'%3E%3Cellipse cx='0' cy='0' rx='2.5' ry='7'/%3E%3Cellipse cx='0' cy='-7' rx='2' ry='2.5'/%3E%3C/g%3E%3C!-- Crosshair --%3E%3Cg transform='translate(45 50)'%3E%3Ccircle cx='0' cy='0' r='8' fill='none' stroke='%236366f1' stroke-opacity='0.03' stroke-width='1'/%3E%3Cline x1='-12' y1='0' x2='-5' y2='0' stroke='%236366f1' stroke-opacity='0.03' stroke-width='1'/%3E%3Cline x1='5' y1='0' x2='12' y2='0' stroke='%236366f1' stroke-opacity='0.03' stroke-width='1'/%3E%3Cline x1='0' y1='-12' x2='0' y2='-5' stroke='%236366f1' stroke-opacity='0.03' stroke-width='1'/%3E%3Cline x1='0' y1='5' x2='0' y2='12' stroke='%236366f1' stroke-opacity='0.03' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.chat-messages::-webkit-scrollbar{display:none}.chat-msg-empty{flex:1;display:flex;align-items:center;justify-content:center;color:rgb(var(--text-muted));font-size:14px}.chat-msg{max-width:80%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.45;word-wrap:break-word;position:relative;transition:transform .15s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.chat-msg *{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:none}.chat-msg img,.chat-msg video,.chat-msg a{pointer-events:auto}.chat-msg.out{--tw-bg-opacity: 1;background-color:rgb(66 66 66 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));border-bottom-right-radius:4px}.chat-msg.in{background-color:rgb(var(--bg-tertiary));color:rgb(var(--text-primary));border-bottom-left-radius:4px}.chat-msg-time{font-size:11px;opacity:.7;margin-top:4px}.chat-msg.out .chat-msg-time{text-align:right}.chat-msg.in .chat-msg-time{text-align:left}.chat-msg-edited{font-size:11px;color:#fff6;margin-left:4px}.chat-composer{display:flex;align-items:center;gap:4px;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom,0px));flex-shrink:0;background:transparent}@media (min-width: 768px){.chat-composer{background-color:rgb(var(--bg-secondary))}}.chat-input-box{flex:1;min-width:0;display:flex;align-items:center;gap:4px;border-width:1px;border-color:rgb(var(--border-color));background-color:rgb(var(--bg-tertiary) / .3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:22px;padding:4px 6px;min-height:44px}@media (min-width: 768px){.chat-input-box{background-color:rgb(var(--bg-tertiary) / .5)}}.chat-input-box:focus-within{--tw-border-opacity: 1;border-color:rgb(97 97 97 / var(--tw-border-opacity, 1))}.chat-input{flex:1;min-width:0;border:none;background:transparent;padding:8px 6px;font-size:17px;font-family:inherit;outline:none;min-height:26px;max-height:120px;line-height:1.4;color:rgb(var(--text-primary))}.chat-input::-moz-placeholder{color:rgb(var(--text-muted))}.chat-input::placeholder{color:rgb(var(--text-muted))}.chat-input{resize:none;overflow-y:auto}.chat-btn{width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;color:rgb(var(--text-muted));transition:all .2s}.chat-btn svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chat-btn:active{background-color:rgb(var(--bg-tertiary))}.chat-emoji-btn{flex-shrink:0}.app-root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background-color:rgb(var(--bg-primary))}.app-root>header{position:fixed;top:0;left:0;right:0;height:calc(56px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);z-index:50;border-bottom-width:1px;border-color:rgb(var(--border-color));background-color:rgb(var(--bg-secondary))}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-top:calc(56px + env(safe-area-inset-top,0px));padding-bottom:80px;min-height:0}.app-main.no-header{margin-top:0;min-height:calc(100vh - 80px);min-height:calc(100dvh - 80px)}@media (min-width: 768px){.app-main{padding-bottom:0}.app-main.no-header{min-height:100vh;min-height:100dvh}}.tokens-page{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:0;right:0;bottom:80px;display:flex;flex-direction:column;background:rgb(var(--bg-primary));overflow:hidden;z-index:100}.tokens-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgb(var(--border-color));background:rgb(var(--bg-secondary));flex-shrink:0;order:1}.tokens-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px;order:3}.tokens-form{padding:12px 16px;background:rgb(var(--bg-secondary));flex-shrink:0;order:2;border-bottom:1px solid rgb(var(--border-color))}.tokens-tabs{display:none}@media (min-width: 768px){.tokens-page{top:calc(56px + env(safe-area-inset-top,0px));bottom:0}.tokens-header{height:56px;padding:0 24px;order:1}.tokens-list{padding:24px;order:2}.tokens-form{padding:16px 24px;order:3;border-top:1px solid rgb(var(--border-color));border-bottom:none}.tokens-tabs{display:flex;height:64px;align-items:center;justify-content:center;padding:0 24px;border-top:1px solid rgb(var(--border-color));background:rgb(var(--bg-secondary));flex-shrink:0}}.history-page{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:0;right:0;bottom:80px;display:flex;flex-direction:column;background:rgb(var(--bg-primary));overflow:hidden;z-index:100}.history-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgb(var(--border-color));background:rgb(var(--bg-secondary));flex-shrink:0}.history-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px}@media (min-width: 768px){.history-page{top:calc(56px + env(safe-area-inset-top,0px));bottom:0}.history-header{height:56px;padding:0 24px}.history-list{padding:24px}}.chat-desktop-layout{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgb(var(--bg-primary))}.chat-desktop-left{width:340px;flex-shrink:0;display:flex;flex-direction:column;height:100%;border-right-width:1px;border-color:rgb(var(--border-color));background-color:rgb(var(--bg-secondary))}.chat-desktop-right{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.chat-mobile-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;background-color:rgb(var(--bg-primary));z-index:1050;will-change:height,transform;overscroll-behavior:none;overflow:hidden}.chat-mobile-fullscreen.keyboard-open .chat-dialog-header{display:none}.chat-mobile-fullscreen .chat-dialog-header{flex-shrink:0}.chat-mobile-fullscreen .chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.chat-mobile-fullscreen .chat-composer{padding-bottom:max(12px,env(safe-area-inset-bottom,0px));flex-shrink:0}.chat-list-panel{display:flex;flex-direction:column;height:100%;background-color:rgb(var(--bg-primary))}.chat-list-panel .chat-list-header{padding-top:max(16px,env(safe-area-inset-top,0px));flex-shrink:0}@media (min-width: 768px){.chat-list-panel .chat-list-header{padding-top:16px}}.chat-list-panel .chat-conv-list{flex:1;overflow-y:auto;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}@media (min-width: 768px){.chat-list-panel .chat-conv-list{padding-bottom:12px}}.chat-dialog-panel .chat-dialog-header{padding-top:max(16px,env(safe-area-inset-top,0px));flex-shrink:0}@media (min-width: 768px){.chat-dialog-panel .chat-dialog-header{padding-top:16px}.chat-dialog-panel .chat-composer{padding-bottom:12px}}.chat-empty-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgb(var(--text-muted))}.chat-empty-placeholder svg{width:64px;height:64px;margin-bottom:16px;opacity:.3}.chat-conv-item.active{--tw-border-opacity: 1;border-color:rgb(97 97 97 / var(--tw-border-opacity, 1));background-color:#6161611a}.chat-emoji{display:none;flex-direction:column;background:#000;border-top:1px solid rgba(255,255,255,.08);height:280px;flex-shrink:0}.chat-emoji.open{display:flex}.chat-emoji-tabs{display:flex;padding:6px 8px;overflow-x:auto;gap:2px;border-bottom:1px solid rgba(255,255,255,.08);scrollbar-width:none;-ms-overflow-style:none}.chat-emoji-tabs::-webkit-scrollbar{display:none}.chat-emoji-tab{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:24px;cursor:pointer;opacity:.4;border-radius:8px;flex-shrink:0;transition:all .2s}.chat-emoji-tab:hover{opacity:.7;background:#ffffff0d}.chat-emoji-tab.active{opacity:1;background:#6366f133}.chat-emoji-content{flex:1;overflow-y:auto;padding:8px}.chat-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.chat-emoji-item{height:44px;font-size:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:transform .1s}.chat-emoji-item:active{transform:scale(.9)}@media (max-width: 768px){.chat-emoji-grid{grid-template-columns:repeat(7,1fr)}.chat-emoji-item{height:40px;font-size:28px}}.chat-emoji-btn{color:rgb(var(--text-muted))}.chat-emoji-btn svg{stroke:currentColor;fill:none}.chat-msg.emoji-only{background:transparent!important;border:none!important;box-shadow:none!important;padding:4px 0}.chat-msg.emoji-only .emoji-content{text-shadow:0 3px 10px rgba(0,0,0,.5),0 1px 4px rgba(0,0,0,.35)}.chat-msg.emoji-only .chat-msg-time{opacity:.5}.chat-msg.emoji-1 .emoji-content{font-size:64px;line-height:1.1}.chat-msg.emoji-2 .emoji-content{font-size:48px;line-height:1.1}.chat-msg.emoji-3 .emoji-content{font-size:40px;line-height:1.1}.chat-msg .msg-text{font-size:16px}.chat-msg .msg-text .inline-emoji{font-size:22px;vertical-align:middle}.chat-msg-row{display:flex;width:100%;overflow:visible;touch-action:pan-y}.chat-msg-row.out{justify-content:flex-end}.chat-msg-row.in{justify-content:flex-start}.chat-msg{position:relative;transition:transform .15s ease-out;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.chat-msg *{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.chat-msg img,.chat-msg video{pointer-events:auto;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-media-img,.chat-media-video,.chat-media-item img,.chat-media-item video{-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.msg-swipe-reply{position:absolute;right:-50px;top:50%;transform:translateY(-50%);width:36px;height:36px;background-color:#6161614d;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.msg-swipe-reply svg{width:18px;height:18px;stroke:#6366f1;fill:none;stroke-width:2;transform:scaleX(-1)}.chat-msg.swiping .msg-swipe-reply{opacity:1}.chat-reply-preview{display:none;border-top-width:1px;border-color:rgb(var(--border-color));background-color:rgb(var(--bg-tertiary) / .95);padding:10px 16px;align-items:center;gap:12px}.chat-reply-preview.show{display:flex}.chat-reply-preview-line{width:3px;height:36px;--tw-bg-opacity: 1;background-color:rgb(97 97 97 / var(--tw-bg-opacity, 1));border-radius:2px;flex-shrink:0}.chat-reply-preview-content{flex:1;min-width:0}.chat-reply-preview-name{--tw-text-opacity: 1;color:rgb(117 117 117 / var(--tw-text-opacity, 1));font-weight:600;font-size:13px;margin-bottom:2px}.chat-reply-preview-text{color:rgb(var(--text-secondary));font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-preview-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;flex-shrink:0;color:rgb(var(--text-muted))}.chat-reply-preview-close:active{background-color:rgb(var(--bg-tertiary))}.chat-file-preview{display:none;border-top-width:1px;border-color:rgb(var(--border-color));background-color:rgb(var(--bg-tertiary) / .85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px 8px}.chat-file-preview.show{display:flex;align-items:center;gap:8px}.chat-file-preview-add{width:64px;height:64px;min-width:64px;border-width:2px;border-style:dashed;border-color:rgb(var(--border-color));background-color:rgb(var(--bg-tertiary) / .5);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgb(var(--text-muted))}.chat-file-preview-list{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;flex:1;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none}.chat-file-preview-list::-webkit-scrollbar{display:none}.chat-file-preview-item{position:relative;width:64px;height:64px;min-width:64px;border-radius:12px;overflow:hidden;background-color:rgb(var(--bg-tertiary));cursor:pointer}.chat-file-preview-item.file-type{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:6px}.chat-file-preview-item.file-type .ext{font-size:11px;font-weight:700;--tw-text-opacity: 1;color:rgb(117 117 117 / var(--tw-text-opacity, 1));text-transform:uppercase}.chat-file-preview-item.file-type .name{font-size:8px}.chat-file-preview-item.file-type .\!name{font-size:8px!important}.chat-file-preview-item.file-type .name,.chat-file-preview-item.file-type .\!name{color:rgb(var(--text-muted))}.chat-file-preview-item.file-type .name{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:2px}.chat-file-preview-item.file-type .\!name{text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important;margin-top:2px!important}.chat-file-preview-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;background:#000000b3;border:none;border-radius:50%;color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-right-buttons{position:relative;flex-shrink:0;width:40px;height:40px}.chat-attach-wrap{position:absolute;top:0;left:0;width:40px;height:40px;transition:opacity .15s}.chat-attach-wrap.hidden{opacity:0;pointer-events:none}.chat-attach.hide{display:none}.chat-send{position:absolute;top:0;left:0;width:40px;height:40px;opacity:0;pointer-events:none;transition:opacity .15s}.chat-send.show{opacity:1;pointer-events:auto;display:flex;align-items:center;justify-content:center;--tw-text-opacity: 1;color:rgb(117 117 117 / var(--tw-text-opacity, 1))}.chat-attach-send{display:none;position:relative;--tw-bg-opacity: 1 !important;background-color:rgb(66 66 66 / var(--tw-bg-opacity, 1))!important}.chat-attach-send.show{display:flex}.chat-attach-send svg{stroke:#fff!important}.chat-attach-send-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:#ef4444;border-radius:10px;font-size:11px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 4px}.chat-msg-reply{background-color:rgb(var(--bg-primary) / .5);border-radius:8px;padding:6px 10px;margin-bottom:6px;border-left:3px solid;--tw-border-opacity: 1;border-color:rgb(97 97 97 / var(--tw-border-opacity, 1));cursor:pointer}.chat-msg-reply-name{--tw-text-opacity: 1;color:rgb(117 117 117 / var(--tw-text-opacity, 1));font-size:12px;font-weight:600;margin-bottom:2px}.chat-msg-reply-text{color:rgb(var(--text-secondary));font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.chat-msg.has-media{padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;max-width:280px;position:relative;display:inline-block}.chat-media-img{width:auto;height:auto;max-width:280px;max-height:360px;border-radius:16px;display:block;cursor:pointer}.chat-msg.has-media .chat-msg-time{position:absolute;bottom:8px;background-color:#00000080;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));padding:2px 6px;border-radius:10px;font-size:11px}.chat-msg.out.has-media .chat-msg-time{right:10px;left:auto}.chat-msg.in.has-media .chat-msg-time{left:10px;right:auto}.chat-msg.has-media.uploading .chat-media-img,.chat-msg.has-media.uploading .chat-media-video{filter:blur(8px);opacity:.7}.chat-upload-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.chat-upload-progress svg{width:56px;height:56px;transform:rotate(-90deg)}.chat-upload-progress circle{fill:none;stroke-width:4}.chat-upload-progress .bg{stroke:#fff3}.chat-upload-progress .progress{stroke:#fff;stroke-linecap:round;transition:stroke-dashoffset .1s}.chat-upload-progress .percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.chat-media-video-wrap{position:relative;display:inline-block}.chat-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.chat-video-play svg{width:24px;height:24px;fill:#fff;margin-left:3px}.chat-media-item .chat-video-play{width:36px;height:36px}.chat-media-item .chat-video-play svg{width:18px;height:18px;margin-left:2px}.chat-msg.has-file{padding:10px 14px}.chat-file-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.chat-file-icon{width:44px;height:44px;background-color:#61616133;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;--tw-text-opacity: 1;color:rgb(117 117 117 / var(--tw-text-opacity, 1))}.chat-file-info{flex:1;min-width:0}.chat-file-name{font-size:14px;font-weight:500;color:rgb(var(--text-primary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-file-size{font-size:12px;color:rgb(var(--text-muted));margin-top:2px}.chat-msg.uploading{min-width:160px}.upload-progress{position:relative;height:36px;background-color:rgb(var(--bg-tertiary));border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.upload-progress-bar{position:absolute;left:0;top:0;height:100%;background-color:#6161614d;transition:width .2s}.upload-progress span{position:relative;z-index:1;font-size:13px;font-weight:500;--tw-text-opacity: 1;color:rgb(117 117 117 / var(--tw-text-opacity, 1))}.image-gallery{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f7;z-index:999999;flex-direction:column;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.image-gallery.show{display:flex}.image-gallery-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0px));background:#00000080;position:relative;z-index:20}.image-gallery-counter{color:#fff;font-size:16px;font-weight:500}.image-gallery-close{width:44px;height:44px;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.image-gallery-content{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:100%}.image-gallery-track{display:flex;width:100%;height:100%;will-change:transform}.image-gallery-slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-gallery-slide img,.image-gallery-slide video{max-width:90%;max-height:80vh;border-radius:4px;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.image-gallery-media{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .3s ease-out,opacity .3s ease-out}.image-gallery-media img,.image-gallery-media video{max-width:90%;max-height:80vh;border-radius:4px;-o-object-fit:contain;object-fit:contain;transition:opacity .2s ease-out}.image-gallery-nav.prev{left:16px}.image-gallery-nav.hidden{display:none}.chat-media-group{display:grid;gap:2px;max-width:280px;border-radius:16px;overflow:hidden;position:relative}.chat-media-group.count-2,.chat-media-group.count-3{grid-template-columns:1fr 1fr}.chat-media-group.count-3 .chat-media-item:first-child{grid-row:span 2}.chat-media-group.count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.chat-media-item{position:relative;overflow:hidden;min-height:100px;cursor:pointer}.chat-media-item img,.chat-media-item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.chat-media-item.has-more img,.chat-media-item.has-more video{filter:brightness(.5)}.chat-media-more{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);pointer-events:none}.chat-file-preview-item{position:relative;width:64px;height:64px;border-radius:10px;overflow:hidden;flex-shrink:0;cursor:pointer}.chat-file-preview-item img,.chat-file-preview-item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.msg-context-menu{position:fixed;background:#000000f2;border:1px solid rgba(255,255,255,.12);border-radius:16px;min-width:200px;z-index:10000;box-shadow:0 10px 50px #0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:none;overflow:hidden}.msg-context-menu.open{display:block}.msg-context-item{display:flex;align-items:center;gap:12px;padding:14px 18px;font-size:15px;color:#ffffffe6;cursor:pointer;transition:background .15s}.msg-context-item:active{background:#ffffff1a}.msg-context-item svg{width:20px;height:20px;stroke:#fff9;fill:none;stroke-width:2;flex-shrink:0}.msg-context-item.danger{color:#ef4444}.msg-context-item.danger svg{stroke:#ef4444}.msg-context-divider{height:1px;background:#ffffff14;margin:4px 0}.msg-context-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[85vh\]{max-height:85vh}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-\[16px\]{min-width:16px}.max-w-2xl{max-width:42rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-dashed{border-style:dashed}.border-\[rgb\(var\(--border-color\)\)\]{border-color:rgb(var(--border-color))}.border-accent-500\/30{border-color:#ef44444d}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-red-500\/30{border-color:#ef44444d}.border-tactical-500{--tw-border-opacity: 1;border-color:rgb(97 97 97 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-\[rgb\(var\(--bg-primary\)\)\]{background-color:rgb(var(--bg-primary))}.bg-\[rgb\(var\(--bg-secondary\)\)\]{background-color:rgb(var(--bg-secondary))}.bg-\[rgb\(var\(--bg-tertiary\)\)\]{background-color:rgb(var(--bg-tertiary))}.bg-accent-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-accent-500\/10{background-color:#ef44441a}.bg-accent-500\/20{background-color:#ef444433}.bg-black\/50{background-color:#00000080}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-500\/20{background-color:#22c55e33}.bg-green-900{--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-red-900{--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}.bg-tactical-500{--tw-bg-opacity: 1;background-color:rgb(97 97 97 / var(--tw-bg-opacity, 1))}.bg-tactical-500\/10{background-color:#6161611a}.bg-tactical-500\/15{background-color:#61616126}.bg-tactical-600{--tw-bg-opacity: 1;background-color:rgb(66 66 66 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-\[50vh\]{padding-bottom:50vh}.pt-10{padding-top:2.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-display{font-family:Inter,sans-serif}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\[rgb\(var\(--text-muted\)\)\]{color:rgb(var(--text-muted))}.text-\[rgb\(var\(--text-primary\)\)\]{color:rgb(var(--text-primary))}.text-\[rgb\(var\(--text-secondary\)\)\]{color:rgb(var(--text-secondary))}.text-accent-400{--tw-text-opacity: 1;color:rgb(255 107 107 / var(--tw-text-opacity, 1))}.text-accent-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-tactical-500{--tw-text-opacity: 1;color:rgb(97 97 97 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.accent-tactical-500{accent-color:#616161}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.toast-notification{position:fixed;top:max(20px,env(safe-area-inset-top,20px));left:50%;transform:translate(-50%) translateY(-100px);background:#0f0f19f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid #ef4444;border-radius:14px;padding:14px 20px;display:flex;align-items:center;gap:12px;z-index:99999;max-width:calc(100vw - 32px);box-shadow:0 4px 24px #ef44444d,0 8px 32px #0006;opacity:0;animation:toastSlideDown .3s ease-out forwards}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-100px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-icon{font-size:22px}.toast-content{color:#fff;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}@media (max-width: 768px){.toast-notification{left:16px;right:16px;transform:translate(0) translateY(-100px);max-width:none}@keyframes toastSlideDown{0%{opacity:0;transform:translate(0) translateY(-100px)}to{opacity:1;transform:translate(0) translateY(0)}}.toast-content{max-width:none;flex:1}}.chat-toast{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:99999;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1e1e1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 48px #00000080,0 4px 16px #0000004d;cursor:pointer;animation:chatToastIn .3s ease-out;max-width:calc(100vw - 32px);min-width:200px;touch-action:none;-webkit-tap-highlight-color:transparent;-moz-user-select:none;user-select:none;-webkit-user-select:none;pointer-events:auto}.chat-toast.online{border-left:3px solid #22c55e}@keyframes chatToastIn{0%{opacity:0;transform:translate(-50%) translateY(-100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}.chat-toast-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0}.chat-toast-avatar.admin{background:linear-gradient(135deg,#ef4444,#b91c1c)}.chat-toast-content{flex:1;min-width:0}.chat-toast-name{font-weight:600;font-size:14px;color:#fff;margin-bottom:2px}.chat-toast-text{font-size:13px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-toast-online{color:#22c55e}.chat-toast-offline{color:#ef4444}.chat-toast.offline{border-left:3px solid #ef4444}@media (max-width: 768px){.chat-toast{left:16px;right:16px;transform:translate(0);max-width:none}@keyframes chatToastIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}}.streams-grid{display:grid;gap:12px}.streams-grid.cols-1{grid-template-columns:1fr}.streams-grid.cols-1 .stream-card{max-height:calc(100vh - 140px)}.streams-grid.cols-1 video{max-height:calc(100vh - 160px);width:100%;object-fit:contain}.streams-grid.cols-1 .stream-card{width:100%}.streams-grid.cols-2{grid-template-columns:repeat(2,1fr)}.streams-grid.cols-3{grid-template-columns:repeat(3,1fr)}.streams-grid.cols-4{grid-template-columns:repeat(4,1fr)}.streams-grid.cols-5{grid-template-columns:repeat(5,1fr)}@media (min-width: 640px){.streams-grid{gap:16px}}.streams-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000}.streams-fullscreen .stream-card{width:100%;height:100%;border-radius:0}.stream-card{position:relative;aspect-ratio:16 / 9;background:#111;border-radius:12px;overflow:hidden}.stream-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.stream-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3}.stream-header{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:8px}.stream-live-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#ef4444e6;border-radius:4px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase}.stream-live-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stream-callsign{padding:4px 10px;background:#000000b3;border-radius:4px;font-size:13px;font-weight:500;color:#fff}.stream-quality{position:absolute;top:12px;right:12px}.stream-quality-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#000000b3;border:none;border-radius:4px;font-size:12px;color:#fff;cursor:pointer;transition:background .2s}.stream-quality-btn:hover{background:#000000e6}.stream-quality-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:100px;background:#1e1e1ef2;border-radius:8px;overflow:hidden;z-index:10}.stream-quality-option{display:block;width:100%;padding:8px 12px;background:none;border:none;font-size:13px;color:#fff;text-align:left;cursor:pointer;transition:background .2s}.stream-quality-option:hover{background:#ffffff1a}.stream-quality-option.active{background:#3b82f680}.stream-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.stream-settings{position:absolute;bottom:12px;left:12px}.stream-settings-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#000000b3;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .2s}.stream-settings-btn:hover{background:#000000e6}.stream-settings-menu{position:absolute;bottom:100%;left:0;margin-bottom:8px;width:240px;background:#1e1e1ef2;border-radius:12px;padding:12px;z-index:10}.stream-settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:500;color:#fff}.stream-settings-header button{background:none;border:none;color:#fff9;cursor:pointer}.stream-settings-item{display:flex;align-items:center;gap:8px;margin-bottom:10px}.stream-settings-item label{flex:0 0 90px;font-size:12px;color:#ffffffb3}.stream-settings-item input[type=range]{flex:1;height:4px;background:#fff3;border-radius:2px;-webkit-appearance:none}.stream-settings-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer}.stream-settings-item span{flex:0 0 40px;font-size:11px;color:#ffffff80;text-align:right}.stream-settings-reset{width:100%;padding:8px;margin-top:8px;background:#ffffff1a;border:none;border-radius:6px;font-size:12px;color:#fff;cursor:pointer;transition:background .2s}.stream-settings-reset:hover{background:#fff3}.stream-fullscreen-btn{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#000000b3;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .2s}.stream-fullscreen-btn:hover{background:#000000e6}.stream-duration{position:absolute;bottom:12px;right:60px;padding:4px 8px;background:#000000b3;border-radius:4px;font-size:12px;font-weight:500;color:#fff;font-variant-numeric:tabular-nums}@media (min-width: 640px){.sm\:hidden.chat-attach-wrap{opacity:0;pointer-events:none}.sm\:hidden.image-gallery-nav{display:none}}.placeholder\:text-\[rgb\(var\(--text-muted\)\)\]::-moz-placeholder{color:rgb(var(--text-muted))}.placeholder\:text-\[rgb\(var\(--text-muted\)\)\]::placeholder{color:rgb(var(--text-muted))}.hover\:border-tactical-500\/50:hover{border-color:#61616180}.hover\:bg-\[rgb\(var\(--bg-primary\)\)\]:hover{background-color:rgb(var(--bg-primary))}.hover\:bg-\[rgb\(var\(--bg-tertiary\)\)\]:hover{background-color:rgb(var(--bg-tertiary))}.hover\:bg-accent-500\/10:hover{background-color:#ef44441a}.hover\:bg-blue-500\/30:hover{background-color:#3b82f64d}.hover\:bg-blue-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-green-500\/30:hover{background-color:#22c55e4d}.hover\:bg-green-800:hover{--tw-bg-opacity: 1;background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/30:hover{background-color:#ef44444d}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-800:hover{--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}.hover\:bg-tactical-500\/10:hover{background-color:#6161611a}.hover\:text-\[rgb\(var\(--text-primary\)\)\]:hover{color:rgb(var(--text-primary))}.hover\:text-accent-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.focus\:border-blue-900:focus{--tw-border-opacity: 1;border-color:rgb(30 58 138 / var(--tw-border-opacity, 1))}.focus\:border-green-900:focus{--tw-border-opacity: 1;border-color:rgb(20 83 45 / var(--tw-border-opacity, 1))}.focus\:border-red-900:focus{--tw-border-opacity: 1;border-color:rgb(127 29 29 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}}@media (min-width: 768px){.md\:flex{display:flex}.md\:h-\[14px\]{height:14px}.md\:h-\[18px\]{height:18px}.md\:w-\[14px\]{width:14px}.md\:w-\[18px\]{width:18px}.md\:gap-2{gap:.5rem}.md\:gap-3{gap:.75rem}.md\:gap-4{gap:1rem}.md\:p-6{padding:1.5rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1024px){.lg\:flex{display:flex}}@media (min-width: 1280px){.xl\:flex{display:flex}}