*,: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:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,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}.msg-action{opacity:0;pointer-events:none;transform:scale(.85);transition:opacity .14s cubic-bezier(.16,1,.3,1),transform .14s cubic-bezier(.16,1,.3,1)}.msg-actions-open .msg-action,.msg-action:focus-visible{opacity:1;pointer-events:auto;transform:scale(1)}@media (hover: hover){.group\/msg:hover .msg-action,.group:hover .msg-action{opacity:1;pointer-events:auto;transform:scale(1)}}.nav-rail{width:72px;background-color:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));padding-left:0;padding-right:0;z-index:40;transition:background-color .2s ease,border-color .2s ease}.brand-logo{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:17px;letter-spacing:-.03em;margin-bottom:16px;box-shadow:0 6px 18px -6px var(--accent-glow);cursor:pointer;position:relative;transition:transform .15s cubic-bezier(.16,1,.3,1)}.brand-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;background-color:var(--online);border:2px solid var(--surface);border-radius:var(--radius-full)}.rail-items{display:flex;flex-direction:column;gap:4px;width:100%;align-items:center;flex:1}.rail-btn{width:64px;padding:4px 0 6px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);border-radius:var(--radius-md);text-decoration:none;transition:color .15s ease}.rail-ico{position:relative;width:48px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:background-color .15s cubic-bezier(.16,1,.3,1)}.rail-ico>svg{width:20px;height:20px}.rail-label{font-size:11px;font-weight:500;line-height:1.1;letter-spacing:.01em}.rail-btn.active{color:var(--accent)}.rail-btn.\!active{color:var(--accent)!important}.rail-btn.active .rail-ico{background-color:var(--accent-subtle)}.rail-btn.\!active .rail-ico{background-color:var(--accent-subtle)!important}.rail-btn.active .rail-label{font-weight:600}.rail-btn.\!active .rail-label{font-weight:600!important}.rail-badge{position:absolute;top:-4px;left:calc(50% + 4px);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;height:16px;min-width:16px;padding:0 4px;border-radius:var(--radius-full);background-color:var(--accent-fill);color:#fff;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px var(--surface)}.rail-badge.live{left:auto;right:-6px;top:-5px;height:14px;min-width:0;padding:0 4px;font-size:8.5px;letter-spacing:.06em;background-color:var(--live-red, #ef4444)}.rail-badge.live.is-on{animation:pulse-red 2s infinite}.rail-badge.voice-dot{width:10px;height:10px;min-width:10px;padding:0;top:2px;left:auto;right:8px;background-color:var(--online);animation:pulse-green 1.8s infinite}@keyframes pulse-red{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.rail-footer{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%;padding-top:8px}.theme-toggle{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:background-color .15s ease,color .15s ease;cursor:pointer}.user-avatar-btn{width:40px;height:40px;padding:0;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--border);transition:box-shadow .15s ease,transform .15s ease}.sub-sidebar{background-color:var(--surface);border-right:1px solid var(--border);transition:background-color .2s ease,border-color .2s ease}.sub-header{padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:8px;padding-left:16px;padding-right:12px;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:8px}.sub-title{font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--fg)}.sub-action-btn{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted);background-color:transparent;border:none;transition:background-color .15s ease-out,color .15s ease-out,transform .12s ease-out;cursor:pointer}.sub-action-btn:active{transform:scale(.94)}.sub-action-btn svg{width:20px;height:20px}.sub-avatar-btn{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:none;background:transparent;cursor:pointer;transition:transform .12s ease-out,box-shadow .15s ease-out}.sub-avatar-btn:active{transform:scale(.94)}.search-box-wrap{padding:4px 12px 8px}.search-input-field{width:100%;height:38px;padding:0 12px 0 38px;background-color:var(--surface-subtle);border:1px solid transparent;border-radius:var(--radius-full);font-size:14px;color:var(--fg);transition:border-color .15s ease-out,background-color .15s ease-out,box-shadow .15s ease-out}.search-input-field::-moz-placeholder{color:var(--muted)}.search-input-field::placeholder{color:var(--muted)}.search-input-field:focus{border-color:var(--border-focus);background-color:var(--surface);outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.pill-filter-row{display:flex;align-items:center;gap:6px;padding:2px 12px 10px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--border-subtle);scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain}.pill-filter-row::-webkit-scrollbar{display:none}.pill-filter-row[data-fade=right]{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent)}.pill-filter-row[data-fade=left]{-webkit-mask-image:linear-gradient(to right,transparent,#000 32px);mask-image:linear-gradient(to right,transparent,#000 32px)}.pill-filter-row[data-fade=both]{-webkit-mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent)}.filter-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 12px;flex-shrink:0;border-radius:var(--radius-full);font-size:13px;font-weight:500;line-height:1;color:var(--fg-subtle);background-color:var(--surface-subtle);border:1px solid transparent;white-space:nowrap;transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-chip.active{background-color:var(--accent-fill);color:#fff}.filter-chip.\!active{background-color:var(--accent-fill)!important;color:#fff!important}.filter-chip-count{height:18px;min-width:18px;padding:0 5px;border-radius:var(--radius-full);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent-fill);color:#fff}.filter-chip.active .filter-chip-count{background-color:#ffffffeb;color:var(--accent-fill)}.filter-chip.\!active .filter-chip-count{background-color:#ffffffeb!important;color:var(--accent-fill)!important}.filter-chip-edit{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:-4px;border-radius:var(--radius-full);opacity:.55;transition:opacity .12s ease-out,background-color .12s ease-out}.filter-chip-edit svg{width:12px;height:12px}.sub-list-scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:6px 0}.sub-item-card{--avatar-ring: var(--surface);display:flex;align-items:center;gap:12px;padding:8px 10px;margin:0 8px 2px;border-radius:var(--radius-lg);cursor:pointer;transition:background-color .15s ease-out;position:relative;color:var(--fg);min-height:64px}.sub-item-card:active{background-color:var(--surface-hover)}.sub-item-card.active{--avatar-ring: var(--accent-subtle);background-color:var(--accent-subtle)}.sub-item-card.\!active{--avatar-ring: var(--accent-subtle) !important;background-color:var(--accent-subtle)!important}.sub-item-card.active:before{content:"";position:absolute;left:-8px;top:14px;bottom:14px;width:3px;background-color:var(--accent);border-radius:0 3px 3px 0}.sub-item-card.\!active:before{content:""!important;position:absolute!important;left:-8px!important;top:14px!important;bottom:14px!important;width:3px!important;background-color:var(--accent)!important;border-radius:0 3px 3px 0!important}.item-avatar{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--fg);flex-shrink:0;position:relative}.item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.item-title-row,.item-sub-row{display:flex;align-items:center;gap:6px;min-width:0}.item-title{flex:1;min-width:0;display:flex;align-items:center;gap:4px;font-weight:600;font-size:15px;line-height:20px;color:var(--fg)}.item-title-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-title svg{flex-shrink:0}.item-time{font-size:12px;line-height:16px;color:var(--muted);flex-shrink:0;font-variant-numeric:tabular-nums}.item-subtitle{flex:1;min-width:0;font-size:14px;line-height:20px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-pill{height:20px;min-width:20px;padding:0 6px;flex-shrink:0;background-color:var(--accent-fill);color:#fff;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center}.unread-pill.is-muted{background-color:var(--offline)}.item-pin{color:var(--muted-light);flex-shrink:0}.chat-header{--avatar-ring: var(--surface);background-color:var(--surface);border-bottom:1px solid var(--border);padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:8px;min-height:56px;transition:background-color .2s ease,border-color .2s ease}.chat-header-name{font-weight:600;font-size:16px;line-height:20px;color:var(--fg);letter-spacing:-.01em}.chat-header-status{font-size:13px;line-height:18px;color:var(--muted)}.btn-ghost{height:36px;padding:0 14px;border-radius:var(--radius-md);background-color:transparent;border:none;color:var(--fg-subtle);font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .15s ease-out,color .15s ease-out;cursor:pointer}.btn-accent{height:36px;padding:0 16px;border-radius:var(--radius-md);background-color:var(--accent-fill);color:#fff;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .15s ease-out,transform .12s ease-out;cursor:pointer;text-decoration:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;background-color:var(--accent-fill);color:#fff;font-size:14px;font-weight:600;padding:8px 18px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background-color .15s ease-out,transform .12s ease-out,opacity .15s ease-out}.btn-primary:active,.btn-accent:active{transform:scale(.98)}.btn-primary:disabled,.btn-accent:disabled,.btn-ghost:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.45;cursor:default;transform:none}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 18px;border-radius:var(--radius-md);border:none;background-color:var(--danger-fill);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s ease-out,transform .12s ease-out}.field-input{width:100%;padding:10px 14px;background-color:var(--surface-subtle);color:var(--fg);border-radius:var(--radius-md);font-size:14px;border:1px solid var(--border);transition:border-color .15s ease-out,background-color .15s ease-out,box-shadow .15s ease-out}.field-input::-moz-placeholder{color:var(--muted)}.field-input::placeholder{color:var(--muted)}.field-input:focus{border-color:var(--border-focus);background-color:var(--surface);outline:none;box-shadow:0 0 0 3px var(--accent-glow)}@media (hover: hover){.brand-logo:hover{transform:scale(1.05)}.rail-btn:hover{color:var(--fg)}.rail-btn:hover .rail-ico{background-color:var(--surface-hover)}.rail-btn.active:hover{color:var(--accent)}.rail-btn.active:hover .rail-ico{background-color:var(--accent-subtle)}.theme-toggle:hover{background-color:var(--surface-hover);color:var(--fg)}.user-avatar-btn:hover{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--accent);transform:scale(1.04)}.sub-action-btn:hover{color:var(--fg);background-color:var(--surface-hover)}.sub-avatar-btn:hover{box-shadow:0 0 0 2px var(--accent-border)}.filter-chip:not(.active):hover{color:var(--fg);background-color:var(--surface-hover)}.filter-chip-edit:hover{opacity:1;background-color:#7f7f7f2e}.sub-item-card:not(.active):hover{--avatar-ring: var(--surface-hover);background-color:var(--surface-hover)}.btn-secondary:hover{background-color:var(--surface-hover);border-color:var(--muted-light)}.btn-ghost:hover{background-color:var(--surface-hover);color:var(--fg)}.btn-accent:hover{background-color:var(--accent-fill-hover)}.btn-primary:not(:disabled):hover{background-color:var(--accent-fill-hover)}.btn-danger:not(:disabled):hover{filter:brightness(1.08)}.rail-btn.\!active:hover{color:var(--accent)!important}.rail-btn.\!active:hover .rail-ico{background-color:var(--accent-subtle)!important}.filter-chip:not(.\!active):hover{color:var(--fg)!important;background-color:var(--surface-hover)!important}.sub-item-card:not(.\!active):hover{--avatar-ring: var(--surface-hover) !important;background-color:var(--surface-hover)!important}}.icon-btn{width:36px;height:36px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--muted);background:transparent;border:none;cursor:pointer;position:relative;transition:background-color .15s ease-out,color .15s ease-out,transform .12s ease-out}.icon-btn svg{width:20px;height:20px}.icon-btn:active{transform:scale(.92)}.icon-btn.is-active{color:var(--accent);background-color:var(--accent-subtle)}.icon-btn.is-danger{color:var(--danger)}.icon-btn-sm{width:32px;height:32px}.icon-btn-sm svg{width:18px;height:18px}@media (pointer: coarse){.icon-btn{width:40px;height:40px}.icon-btn-sm{width:36px;height:36px}}@media (hover: hover){[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%,-2px);padding:5px 8px;border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--fg);box-shadow:var(--shadow-dropdown);font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;pointer-events:none;opacity:0;z-index:60;transition:opacity .12s ease-out,transform .12s ease-out}[data-tip]:hover:after{opacity:1;transform:translate(-50%);transition-delay:.35s}[data-tip][data-tip-pos=top]:after{top:auto;bottom:calc(100% + 6px)}[data-tip][data-tip-pos=left]:after{left:auto;right:0;transform:translateY(-2px)}[data-tip][data-tip-pos=left]:hover:after{transform:none}}.gc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background-color:var(--overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:gc-fade-in .16s ease-out}.gc-modal{width:100%;max-width:440px;max-height:calc(var(--vvh, 100vh) - 32px);display:flex;flex-direction:column;overflow:hidden;background-color:var(--surface-elevated);color:var(--fg);border-radius:var(--radius-xl);box-shadow:var(--shadow-island);animation:gc-pop-in .18s cubic-bezier(.16,1,.3,1)}.gc-modal.size-sm{max-width:380px}.gc-modal.size-lg{max-width:560px}.gc-modal.size-xl{max-width:720px}.gc-modal-header{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 10px 10px 20px;flex-shrink:0;border-bottom:1px solid var(--border-subtle)}.gc-modal-title{flex:1;min-width:0;font-size:16px;font-weight:600;line-height:22px;letter-spacing:-.01em;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-modal-subtitle{font-size:12px;color:var(--muted);font-weight:400}.gc-modal-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px 20px}.gc-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;flex-shrink:0;border-top:1px solid var(--border-subtle)}@media (max-width: 639px){.gc-overlay.gc-sheet{align-items:flex-end;padding:0}.gc-overlay.gc-sheet .gc-modal{max-width:none;max-height:calc(var(--vvh, 100vh) - 24px);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding-bottom:env(safe-area-inset-bottom,0px);animation:gc-sheet-up .22s cubic-bezier(.16,1,.3,1)}.gc-overlay.gc-sheet .gc-modal:before{content:"";display:block;flex-shrink:0;width:36px;height:4px;margin:8px auto 0;border-radius:var(--radius-full);background-color:var(--border)}.gc-overlay.gc-sheet .gc-modal-header{min-height:48px;padding-top:4px}.gc-overlay.gc-sheet .gc-modal-body,.gc-overlay.gc-sheet .gc-modal-footer{padding:12px 16px}.gc-overlay.gc-sheet .gc-modal-footer>*{flex:1}}.gc-menu{min-width:200px;max-width:calc(100vw - 24px);padding:6px;background-color:var(--surface-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);color:var(--fg);animation:gc-pop-in .14s cubic-bezier(.16,1,.3,1);transform-origin:top}.gc-menu-item{display:flex;align-items:center;gap:12px;width:100%;height:36px;padding:0 12px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--fg);text-align:left;white-space:nowrap;cursor:pointer;transition:background-color .12s ease-out,color .12s ease-out}.gc-menu-item svg{width:18px;height:18px;flex-shrink:0;color:var(--muted)}.gc-menu-item .gc-menu-check{margin-left:auto;color:var(--accent)}.gc-menu-item.is-active{color:var(--accent)}.gc-menu-item.is-active svg{color:var(--accent)}.gc-menu-item.is-danger,.gc-menu-item.is-danger svg{color:var(--danger)}.gc-menu-sep{height:1px;margin:6px 4px;background-color:var(--border-subtle)}.gc-menu-label{padding:8px 12px 4px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-menu-note{padding:6px 12px 4px;font-size:12px;line-height:1.4;color:var(--muted)}@media (hover: hover){.gc-menu-item:hover{background-color:var(--surface-hover)}.gc-menu-item.is-danger:hover{background-color:var(--danger-subtle)}}@media (pointer: coarse){.gc-menu-item{height:44px}}.gc-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gc-empty.is-card{padding:28px 32px;border-radius:var(--radius-xl);background-color:var(--pill-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-card)}.gc-empty-icon{width:72px;height:72px;margin-bottom:10px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background-color:var(--accent-subtle);color:var(--accent)}.gc-empty-icon svg{width:32px;height:32px}.gc-empty-icon.is-sm{width:56px;height:56px;margin-bottom:6px}.gc-empty-icon.is-sm svg{width:26px;height:26px}.gc-empty-title{font-size:16px;font-weight:600;color:var(--fg)}.gc-empty-hint{font-size:13px;line-height:1.45;color:var(--muted);max-width:280px}.chat-column{width:100%;max-width:760px;margin-left:auto;margin-right:auto}.gc-date-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);background-color:var(--pill-bg);color:var(--pill-fg);font-size:12.5px;font-weight:500;line-height:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.gc-service-pill{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:min(90%,480px);padding:6px 12px;border-radius:var(--radius-lg);background-color:var(--pill-bg);color:var(--pill-fg);font-size:13px;line-height:18px;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.bubble{position:relative;border-radius:16px;box-shadow:0 1px 1px var(--bubble-shadow, rgba(0, 0, 0, .12))}.bubble-in{background-color:var(--bubble-in);color:var(--bubble-in-fg)}.bubble-out{background-color:var(--bubble-out);color:var(--bubble-out-fg)}.bubble.is-bare{background:none;box-shadow:none}.bubble-in.grp-cont-top{border-top-left-radius:6px}.bubble-in.grp-cont-bottom{border-bottom-left-radius:6px}.bubble-out.grp-cont-top{border-top-right-radius:6px}.bubble-out.grp-cont-bottom{border-bottom-right-radius:6px}.bubble.has-tail.bubble-in{border-bottom-left-radius:0}.bubble.has-tail.bubble-out{border-bottom-right-radius:0}.bubble.has-tail:after{content:"";position:absolute;bottom:0;width:9px;height:17px;background:inherit;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='17' viewBox='0 0 9 17'%3E%3Cpath d='M9 0C9 8 5.5 14 0 17h9z'/%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='17' viewBox='0 0 9 17'%3E%3Cpath d='M9 0C9 8 5.5 14 0 17h9z'/%3E%3C/svg%3E") no-repeat;pointer-events:none}.bubble.has-tail.bubble-in:after{left:-8.5px}.bubble.has-tail.bubble-out:after{right:-8.5px;transform:scaleX(-1)}.bubble-sender{font-size:13.5px;font-weight:600;line-height:18px;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubble-text{position:relative;font-size:15px;line-height:20px;white-space:pre-wrap;overflow-wrap:anywhere}.msg-meta{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;line-height:14px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.bubble-in .msg-meta{color:var(--bubble-in-meta)}.bubble-out .msg-meta{color:var(--bubble-out-meta)}.msg-meta svg{width:16px;height:16px}.msg-meta-spacer{visibility:hidden;margin-left:10px;vertical-align:baseline}.bubble-text>.msg-meta-abs{position:absolute;right:0;bottom:0}.msg-meta-overlay{position:absolute;right:6px;bottom:6px;padding:2px 7px;border-radius:var(--radius-full);background-color:#00000073;color:#fff!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.msg-meta-overlay svg{color:#fff}.bubble-media{position:relative;overflow:hidden;border-radius:12px}.bubble.is-media{padding:0!important}.bubble.is-media .bubble-media{border-radius:inherit}.bubble.is-media .bubble-media img{display:block}@keyframes gc-highlight{0%,35%{background-color:var(--accent-glow)}to{background-color:transparent}}.msg-highlight{animation:gc-highlight 1.4s ease-out}.msg-action-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--surface-elevated);color:var(--muted);box-shadow:var(--shadow-dropdown);border:none;cursor:pointer}.msg-action-btn svg{width:16px;height:16px}@media (hover: hover){.msg-action-btn:hover{color:var(--fg);background-color:var(--surface-hover)}}@media (pointer: coarse){.msg-action-btn{width:34px;height:34px}}.chat-item-menu-btn{position:absolute;right:8px;bottom:10px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:none;background-color:var(--surface-elevated);color:var(--muted);box-shadow:var(--shadow-dropdown);opacity:0;transform:scale(.85);transition:opacity .14s ease-out,transform .14s ease-out,color .14s ease-out}.chat-item-menu-btn:focus-visible{opacity:1;transform:none}@media (hover: hover){.sub-item-card:hover .chat-item-menu-btn{opacity:1;transform:none}.chat-item-menu-btn:hover{color:var(--fg)}}.pinned-bar{display:flex;align-items:center;gap:10px;min-height:48px;padding:4px 8px 4px 16px;background-color:var(--surface);border-bottom:1px solid var(--border);animation:gc-fade-in .16s ease-out}.pinned-bar-body{flex:1;min-width:0;display:flex;align-items:stretch;gap:10px;padding:4px 0;cursor:pointer;text-align:left;background:transparent;border:none}.pinned-bar-stripe{width:2px;flex-shrink:0;border-radius:2px;background-color:var(--accent)}.pinned-bar-title{font-size:13px;font-weight:600;line-height:18px;color:var(--accent)}.pinned-bar-text{font-size:14px;line-height:18px;color:var(--fg-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-row{display:flex;align-items:flex-end;gap:8px}.composer-box{flex:1;min-width:0;display:flex;flex-direction:column;background-color:var(--surface);border-radius:22px;box-shadow:var(--shadow-card);border:1px solid var(--border-subtle);transition:border-color .15s ease-out,box-shadow .15s ease-out}.composer-box:focus-within{border-color:var(--accent-border)}.composer-inputs{display:flex;align-items:flex-end;gap:2px;padding:4px;min-height:46px}.composer-field{flex:1;min-width:0;align-self:center;background:transparent;color:var(--fg);font-size:15px;line-height:22px;resize:none;border:none;padding:8px 4px}.composer-field::-moz-placeholder{color:var(--muted)}.composer-field::placeholder{color:var(--muted)}.composer-field:focus,.composer-field:focus-visible{outline:none}.composer-round{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle);background-color:var(--surface);color:var(--muted);box-shadow:var(--shadow-card);cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out,transform .12s ease-out}.composer-round svg{width:22px;height:22px}.composer-round:active{transform:scale(.92)}.composer-round.is-send{background-color:var(--accent-fill);border-color:var(--accent-fill);color:#fff;animation:gc-pop-in .14s ease-out}@media (hover: hover){.composer-round:not(.is-send):hover{color:var(--accent)}.composer-round.is-send:hover{background-color:var(--accent-fill-hover)}}.composer-preview{display:flex;align-items:center;gap:10px;padding:8px 6px 4px 14px;animation:gc-fade-in .14s ease-out}.composer-preview+.composer-preview{padding-top:4px}.composer-preview-stripe{width:2px;align-self:stretch;flex-shrink:0;border-radius:2px;background-color:var(--accent)}.composer-preview-icon{flex-shrink:0;color:var(--accent);width:20px;height:20px}.composer-preview-title{font-size:13px;font-weight:600;line-height:18px;color:var(--accent)}.composer-preview-text{font-size:13.5px;line-height:18px;color:var(--fg-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 639px){.composer-round{width:46px;height:46px}.composer-box{border-radius:22px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-0\.5{bottom:-.125rem}.-bottom-6{bottom:-1.5rem}.-right-0\.5{right:-.125rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.bottom-20{bottom:5rem}.bottom-4{bottom:1rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-\[24px\]{left:24px}.left-full{left:100%}.right-0{right:0}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-\[16px\]{right:16px}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-4{top:1rem}.top-8{top:2rem}.top-\[calc\(50\%-2px\)\]{top:calc(50% - 2px)}.top-\[max\(12px\,env\(safe-area-inset-top\,0px\)\)\]{top:max(12px,env(safe-area-inset-top,0px))}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[70\]{z-index:70}.z-\[90\]{z-index:90}.clear-both{clear:both}.m-2{margin:.5rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.-ml-2{margin-left:-.5rem}.-mt-0\.5{margin-top:-.125rem}.-mt-1\.5{margin-top:-.375rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.mt-px{margin-top:1px}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.\!h-11{height:2.75rem!important}.\!h-7{height:1.75rem!important}.\!h-8{height:2rem!important}.\!h-9{height:2.25rem!important}.\!h-auto{height:auto!important}.h-1{height:.25rem}.h-1\.5{height:.375rem}.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-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-36{height:9rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-\[22px\]{height:22px}.h-\[22rem\]{height:22rem}.h-\[30px\]{height:30px}.h-\[50\%\]{height:50%}.h-\[55\%\]{height:55%}.h-full{height:100%}.h-px{height:1px}.max-h-48{max-height:12rem}.max-h-56{max-height:14rem}.max-h-72{max-height:18rem}.max-h-\[calc\(var\(--vvh\,100vh\)-80px\)\]{max-height:calc(var(--vvh,100vh) - 80px)}.max-h-full{max-height:100%}.\!min-h-0{min-height:0px!important}.\!min-h-\[32px\]{min-height:32px!important}.\!min-h-\[40px\]{min-height:40px!important}.min-h-0{min-height:0px}.min-h-\[120px\]{min-height:120px}.min-h-\[40px\]{min-height:40px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[52px\]{min-height:52px}.min-h-\[56px\]{min-height:56px}.min-h-\[80px\]{min-height:80px}.min-h-full{min-height:100%}.\!w-7{width:1.75rem!important}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-36{width:9rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[22px\]{width:22px}.w-\[260px\]{width:260px}.w-\[280px\]{width:280px}.w-\[50\%\]{width:50%}.w-\[55\%\]{width:55%}.w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.\!min-w-0{min-width:0px!important}.min-w-0{min-width:0px}.min-w-\[120px\]{min-width:120px}.min-w-\[150px\]{min-width:150px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[232px\]{min-width:232px}.min-w-\[32px\]{min-width:32px}.min-w-\[38px\]{min-width:38px}.min-w-\[64px\]{min-width:64px}.\!max-w-none{max-width:none!important}.max-w-6xl{max-width:72rem}.max-w-\[200px\]{max-width:200px}.max-w-\[320px\]{max-width:320px}.max-w-\[400px\]{max-width:400px}.max-w-\[75\%\]{max-width:75%}.max-w-\[calc\(100\%-16px\)\]{max-width:calc(100% - 16px)}.max-w-\[calc\(100vw-140px\)\]{max-width:calc(100vw - 140px)}.max-w-\[calc\(100vw-24px\)\]{max-width:calc(100vw - 24px)}.max-w-full{max-width:100%}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-center{transform-origin:center}.-translate-x-1\/2{--tw-translate-x: -50%;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))}.-translate-x-full{--tw-translate-x: -100%;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))}.-translate-y-1\/2{--tw-translate-y: -50%;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))}.translate-x-full{--tw-translate-x: 100%;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))}.-rotate-90{--tw-rotate: -90deg;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))}.rotate-180{--tw-rotate: 180deg;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))}.rotate-45{--tw-rotate: 45deg;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))}.scale-x-\[-1\]{--tw-scale-x: -1;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))}.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 fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .14s cubic-bezier(.16,1,.3,1)}@keyframes message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-message-in{animation:message-in .18s cubic-bezier(.16,1,.3,1)}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-modal-in{animation:modal-in .18s cubic-bezier(.16,1,.3,1)}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.animate-pulse-dot{animation:pulse-dot 1.6s ease-in-out infinite}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in{animation:slide-in .24s cubic-bezier(.16,1,.3,1)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.\!items-start{align-items:flex-start!important}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-\[1px\]{gap:1px}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.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-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * 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-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-border-subtle>:not([hidden])~:not([hidden]){border-color:var(--border-subtle)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\!rounded-full{border-radius:9999px!important}.\!rounded-xl{border-radius:20px!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[18px\]{border-radius:18px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:14px}.rounded-md{border-radius:10px}.rounded-sm{border-radius:6px}.rounded-xl{border-radius:20px}.rounded-xs{border-radius:4px}.border{border-width:1px}.border-2{border-width:2px}.border-\[3px\]{border-width:3px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-\[3px\]{border-left-width:3px}.border-t{border-top-width:1px}.border-\[var\(--accent-fill\)\]{border-color:var(--accent-fill)}.border-\[var\(--muted-light\)\]{border-color:var(--muted-light)}.border-\[var\(--surface-elevated\)\]{border-color:var(--surface-elevated)}.border-accent{border-color:var(--accent)}.border-border{border-color:var(--border)}.border-border-subtle{border-color:var(--border-subtle)}.border-transparent{border-color:transparent}.border-white\/10{border-color:#ffffff1a}.border-white\/30{border-color:#ffffff4d}.border-white\/60{border-color:#fff9}.border-white\/70{border-color:#ffffffb3}.border-white\/80{border-color:#fffc}.border-white\/85{border-color:#ffffffd9}.border-white\/\[0\.04\]{border-color:#ffffff0a}.border-white\/\[0\.06\]{border-color:#ffffff0f}.border-t-accent,.border-t-telegram-accent{border-top-color:var(--accent)}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.\!bg-surface-elevated{background-color:var(--surface-elevated)!important}.bg-\[var\(--online-subtle\)\]{background-color:var(--online-subtle)}.bg-\[var\(--surface-glass\)\]{background-color:var(--surface-glass)}.bg-accent{background-color:var(--accent)}.bg-accent-fill{background-color:var(--accent-fill)}.bg-accent-subtle{background-color:var(--accent-subtle)}.bg-bg{background-color:var(--bg)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/15{background-color:#00000026}.bg-black\/20{background-color:#0003}.bg-black\/25{background-color:#00000040}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/45{background-color:#00000073}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/90{background-color:#000000e6}.bg-border{background-color:var(--border)}.bg-border-subtle{background-color:var(--border-subtle)}.bg-danger{background-color:var(--danger)}.bg-danger-fill{background-color:var(--danger-fill)}.bg-danger-subtle{background-color:var(--danger-subtle)}.bg-fg{background-color:var(--fg)}.bg-online{background-color:var(--online)}.bg-surface{background-color:var(--surface)}.bg-surface-elevated{background-color:var(--surface-elevated)}.bg-surface-hover{background-color:var(--surface-hover)}.bg-surface-subtle{background-color:var(--surface-subtle)}.bg-telegram-accent{background-color:var(--accent)}.bg-telegram-accentFill{background-color:var(--accent-fill)}.bg-telegram-bg{background-color:var(--bg)}.bg-telegram-danger{background-color:var(--danger)}.bg-telegram-dangerFill{background-color:var(--danger-fill)}.bg-telegram-sidebar{background-color:var(--surface)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.bg-white\/25{background-color:#ffffff40}.bg-white\/90{background-color:#ffffffe6}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[var\(--accent-subtle\)\]{--tw-gradient-from: var(--accent-subtle) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from: rgb(0 0 0 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-0{padding:0!important}.\!p-1{padding:.25rem!important}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!px-2\.5{padding-left:.625rem!important;padding-right:.625rem!important}.\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.\!px-3\.5{padding-left:.875rem!important;padding-right:.875rem!important}.\!px-4{padding-left:1rem!important;padding-right:1rem!important}.\!py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}.\!py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.\!py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.\!py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.\!py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.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-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.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-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.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}.\!pl-4{padding-left:1rem!important}.\!pr-\[76px\]{padding-right:76px!important}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-7{padding-bottom:1.75rem}.pb-\[max\(1\.25rem\,calc\(env\(safe-area-inset-bottom\,0px\)\+0\.75rem\)\)\]{padding-bottom:max(1.25rem,calc(env(safe-area-inset-bottom,0px) + .75rem))}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-1\.5{padding-right:.375rem}.pr-2{padding-right:.5rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[3px\]{padding-top:3px}.pt-\[max\(12px\,env\(safe-area-inset-top\,0px\)\)\]{padding-top:max(12px,env(safe-area-inset-top,0px))}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.\!text-\[11\.5px\]{font-size:11.5px!important}.\!text-\[13px\]{font-size:13px!important}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[19px\]{font-size:19px}.text-\[22px\]{font-size:22px}.text-\[28px\]{font-size:28px}.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-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[18px\]{line-height:18px}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.5em\]{letter-spacing:.5em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-accent{color:var(--accent)!important}.\!text-danger{color:var(--danger)!important}.\!text-online{color:var(--online)!important}.text-accent{color:var(--accent)}.text-accent-fill{color:var(--accent-fill)}.text-bg{color:var(--bg)}.text-danger{color:var(--danger)}.text-fg{color:var(--fg)}.text-fg-subtle{color:var(--fg-subtle)}.text-muted{color:var(--muted)}.text-muted-light{color:var(--muted-light)}.text-online{color:var(--online)}.text-telegram-bg{color:var(--bg)}.text-telegram-danger{color:var(--danger)}.text-telegram-textSecondary{color:var(--muted)}.text-warning{color:var(--warning)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/85{color:#ffffffd9}.text-white\/90{color:#ffffffe6}.text-white\/95{color:#fffffff2}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.accent-\[var\(--accent\)\]{accent-color:var(--accent)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-accent{--tw-shadow: 0 0 20px var(--accent-glow);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-card{--tw-shadow: var(--shadow-card);--tw-shadow-colored: var(--shadow-card);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-dropdown{--tw-shadow: var(--shadow-dropdown);--tw-shadow-colored: var(--shadow-dropdown);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-modal{--tw-shadow: var(--shadow-island);--tw-shadow-colored: var(--shadow-island);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-subtle{--tw-shadow: var(--shadow-subtle);--tw-shadow-colored: var(--shadow-subtle);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-accent{--tw-shadow-color: var(--accent);--tw-shadow: var(--tw-shadow-colored)}.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)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[2px\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.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-\[background-color\,color\,transform\]{transition-property:background-color,color,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;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}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[color-scheme\:light\]{color-scheme:light}:root{--bg: #0e1621;--surface: #17212b;--surface-subtle: #242f3d;--surface-hover: #202b36;--surface-active: #1d2b45;--surface-elevated: #1e2c3a;--surface-glass: rgba(23, 33, 43, .92);--fg: #f2f4f8;--fg-subtle: #9ba8b8;--muted: #8a97a8;--muted-light: #8292a4;--border: #242f3d;--border-subtle: #1c2530;--border-focus: #7384fc;--accent: #7384fc;--accent-hover: #8594fd;--accent-active: #5f70f6;--accent-subtle: #1e284a;--accent-border: #35447a;--accent-fg: #ffffff;--accent-glow: rgba(115, 132, 252, .4);--accent-fill: #4f61e6;--accent-fill-hover: #5466ea;--accent-violet: #7155e8;--brand-gradient: linear-gradient(135deg, var(--accent), var(--accent-violet));--offline: #5b6b7b;--live-red: #d92c2c;--online: #22c55e;--online-subtle: rgba(34, 197, 94, .15);--online-glow: rgba(34, 197, 94, .35);--danger: #f25555;--danger-fill: #d92c2c;--danger-subtle: rgba(239, 68, 68, .15);--warning: #f59e0b;--warning-subtle: rgba(245, 158, 11, .15);--bubble-in: #182533;--bubble-in-fg: #f2f4f8;--bubble-out: #4f62ef;--bubble-out-fg: #ffffff;--bubble-in-meta: #7f8fa3;--bubble-out-meta: rgba(255, 255, 255, .72);--bubble-shadow: rgba(0, 0, 0, .22);--pill-bg: rgba(19, 28, 38, .72);--pill-fg: #dfe6ee;--overlay: rgba(6, 10, 16, .6);--av-0: linear-gradient(135deg, #ff8a65, #f4511e);--av-1: linear-gradient(135deg, #ffb74d, #f57c00);--av-2: linear-gradient(135deg, #81c784, #388e3c);--av-3: linear-gradient(135deg, #4db6ac, #00897b);--av-4: linear-gradient(135deg, #4fc3f7, #0288d1);--av-5: linear-gradient(135deg, #7986cb, #3949ab);--av-6: linear-gradient(135deg, #9575cd, #5e35b1);--av-7: linear-gradient(135deg, #f06292, #c2185b);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .3);--shadow-card: 0 4px 16px -2px rgba(0, 0, 0, .45), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-dropdown: 0 14px 36px -4px rgba(0, 0, 0, .6), 0 0 0 1px var(--border);--shadow-island: 0 16px 48px -6px rgba(0, 0, 0, .75), 0 0 0 1px var(--border);--transition-smooth: all .15s cubic-bezier(.16, 1, .3, 1)}[data-theme=light],:root[data-theme=light]{--bg: #f0f2f5;--surface: #ffffff;--surface-subtle: #f4f5f7;--surface-hover: #eaedf1;--surface-active: #e3e8f8;--surface-elevated: #ffffff;--surface-glass: rgba(255, 255, 255, .92);--fg: #181d27;--fg-subtle: #535f70;--muted: #5e687c;--muted-light: #97a0af;--border: #dfe1e6;--border-subtle: #ebecf0;--border-focus: #5c6ef8;--accent: #4d5ee0;--accent-hover: #4252cc;--accent-active: #3a49b8;--accent-subtle: #eef1fe;--accent-border: #ccd4fa;--accent-fg: #ffffff;--accent-glow: rgba(77, 94, 224, .3);--accent-fill: #4d5ee0;--accent-fill-hover: #4252cc;--accent-violet: #6a4fd0;--brand-gradient: linear-gradient(135deg, var(--accent), var(--accent-violet));--offline: #8d97a5;--live-red: #dc2626;--online: #15803d;--online-subtle: #eafaf1;--online-glow: rgba(21, 128, 61, .3);--danger: #dc2626;--danger-fill: #dc2626;--danger-subtle: #feecee;--warning: #f59e0b;--warning-subtle: #fef7ea;--bubble-in: #ffffff;--bubble-in-fg: #181d27;--bubble-out: #4f62ef;--bubble-out-fg: #ffffff;--bubble-in-meta: #7a8597;--bubble-out-meta: rgba(255, 255, 255, .8);--bubble-shadow: rgba(16, 24, 40, .1);--pill-bg: rgba(255, 255, 255, .82);--pill-fg: #3f4a5c;--overlay: rgba(16, 22, 32, .38);--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .04);--shadow-card: 0 4px 16px -2px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-dropdown: 0 12px 32px -4px rgba(0, 0, 0, .1), 0 0 0 1px var(--border);--shadow-island: 0 16px 40px -6px rgba(0, 0, 0, .15), 0 0 0 1px var(--border)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;overflow:hidden}body{height:var(--vvh, 100%);width:100%;overflow:hidden;position:fixed;top:var(--vvTop, 0px);left:0;right:0;bottom:auto;background-color:var(--bg);color:var(--fg);overscroll-behavior:none;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;transition:background-color .2s ease,color .2s ease}#root{height:100%}::-moz-selection{background:var(--accent-subtle);color:var(--accent)}::selection{background:var(--accent-subtle);color:var(--accent)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}@media (hover: hover){::-webkit-scrollbar-thumb:hover{background:var(--muted)}}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}input:focus,textarea:focus{outline:none}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.composer-padding{padding-left:.5rem;padding-right:.5rem;padding-top:.5rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom,0px))}@media (min-width: 640px){.composer-padding{padding-left:1rem;padding-right:1rem}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-top{padding-top:env(safe-area-inset-top,0px)}.safe-area-left{padding-left:env(safe-area-inset-left,0px)}.safe-area-right{padding-right:env(safe-area-inset-right,0px)}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-inset-top{padding-top:env(safe-area-inset-top,0px)}.overscroll-contain{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.max-h-modal-vvh,.modal-max-h{max-height:calc(var(--vvh, 100vh) - 32px)}.modal-dialog{display:flex;flex-direction:column;max-height:calc(var(--vvh, 100vh) - 32px);overflow:hidden}.modal-header{flex-shrink:0}.modal-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-footer{flex-shrink:0}@media (pointer: coarse){textarea,input[type=text],input[type=password],input[type=search]{font-size:16px}}.chat-pattern{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.035' stroke-width='1.6'%3E%3Cpath d='M20 24c0-5 4-9 9-9h14c5 0 9 4 9 9v8c0 5-4 9-9 9h-8l-7 6v-6c-5 0-8-4-8-9z'/%3E%3Cpath d='M96 116l4-12 12-4-12-4-4-12-4 12-12 4 12 4z'/%3E%3Ccircle cx='112' cy='30' r='7'/%3E%3Cpath d='M108 30l3 3 5-6'/%3E%3Cpath d='M22 96c6-8 16-8 22 0'/%3E%3Ccircle cx='27' cy='88' r='1.5'/%3E%3Ccircle cx='39' cy='88' r='1.5'/%3E%3Cpath d='M78 60h20M78 66h12'/%3E%3Cpath d='M64 132l3-8 8-3-8-3-3-8-3 8-8 3 8 3z'/%3E%3C/g%3E%3C/svg%3E")}[data-theme=light] .chat-pattern{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23000000' stroke-opacity='0.032' stroke-width='1.6'%3E%3Cpath d='M20 24c0-5 4-9 9-9h14c5 0 9 4 9 9v8c0 5-4 9-9 9h-8l-7 6v-6c-5 0-8-4-8-9z'/%3E%3Cpath d='M96 116l4-12 12-4-12-4-4-12-4 12-12 4 12 4z'/%3E%3Ccircle cx='112' cy='30' r='7'/%3E%3Cpath d='M108 30l3 3 5-6'/%3E%3Cpath d='M22 96c6-8 16-8 22 0'/%3E%3Ccircle cx='27' cy='88' r='1.5'/%3E%3Ccircle cx='39' cy='88' r='1.5'/%3E%3Cpath d='M78 60h20M78 66h12'/%3E%3Cpath d='M64 132l3-8 8-3-8-3-3-8-3 8-8 3 8 3z'/%3E%3C/g%3E%3C/svg%3E")}@keyframes gc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gc-pop-in{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:none}}@keyframes gc-sheet-up{0%{opacity:.6;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes gc-pulse-ring{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 18px transparent}to{box-shadow:0 0 0 0 transparent}}.gc-island-host{position:relative;flex:1;min-width:0;height:100%;overflow:hidden}.gc-island{position:absolute;top:0;right:0;bottom:0;left:0}.rail-login-btn{height:32px;padding:0 10px;font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-subtle);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .15s ease,color .15s ease}@media (hover: hover){.rail-login-btn:hover{background:var(--accent-fill);color:#fff}}@keyframes gc-pop{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}@keyframes gc-fade{0%{opacity:0}to{opacity:1}}@keyframes gc-dock-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes gc-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.bottom-nav{flex-shrink:0;display:flex;align-items:stretch;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);z-index:40}.bnav-btn{flex:1;min-width:0;min-height:56px;padding:6px 0 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);background:none;border:none;cursor:pointer;transition:color .15s ease}.bnav-ico{position:relative;width:56px;height:30px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:background-color .15s cubic-bezier(.16,1,.3,1)}.bnav-ico>svg{width:22px;height:22px}.bnav-label{font-size:11px;font-weight:500;line-height:1.1}.bnav-btn.active{color:var(--accent)}.bnav-btn.active .bnav-ico{background:var(--accent-subtle)}.bnav-btn.active .bnav-label{font-weight:600}.bnav-btn:active .bnav-ico{background:var(--surface-hover)}.bnav-btn.active:active .bnav-ico{background:var(--accent-subtle)}.bnav-badge{position:absolute;top:-3px;left:calc(50% + 4px);height:16px;min-width:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--accent-fill);color:#fff;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--surface)}.bnav-dot{position:absolute;top:3px;right:14px;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 2px var(--surface)}.bnav-dot.watch{background:var(--live-red)}.bnav-dot.voice{background:var(--online)}.gc-minibar{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 32px)}.gc-minibar-card{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 8px 8px 10px;background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);animation:gc-pop .18s cubic-bezier(.16,1,.3,1)}.gc-minibar-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0;background:none;border:none;color:inherit;text-align:left;cursor:pointer}.gc-minibar-ico{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.gc-minibar-ico svg{width:20px;height:20px}.gc-minibar-card.voice .gc-minibar-ico{background:var(--online-subtle);color:var(--online)}.gc-minibar-card.watch .gc-minibar-ico{background:var(--danger-subtle);color:var(--live-red)}.gc-minibar-text{display:flex;flex-direction:column;min-width:0}.gc-minibar-title{font-size:13px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-minibar-sub{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.gc-minibar-return{flex-shrink:0;height:32px;padding:0 12px;border:none;border-radius:var(--radius-md);background:var(--accent-fill);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .15s ease}.gc-minibar-close{flex-shrink:0;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:none;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease}.gc-minibar-close svg{width:16px;height:16px}@media (pointer: coarse){.gc-minibar-return{height:40px}.gc-minibar-close{width:40px;height:40px}}@media (hover: hover){.gc-minibar-return:hover{background:var(--accent-fill-hover)}.gc-minibar-close:hover{background:var(--danger-subtle);color:var(--danger)}}@media (max-width: 767px){.gc-minibar{left:12px;right:12px;max-width:none;bottom:calc(68px + env(safe-area-inset-bottom,0px))}}.chat-dock{width:340px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);height:100%;min-width:0}.chat-dock-closed{display:none}.chat-dock-body{flex:1;min-height:0;display:flex;flex-direction:column}.chat-dock-body>*{flex:1;min-height:0}.chat-dock .sub-sidebar{width:100%;border-right:none}.chat-dock-anchor{position:relative;width:0;flex-shrink:0;z-index:45}.chat-dock-handle{position:absolute;top:50%;right:0;transform:translateY(-50%);width:24px;height:56px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);color:var(--muted);border:1px solid var(--border);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;transition:color .15s ease,background-color .15s ease}.chat-dock-handle:before{content:"";position:absolute;top:-8px;right:-2px;bottom:-8px;left:-14px}.chat-dock-handle svg{width:16px;height:16px}.chat-dock-anchor.is-open .chat-dock-handle{right:auto;left:-12px;border-right:1px solid var(--border);border-radius:var(--radius-full)}.chat-dock-anchor.is-open .chat-dock-handle:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.chat-dock-handle-badge{position:absolute;top:-8px;left:-8px;height:16px;min-width:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--accent-fill);color:#fff;font-size:10px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg)}@media (hover: hover){.chat-dock-handle:hover{color:var(--fg);background:var(--surface-hover)}}.chat-dock-guest{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center}.chat-dock-guest-ico{width:56px;height:56px;margin-bottom:4px;border-radius:var(--radius-xl);background:var(--accent-subtle);color:var(--accent);font-size:26px;display:flex;align-items:center;justify-content:center}.chat-dock-guest-ico svg{width:26px;height:26px}.chat-dock-guest-title{font-size:15px;font-weight:600;color:var(--fg)}.chat-dock-guest-text{max-width:240px;font-size:13px;line-height:1.5;color:var(--muted)}.chat-dock-guest-btn{margin-top:8px;height:40px;padding:0 20px;border:none;border-radius:var(--radius-md);background:var(--accent-fill);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.room-dir{width:280px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);height:100%;min-height:0}.room-dir-head{min-height:64px;padding:calc(12px + env(safe-area-inset-top,0px)) 12px 12px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border)}.room-dir-heading{display:flex;flex-direction:column;min-width:0}.room-dir-title{font-size:16px;font-weight:600;line-height:1.25;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-dir-sub{font-size:12px;color:var(--muted)}.room-dir-create-wrap{position:relative;flex-shrink:0}.room-dir-create{height:36px;padding:0 12px 0 10px;display:inline-flex;align-items:center;gap:6px;border:none;border-radius:var(--radius-md);background:var(--accent-fill);color:#fff;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.room-dir-create svg{width:16px;height:16px}.room-dir-create:active{transform:scale(.97)}.room-dir-create:disabled{opacity:.6;cursor:default}.room-dir-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;width:248px;padding:6px;display:flex;flex-direction:column;gap:2px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);transform-origin:top right;animation:gc-pop .15s cubic-bezier(.16,1,.3,1)}.room-dir-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:none;border-radius:var(--radius-md);background:none;color:var(--fg);text-align:left;cursor:pointer;transition:background-color .15s ease}.room-dir-menu-item:hover,.room-dir-menu-item:focus-visible{background:var(--surface-hover)}.room-dir-menu-ico{width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-md);background:var(--accent-subtle);color:var(--accent);display:flex;align-items:center;justify-content:center}.room-dir-menu-ico svg{width:18px;height:18px}.room-dir-menu-text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.room-dir-menu-text b{font-size:14px;font-weight:600}.room-dir-menu-text small{font-size:12px;color:var(--muted)}.room-dir-list{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px;display:flex;flex-direction:column;gap:4px}.room-dir-item{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--fg);text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.room-dir-item-ico{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--muted);display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease}.room-dir-item-ico svg{width:20px;height:20px}.room-dir-item-ico.is-live{background:var(--danger-subtle);color:var(--live-red)}.room-dir-item.active{background:var(--accent-subtle);border-color:var(--accent-border)}.room-dir-item.active .room-dir-item-ico{background:var(--accent-fill);color:#fff}.room-dir-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.room-dir-item-title{font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-dir-item-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden}.room-dir-item-sub>span+span:before{content:"·";margin-right:6px;color:var(--muted)}.room-dir-count{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.room-dir-count svg{width:14px;height:14px}.room-dir-count.has-people{color:var(--online)}.room-dir-here{color:var(--accent);font-weight:600}.room-dir-live{flex-shrink:0;padding:2px 7px;border-radius:var(--radius-full);background:var(--live-red);color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;animation:pulse-red 2s infinite}@media (hover: hover){.room-dir-create:hover{background:var(--accent-fill-hover)}.room-dir-item:hover{background:var(--surface-hover)}.room-dir-item.active:hover{background:var(--accent-subtle)}}.room-dir-skeleton{display:flex;flex-direction:column;gap:4px}.room-dir-skel-item{height:56px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--surface-subtle) 0%,var(--surface-hover) 50%,var(--surface-subtle) 100%);background-size:200% 100%;animation:gc-shimmer 1.2s ease-in-out infinite}.room-dir-empty{margin:auto 0;padding:32px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.room-dir-empty-ico{width:56px;height:56px;margin-bottom:4px;border-radius:var(--radius-xl);background:var(--accent-subtle);color:var(--accent);display:flex;align-items:center;justify-content:center}.room-dir-empty-ico svg{width:26px;height:26px}.room-dir-empty-title{font-size:15px;font-weight:600;color:var(--fg)}.room-dir-empty-text{max-width:240px;font-size:13px;line-height:1.5;color:var(--muted)}.room-dir-empty-btn{margin-top:8px;height:40px;padding:0 18px;border:none;border-radius:var(--radius-md);background:var(--accent-fill);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.room-dir-empty-btn:disabled{opacity:.6;cursor:default}@media (min-width: 768px){.app-shell:has(.room-hero) .room-dir-empty-btn{display:none}}.room-dir-join{padding:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.room-dir-join-row{display:flex;gap:8px}.room-dir-join input{flex:1;min-width:0;height:36px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:13px;transition:border-color .15s ease}.room-dir-join input::-moz-placeholder{color:var(--muted)}.room-dir-join input::placeholder{color:var(--muted)}.room-dir-join input:focus{border-color:var(--accent);outline:2px solid var(--accent-glow);outline-offset:0}.room-dir-join input.has-error{border-color:var(--danger)}.room-dir-join-btn{flex-shrink:0;height:36px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--fg);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s ease}@media (hover: hover){.room-dir-join-btn:hover{background:var(--surface-hover)}}.room-dir-join-error{padding:0 2px;font-size:12px;color:var(--danger)}@media (pointer: coarse){.room-dir-create,.room-dir-join input,.room-dir-join-btn{height:40px}}.room-hero{flex:1;min-width:0;height:100%;overflow-y:auto;display:flex;justify-content:center;padding:32px 24px;background:radial-gradient(ellipse 70% 45% at 50% 0%,var(--accent-subtle) 0%,transparent 70%),var(--bg)}.room-hero-card{width:100%;max-width:440px;margin:auto 0;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.room-hero-icon{width:64px;height:64px;border-radius:var(--radius-xl);background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px -8px var(--accent-glow)}.room-hero-icon svg{width:30px;height:30px}.room-hero-logo{font-size:32px;font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--fg)}.room-hero-logo span{color:var(--accent)}.room-hero-tagline{max-width:400px;font-size:14px;line-height:1.6;color:var(--muted)}.room-hero-actions{width:100%;max-width:320px;margin-top:8px;display:flex;flex-direction:column;align-items:stretch;gap:12px}.room-hero-create{height:44px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-md);background:var(--accent-fill);color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 6px 18px -6px var(--accent-glow);transition:background-color .15s ease,transform .15s ease}.room-hero-create svg{width:18px;height:18px}.room-hero-create:active{transform:scale(.98)}.room-hero-create:disabled{opacity:.6;cursor:default}.gc-switch{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:left;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color .15s ease}.gc-switch:has(input:checked){border-color:var(--accent-border)}.gc-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.gc-switch-track{position:relative;width:36px;height:20px;flex-shrink:0;border-radius:var(--radius-full);background:var(--surface-subtle);box-shadow:inset 0 0 0 1px var(--border);transition:background-color .15s ease}.gc-switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .15s cubic-bezier(.16,1,.3,1)}.gc-switch input:checked+.gc-switch-track{background:var(--accent-fill);box-shadow:none}.gc-switch input:checked+.gc-switch-track:after{transform:translate(16px)}.gc-switch input:focus-visible+.gc-switch-track{outline:2px solid var(--border-focus);outline-offset:2px}.gc-switch-text{display:flex;flex-direction:column;font-size:14px;font-weight:500;line-height:1.3;color:var(--fg)}.gc-switch-text small{font-size:12px;font-weight:400;color:var(--muted)}.room-hero-or{width:100%;max-width:320px;margin-top:4px;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.room-hero-or:before,.room-hero-or:after{content:"";flex:1;height:1px;background:var(--border)}.room-hero-join{width:100%;max-width:320px;display:flex;gap:8px}.room-hero-join input{flex:1;min-width:0;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--fg);font-size:14px;transition:border-color .15s ease}.room-hero-join input::-moz-placeholder{color:var(--muted)}.room-hero-join input::placeholder{color:var(--muted)}.room-hero-join input:focus{border-color:var(--accent);outline:2px solid var(--accent-glow);outline-offset:0}.room-hero-join input[aria-invalid=true]{border-color:var(--danger)}.room-hero-join-btn{flex-shrink:0;height:40px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--fg);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease}.room-hero-error{margin-top:-8px;font-size:12px;color:var(--danger)}.room-hero-features{margin-top:8px;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.room-hero-features li{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);font-size:12px;color:var(--fg-subtle)}@media (hover: hover){.room-hero-create:hover{background:var(--accent-fill-hover)}.room-hero-join-btn:hover{background:var(--surface-hover)}.gc-switch:hover{border-color:var(--muted)}}@media (min-width: 1024px) and (max-width: 1279px){.room-dir{width:248px}.chat-dock{width:320px}}@media (min-width: 1024px){.chat-dock-backdrop{display:none}.app-shell:has(.chat-dock:not(.chat-dock-closed)) .gc-island-watch .chat,.app-shell:has(.chat-dock:not(.chat-dock-closed)) .gc-island-voice .voice-chat-pane{display:none}}@media (max-width: 1023px){.app-shell:has(.gc-island-host) .room-dir{display:none}.chat-dock{position:fixed;right:0;top:0;bottom:0;z-index:50;width:min(340px,88vw);border-left:none;box-shadow:var(--shadow-island);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);animation:gc-dock-in .2s cubic-bezier(.16,1,.3,1)}.chat-dock-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;background:var(--overlay, rgba(0, 0, 0, .45));animation:gc-fade .2s ease-out}.chat-dock-anchor.is-open{z-index:51}.chat-dock-anchor.is-open .chat-dock-handle{position:fixed;left:auto;right:calc(min(340px,88vw) - 12px)}}@media (max-width: 767px){.chat-dock-anchor{display:none}.app-shell:has(.room-hero) .room-dir{width:100%;flex:1;border-right:none}.app-shell:has(.room-hero) .room-hero{display:none}}.upload-progress{width:calc(100% - 24px);max-width:760px;margin:0 auto 6px;padding:8px 12px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--fg);animation:gc-fade-in .16s ease-out}.upload-progress-top{display:flex;align-items:center;gap:8px;font-size:12.5px;margin-bottom:6px}.upload-progress-top b{margin-left:auto;font-variant-numeric:tabular-nums}.upload-progress-top svg{flex-shrink:0;color:var(--accent, #7384fc)}.upload-progress-bar{height:4px;border-radius:999px;background:var(--surface-subtle, rgba(255, 255, 255, .1));overflow:hidden}.upload-progress-bar>div{height:100%;background:var(--accent, #7384fc);border-radius:999px;transition:width .2s ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;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))}.hover\:scale-125:hover{--tw-scale-x: 1.25;--tw-scale-y: 1.25;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))}.hover\:\!bg-danger-subtle:hover{background-color:var(--danger-subtle)!important}.hover\:bg-accent-fill-hover:hover{background-color:var(--accent-fill-hover)}.hover\:bg-accent-subtle:hover{background-color:var(--accent-subtle)}.hover\:bg-black\/30:hover{background-color:#0000004d}.hover\:bg-danger-subtle:hover{background-color:var(--danger-subtle)}.hover\:bg-surface-hover:hover{background-color:var(--surface-hover)}.hover\:bg-telegram-accentFillHover:hover{background-color:var(--accent-fill-hover)}.hover\:bg-telegram-accentHover:hover{background-color:var(--accent-hover)}.hover\:bg-telegram-hover:hover{background-color:var(--surface-hover)}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/25:hover{background-color:#ffffff40}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:\!text-danger:hover{color:var(--danger)!important}.hover\:text-accent-hover:hover{color:var(--accent-hover)}.hover\:text-fg:hover{color:var(--fg)}.hover\:text-telegram-accent:hover{color:var(--accent)}.hover\:text-telegram-danger:hover{color:var(--danger)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-95:hover{opacity:.95}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);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)}.focus\:border-\[var\(--border-focus\)\]:focus{border-color:var(--border-focus)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;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))}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;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))}.group:hover .group-hover\:text-accent{color:var(--accent)}.group:hover .group-hover\:text-danger{color:var(--danger)}.group:hover .group-hover\:text-online{color:var(--online)}.group:hover .group-hover\:opacity-100{opacity:1}.group:active .group-active\:scale-95{--tw-scale-x: .95;--tw-scale-y: .95;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))}.dark\:\[color-scheme\:dark\]:is([data-theme=dark] *){color-scheme:dark}@media (min-width: 640px){.sm\:absolute{position:absolute}.sm\:bottom-full{bottom:100%}.sm\:left-auto{left:auto}.sm\:right-0{right:0}.sm\:right-4{right:1rem}.sm\:top-4{top:1rem}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mb-2{margin-bottom:.5rem}.sm\:ml-auto{margin-left:auto}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:hidden{display:none}.sm\:h-14{height:3.5rem}.sm\:h-16{height:4rem}.sm\:h-44{height:11rem}.sm\:w-14{width:3.5rem}.sm\:w-16{width:4rem}.sm\:w-44{width:11rem}.sm\:w-\[320px\]{width:320px}.sm\:w-\[360px\]{width:360px}.sm\:w-auto{width:auto}.sm\:max-w-\[380px\]{max-width:380px}.sm\:max-w-\[65\%\]{max-width:65%}.sm\:max-w-md{max-width:28rem}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:\!items-start{align-items:flex-start!important}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:\!pt-20{padding-top:5rem!important}.sm\:pb-8{padding-bottom:2rem}.sm\:pt-4{padding-top:1rem}}@media (min-width: 768px){.md\:p-6{padding:1.5rem}}@media (min-width: 1024px){.lg\:w-\[310px\]{width:310px}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}