:root{--bg: #f6f7f9;--panel: #ffffff;--surface: #ffffff;--surface-soft: #f8fafc;--border: #e5e7eb;--text: #0f172a;--muted: #64748b;--accent: #22c55e;--accent-strong: #16a34a;--chat-bg: #f3f4f6;--chat-gradient: radial-gradient(900px circle at 18% -12%, rgba(34, 197, 94, .14), transparent 56%), radial-gradient(900px circle at 92% 6%, rgba(59, 130, 246, .1), transparent 62%), linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);--bubble-in: #ffffff;--bubble-out: #dcfce7;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 1px rgba(15, 23, 42, .04);--shadow-lg: 0 18px 44px rgba(15, 23, 42, .12);--ring: 0 0 0 3px rgba(59, 130, 246, .25);--chat-custom-bg: none;--vv-offset-top: 0px;--keyboard-inset: 0px;--mobile-composer-height: 92px;--call-audio-gradient: radial-gradient(120% 120% at 50% -20%, rgba(191, 253, 247, .95) 0%, rgba(125, 249, 234, .88) 24%, rgba(66, 206, 238, .86) 58%, rgba(62, 130, 255, .86) 100%)}.call-modal-shell{max-width:860px;width:min(92vw,860px);max-height:calc(100dvh - 2rem)!important;border-radius:24px;padding:0;overflow:hidden;border:0!important;background:transparent!important}.call-modal-body{position:relative;min-height:560px;background:radial-gradient(circle at 20% 15%,#ffffff14,#fff0 35%),#121821}.call-modal-body.audio-mode{background:var(--call-audio-gradient)}.call-remote-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .18s ease}.call-remote-video.visible{opacity:1}.call-local-video{position:absolute;right:20px;top:20px;width:220px;max-width:34%;border-radius:16px;border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 28px #00000052;-o-object-fit:cover;object-fit:cover;aspect-ratio:16/9;opacity:0;transition:opacity .18s ease}.call-local-video.visible{opacity:1}.call-modal-overlay{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#f8fafc;background:linear-gradient(180deg,#0b101ce6,#0b101cc2)}.call-modal-overlay.video{background:linear-gradient(180deg,#0b101c73,#0b101cb3)}.call-modal-overlay.video.video-live{background:transparent}.call-modal-overlay.audio-mode{background:linear-gradient(180deg,#03112933,#04132e85)}.call-avatar{width:124px;height:124px;border-radius:999px;overflow:hidden;border:3px solid rgba(255,255,255,.12)}.call-avatar>div{width:100%!important;height:100%!important}.call-title{margin:8px 0 0;font-size:36px;line-height:1.1;font-weight:800}.call-status{margin:0;font-size:20px;opacity:.92}.call-actions{position:absolute;bottom:24px;display:flex;align-items:center;gap:14px}.call-action-btn{min-width:118px;height:46px;border-radius:999px!important;color:#fff!important;display:inline-flex;align-items:center;gap:8px;border:1px solid transparent!important}.call-action-btn.neutral{background:#475569b8!important}.call-action-btn.success{background:#22c55ee6!important}.call-action-btn.danger{background:#ef4444e6!important}.call-action-btn.danger-soft{background:#dc2626b8!important}.call-modal-shell.mobile-fullscreen{top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh!important;margin:0!important;left:0;top:0;transform:none;border-radius:0;overflow:hidden!important}.call-modal-shell.mobile-fullscreen .call-modal-body,.call-modal-shell.mobile-fullscreen .call-modal-overlay{min-height:100dvh;height:100dvh}.call-modal-shell.mobile-fullscreen .call-modal-body{background:var(--call-audio-gradient)}.call-modal-shell.mobile-fullscreen .call-modal-overlay,.call-modal-shell.mobile-fullscreen .call-modal-overlay.video,.call-modal-shell.mobile-fullscreen .call-modal-overlay.video.video-live,.call-modal-shell.mobile-fullscreen .call-modal-overlay.audio-mode{background:linear-gradient(180deg,#05194042,#0825567a)}.call-modal-shell.mobile-fullscreen .call-actions{width:100%;padding:0 14px;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);justify-content:center;flex-wrap:wrap}.settings-av-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-av-field{display:grid;gap:6px}.settings-av-field span{font-size:12px;color:var(--muted-fg)}.settings-av-field select{width:100%;min-height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--fg);padding:0 10px}.settings-mic-meter{height:10px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 76%,transparent);overflow:hidden}.settings-mic-meter-fill{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#f59e0b,#ef4444);transition:width .1s linear}.settings-camera-preview{width:100%;max-height:240px;border-radius:12px;border:1px solid var(--line);background:#101622;-o-object-fit:cover;object-fit:cover}@media (max-width: 900px){.settings-av-grid{grid-template-columns:minmax(0,1fr)}.call-modal-shell,.call-modal-shell.audio-mode,.call-modal-shell.mobile-fullscreen,.call-modal-shell.mobile-fullscreen.audio-mode{right:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;left:0!important;top:0!important;transform:none!important;border-radius:0!important;padding:0!important;gap:0!important;overflow:hidden!important}.call-modal-body,.call-modal-overlay{min-height:100dvh!important;height:100dvh!important}.call-title{font-size:30px}.call-status{font-size:17px}.call-action-btn{min-width:96px;height:42px}.call-modal-shell.mobile-fullscreen,.call-modal-shell.mobile-fullscreen.audio-mode{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;left:0!important;top:0!important;transform:none!important;border-radius:0!important}.call-modal-shell.mobile-fullscreen .call-actions{bottom:calc(env(safe-area-inset-bottom,0px) + 20px)}}:root[data-theme=dark],:root.dark{--bg: #0b1020;--panel: #0f172a;--surface: #0f172a;--surface-soft: #0b1220;--border: #1f2a3a;--text: #e5e7eb;--muted: #94a3b8;--accent: #22c55e;--accent-strong: #16a34a;--chat-bg: #0b1220;--chat-gradient: radial-gradient(900px circle at 20% -14%, rgba(34, 197, 94, .18), transparent 56%), radial-gradient(900px circle at 92% 8%, rgba(59, 130, 246, .12), transparent 62%), linear-gradient(180deg, #0b1220 0%, #0a1020 100%);--bubble-in: #0f1b2e;--bubble-out: #123524;--shadow: 0 1px 2px rgba(0, 0, 0, .35);--shadow-lg: 0 22px 54px rgba(0, 0, 0, .6);--ring: 0 0 0 3px rgba(96, 165, 250, .28);--chat-custom-bg: none;--call-audio-gradient: radial-gradient(120% 120% at 50% -22%, rgba(82, 209, 255, .58) 0%, rgba(30, 168, 255, .48) 24%, rgba(41, 108, 255, .62) 58%, rgba(80, 78, 235, .72) 100%)}*,: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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-2{left:.5rem}.left-3{left:.75rem}.left-\[50\%\]{left:50%}.right-3{right:.75rem}.top-1\/2{top:50%}.top-3{top:.75rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-2\.5{height:.625rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[70vh\]{height:70vh}.h-\[calc\(var\(--app-height\,100vh\)-3rem\)\]{height:calc(var(--app-height,100vh) - 3rem)}.h-\[var\(--app-height\,100vh\)\]{height:var(--app-height,100vh)}.h-full{height:100%}.h-px{height:1px}.max-h-\[70vh\]{max-height:70vh}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.min-h-\[44px\]{min-height:44px}.w-2\.5{width:.625rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-5{min-width:1.25rem}.min-w-\[10rem\]{min-width:10rem}.min-w-\[1180px\]{min-width:1180px}.min-w-\[700px\]{min-width:700px}.min-w-\[820px\]{min-width:820px}.min-w-\[8rem\]{min-width:8rem}.max-w-\[92vw\]{max-width:92vw}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-none{flex:none}.shrink-0{flex-shrink:0}.-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-\[-50\%\]{--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-y-\[-50\%\]{--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))}.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))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.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-\[52px_1fr\]{grid-template-columns:52px 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-\[color\:var\(--border\)\]{border-color:var(--border)}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-emerald-300{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.bg-\[color\:var\(--surface-soft\)\]{background-color:var(--surface-soft)}.bg-black\/40{background-color:#0006}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-violet-600{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.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-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-3{padding-bottom:.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.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}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-\[color\:var\(--muted\)\]{color:var(--muted)}.text-current{color:currentColor}.text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-emerald-900{--tw-text-opacity: 1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-slate-950{--tw-text-opacity: 1;color:rgb(2 6 23 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-70{opacity:.7}.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)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 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-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--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(3px + 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)}.ring-0{--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(0px + 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)}.ring-offset-transparent{--tw-ring-offset-color: transparent}.ring-offset-white{--tw-ring-offset-color: #fff}.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-\[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)}.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-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}*{box-sizing:border-box}html,body{height:100%;margin:0;min-height:100vh;font-family:Manrope,Inter,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;overflow-y:hidden}#root{height:100%;min-height:100vh}.app-layout,.sidebar,.chat-view{overscroll-behavior:none}.auth-screen{height:var(--app-height, 100dvh);min-height:var(--app-height, 100dvh);display:grid;place-items:center;padding:28px;background:radial-gradient(900px circle at 20% 0%,rgba(34,197,94,.12),transparent 55%),radial-gradient(900px circle at 90% 10%,rgba(59,130,246,.1),transparent 60%),var(--bg);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.auth-screen-static{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom));overflow:hidden}.auth-card{width:min(390px,100%);border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-lg);padding:8px 0 2px}.auth-card-header{display:grid;justify-items:center;gap:2px;text-align:center}.auth-card-header p{margin:0;color:var(--muted);font-size:13px}.auth-card-header h2{margin:0;font-size:35px;line-height:1.05;letter-spacing:-.02em}.auth-card-body{display:grid;gap:16px}.auth-subtitle{margin:6px 0 0;font-size:13px;font-weight:500;color:color-mix(in srgb,var(--text) 58%,transparent)}.auth-link{text-align:center;color:var(--muted);font-weight:500;text-decoration:none;padding:2px 0 0}.auth-link:hover{color:color-mix(in srgb,var(--muted) 84%,var(--text));text-decoration:underline}.auth-logo{width:62px;height:62px;margin:0 auto}.auth-form{display:grid;gap:13px}.auth-input input{border-radius:12px;background:var(--surface);box-shadow:0 10px 30px #0f172a17;transition:box-shadow .12s ease,border-color .12s ease}.auth-input input:hover{border-color:color-mix(in srgb,var(--border) 70%,var(--muted))}.auth-input input:focus{box-shadow:var(--ring),0 14px 34px #0f172a1f;border-color:color-mix(in srgb,#3b82f6 66%,var(--border))}.auth-input-nozoom input{font-size:16px!important}.auth-submit-btn{margin-top:2px;min-height:40px;border-radius:999px!important;border:0!important;color:#fff!important;font-weight:700!important;letter-spacing:.03em;background:linear-gradient(90deg,#58c7ff,#8d56ff 55%,#c442f6)!important;box-shadow:0 8px 20px #8d56ff42}.auth-submit-btn:hover{filter:brightness(.98)}.auth-mode-btn{text-transform:none!important;color:#8d93a1!important;font-weight:500!important}.auth-login-screen{position:relative;isolation:isolate;background:transparent}.auth-login-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1100px circle at 50% -24%,rgba(137,227,224,.32),transparent 52%),linear-gradient(180deg,#d8f8f4,#eefcfb 42%,#fff)}.auth-login-shell{width:min(420px,100%);display:grid;gap:20px}.auth-login-header{text-align:center;color:#12374a}.auth-login-header h1{margin:0;font-size:clamp(42px,8vw,54px);line-height:.96;letter-spacing:-.04em;font-weight:800}.auth-login-header p{margin:10px 0 0;font-size:17px;line-height:1.35;color:#12374ab8}.auth-login-form{display:grid;gap:14px;padding:24px 20px;border-radius:24px;background:color-mix(in srgb,#ffffff 72%,transparent);border:1px solid rgba(173,214,226,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 40px #1f5d7229}.auth-login-input>span{color:#12374acc!important;font-size:14px;font-weight:600}.auth-login-input input{min-height:48px;border-radius:14px!important;border-color:#aad2dee6!important;background:#fffffffa!important;box-shadow:none!important;color:#1b2f3f}.auth-login-input input::-moz-placeholder{color:#325c6e80}.auth-login-input input::placeholder{color:#325c6e80}.auth-login-input input:focus{border-color:#6ebfd7!important;box-shadow:0 0 0 3px #6ebfd747!important}.auth-login-submit{min-height:46px;margin-top:2px}.auth-login-actions{display:grid;gap:10px}.auth-login-link{color:#1e5f7af2;font-weight:600}.auth-login-link:hover{color:#0f6f96}.offline-banner,.error-banner{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid #f4d27f;background:#fff8e5;color:#7a5600;box-shadow:var(--shadow)}.error-banner{top:62px;border-color:#f2a9a3;background:#feeceb;color:#8d221c}.app-layout{height:var(--app-height, 100dvh);min-height:var(--app-height, 100dvh);display:grid;grid-template-columns:84px minmax(280px,370px) minmax(0,1fr);gap:0;overflow:hidden}.sidebar{height:var(--app-height, 100dvh);min-height:0;min-width:0;max-width:100%;border-right:1px solid var(--border);background:var(--panel);display:grid;grid-template-rows:auto auto 1fr;gap:10px;padding:14px 10px;overflow:hidden}.sidebar-top{display:flex;justify-content:space-between;align-items:center;min-width:0;padding:4px 2px 6px}.sidebar-top strong{display:block;font-size:24px;line-height:1.1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-top p{margin:3px 0 0;color:var(--muted);font-size:15px}.top-actions{display:flex;gap:6px}.quick-form{display:grid;grid-template-columns:1fr;gap:0;align-items:center;min-width:0;width:100%}.quick-form label,.quick-form input{width:100%;max-width:100%;min-width:0}.chat-search-wrap{position:relative;width:100%;min-width:0;overflow:clip}.chat-search-wrap>*{max-width:100%}.chat-search-suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:60;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);border-radius:14px;padding:6px;display:grid;gap:4px;box-shadow:0 16px 40px #0f172a2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:min(62vh,480px);overflow-y:auto}:root[data-theme=dark] .chat-search-suggest{box-shadow:0 18px 44px #0000008c}.chat-suggest-item{border:1px solid transparent;background:transparent;border-radius:12px;padding:10px;cursor:pointer;text-align:left;color:inherit;display:grid;gap:2px}.chat-suggest-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--muted) 80%,var(--text));padding:6px 8px 2px}.chat-suggest-divider{height:1px;background:color-mix(in srgb,var(--border) 75%,transparent);margin:3px 4px}.chat-suggest-note{font-size:12px;color:var(--muted);padding:0 8px 4px}.chat-suggest-item:hover{background:color-mix(in srgb,var(--surface) 88%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.chat-suggest-item.action{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent-strong);font-weight:700}.chat-suggest-title{font-size:14px;font-weight:700;line-height:1.15}.chat-suggest-sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list{display:flex;flex-direction:column;gap:8px;padding-right:4px;min-height:0;overflow:auto;align-items:stretch}.chat-item{width:100%;min-height:72px;height:auto;flex:0 0 auto;border:1px solid transparent;border-radius:14px;background:transparent;text-align:left;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 10px;cursor:pointer;color:inherit;transition:background-color .15s ease,border-color .15s ease;overflow:hidden}.chat-item:hover{background:color-mix(in srgb,var(--surface) 82%,transparent)}.chat-item.active{background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--text)}.chat-item.active time,.chat-item.active p{color:var(--muted)}.chat-item-main{min-width:0;overflow:hidden}.chat-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-item-head-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}.chat-item-head strong{font-size:16px;font-weight:700;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-head time{font-size:12px;color:var(--muted);margin-left:auto}.chat-item-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:var(--accent-strong);color:#fff;font-size:11px;font-weight:700;line-height:1}.chat-item-main p{margin:3px 0 0;color:var(--muted);font-size:14px}.chat-item-preview{display:flex;align-items:center;gap:4px;min-width:0}.chat-status{display:inline-flex;align-items:center;line-height:1}.chat-item-preview span:last-child{display:block;min-width:0;max-width:100%;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-status.read svg+svg{margin-left:-4px}.chat-view{height:var(--app-height, 100dvh);display:flex;flex-direction:column;position:relative;min-width:0;min-height:0;background:var(--chat-custom-bg) center / cover no-repeat,var(--chat-gradient)}.chat-view:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:color-mix(in srgb,var(--bg) 10%,transparent);z-index:0}.chat-header{background:var(--surface);border-bottom:1px solid var(--border);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.chat-header-main{display:flex;align-items:center;gap:10px}.chat-header-main h3{margin:0;font-size:20px;line-height:1.15;font-weight:700}.chat-header-main p{margin:2px 0 0;font-size:14px;color:var(--muted)}.chat-header-actions{display:flex;gap:6px}.chat-header-user-trigger,.chat-header-avatar-trigger{border:none;background:transparent;padding:0}.chat-header-user-trigger{min-width:0;text-align:left;display:grid;gap:2px}.chat-header-avatar-trigger{display:inline-grid;place-items:center;border-radius:999px;cursor:pointer}.chat-header-user-trigger:disabled,.chat-header-avatar-trigger:disabled{cursor:default;opacity:.78}.chat-header-user-trigger:focus-visible,.chat-header-avatar-trigger:focus-visible{outline:none;box-shadow:var(--ring)}.chat-toolbar{display:flex;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);position:relative;z-index:1}.chat-toolbar>:first-child{flex:1 1 auto}.message-list{display:grid;gap:8px;padding:14px 16px;min-height:0;overflow:auto;flex:1 1 auto;position:relative;z-index:1;isolation:isolate}.message-list-wrap{position:relative;min-height:0;flex:1 1 auto;display:flex;flex-direction:column}.history-loader{display:flex;justify-content:center;padding:10px 0 2px;color:var(--muted);font-size:12px}.empty-state{margin:auto;width:min(360px,calc(100% - 32px));border:1px dashed var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 90%,transparent);padding:20px 16px;text-align:center;color:var(--muted);display:grid;justify-items:center;gap:8px}.empty-state svg{width:22px;height:22px;opacity:.75}.empty-state strong{color:var(--text);font-size:14px;font-weight:700}.empty-state p{margin:0;font-size:13px;line-height:1.35}.empty-state.small{margin:12px auto;width:calc(100% - 8px);padding:16px 12px}.sticky-date{position:sticky;top:8px;margin:8px auto;width:-moz-fit-content;width:fit-content;padding:4px 10px;border-radius:999px;font-size:12px;color:color-mix(in srgb,var(--text) 68%,var(--bg));background:color-mix(in srgb,var(--surface) 64%,var(--bg) 36%);border:1px solid color-mix(in srgb,var(--border) 78%,var(--bg) 22%);box-shadow:0 6px 14px #0f172a24;z-index:52;isolation:isolate;pointer-events:none}.message-row{display:flex;margin-bottom:2px;position:relative}.message-row.mine{justify-content:flex-end}.message-row.selection-mode:not(.mine){padding-left:34px}.message-row.selection-mode.mine{padding-right:34px}.message-select-dot{position:absolute;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:999px;border:2px solid color-mix(in srgb,var(--muted) 70%,var(--border));background:color-mix(in srgb,var(--surface) 92%,transparent);cursor:pointer;display:inline-grid;place-items:center;box-shadow:0 10px 18px #0f172a14}.message-select-dot.left{left:8px}.message-select-dot.right{right:8px}.message-select-dot.checked{border-color:color-mix(in srgb,#4aa4ff 75%,var(--border));background:#4aa4ff}.message-select-dot.checked:after{content:"✓";font-size:14px;line-height:1;color:#fff;transform:translateY(-1px)}.pinned-bar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 95%,transparent)}.topics-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.topic-chip{border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);color:color-mix(in srgb,var(--text) 85%,transparent);font-size:13px;line-height:1;padding:7px 10px;border-radius:999px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .12s ease,border-color .12s ease,color .12s ease}.topic-chip:hover{background:color-mix(in srgb,var(--surface) 86%,transparent)}.topic-chip.active{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));background:color-mix(in srgb,var(--accent) 18%,transparent);color:color-mix(in srgb,var(--text) 92%,transparent)}.topic-add{margin-left:auto;white-space:nowrap}.pinned-bar-main{border:none;background:transparent;text-align:left;padding:0;cursor:pointer;display:grid;gap:2px;min-width:0}.pinned-bar-label{font-size:12px;color:#2b8a3e;font-weight:700}.pinned-bar-text{font-size:13px;color:color-mix(in srgb,var(--text) 82%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-bubble{position:relative;max-width:min(700px,82%);border-radius:14px;background:var(--bubble-in);border:1px solid color-mix(in srgb,var(--border) 72%,transparent);padding:6px 10px 5px;box-shadow:var(--shadow);touch-action:pan-y}.message-bubble.selected{border-color:color-mix(in srgb,#5aa8ff 70%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,#5aa8ff 45%,transparent),var(--shadow)}:root[data-theme=dark] .message-bubble.selected{border-color:color-mix(in srgb,#4aa4ff 75%,#18263d);box-shadow:0 0 0 1px #4aa4ff61}.message-bubble.selected:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#58a4ff3d;pointer-events:none}:root[data-theme=dark] .message-bubble.selected:before{background:#368fde57}.message-bubble.sticker-only.selected:before{display:none}.message-bubble.mine{background:var(--bubble-out)}.message-bubble:after{content:"";position:absolute;bottom:0;left:-6px;width:10px;height:10px;background:var(--bubble-in);border-left:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);transform:skew(-30deg);border-bottom-left-radius:2px}.message-bubble.mine:after{left:auto;right:-6px;background:var(--bubble-out);border-left:none;border-right:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);transform:skew(30deg);border-bottom-left-radius:0;border-bottom-right-radius:2px}.message-bubble.highlight{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 72%,transparent)}.message-bubble strong{font-size:12px;color:#0d6be4}.message-bubble p{margin:0 0 2px;white-space:pre-wrap;font-size:15px;line-height:1.26}.message-bubble footer{display:flex;justify-content:flex-end;align-items:center;gap:6px;color:var(--muted);font-size:10px;line-height:1}.status-double-check{display:inline-flex;align-items:center;line-height:1}.status-double-check svg+svg{margin-left:-4px}.message-edited{opacity:.8}.message-bubble.mine footer{color:#5fad63}.message-bubble.reply-enabled{cursor:ew-resize}.message-reply-preview{margin:0 0 6px;padding:4px 8px;border-left:3px solid #cc7a2f;border-radius:8px;background:#cc7a2f1f;display:grid;gap:1px}.message-reply-preview b{font-size:12px;color:#cc7a2f;line-height:1.2}.message-reply-preview span{font-size:12px;color:color-mix(in srgb,var(--text) 82%,transparent);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-reactions{margin-top:5px;display:flex;flex-wrap:wrap;gap:4px}.message-reaction-chip{border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);padding:1px 6px;display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--text)}.message-selected{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);border-radius:16px}.message-pinned .message-bubble{box-shadow:0 0 0 2px #f39c1247}.message-context-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.message-menu-open,.message-menu-open *{-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important}.message-reaction-bar{position:fixed;display:flex;align-items:center;gap:6px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);border-radius:999px;padding:8px 10px;box-shadow:0 12px 30px #0f172a2e}.message-reaction-option{border:none;background:transparent;cursor:pointer;font-size:30px;line-height:1;padding:0 2px}.message-context-menu{position:fixed;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);border-radius:14px;box-shadow:0 16px 36px #0f172a33;min-width:240px;overflow:hidden;display:grid}.message-context-menu button{border:none;background:transparent;text-align:left;padding:10px 14px;font-size:17px;cursor:pointer}.message-context-menu button:hover{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.attachment-preview{display:flex;gap:6px;flex-wrap:wrap}.voice-message{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);margin:4px 0}.message-bubble.mine .voice-message{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.voice-play{width:34px;height:34px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);display:grid;place-items:center;font-size:14px;line-height:1}.voice-play:disabled{opacity:.6}.voice-meta{display:grid;gap:2px}.voice-title{font-weight:700;font-size:13px}.voice-sub{font-size:12px;color:var(--muted)}.video-note{margin:6px 0 2px}.video-note-player{width:240px;max-width:100%;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent)}.message-bubble.sticker-only{background:transparent!important;border:none!important;box-shadow:none!important;padding:0;max-width:180px}.message-bubble.sticker-only:after{display:none}.message-bubble.sticker-only strong{display:block;margin:0 0 4px 2px}.sticker-message{position:relative;width:148px;height:148px}.sticker-preview{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.sticker-preview img{width:148px;height:148px;-o-object-fit:cover;object-fit:cover;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 95%,transparent)}.attachment-open,.attachment-file-btn{border:none;background:transparent;padding:0;cursor:pointer;text-align:left}.sticker-preview .attachment-open img{width:148px;height:148px;-o-object-fit:cover;object-fit:cover;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 95%,transparent);display:block}.attachment-file-btn:focus-visible,.attachment-open:focus-visible{outline:none;box-shadow:var(--ring);border-radius:10px}.image-loading{width:148px;height:148px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--border) 65%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--surface) 92%,transparent));background-size:240% 100%;animation:imgshimmer 1.1s ease-in-out infinite;position:relative;overflow:hidden}.image-open{position:absolute;inset:auto 10px 10px 10px;height:32px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 85%,transparent);color:color-mix(in srgb,var(--text) 90%,transparent);font-size:12px;font-weight:700}@keyframes imgshimmer{0%{background-position:0% 0%}to{background-position:100% 0%}}.sticker-message img{width:148px;height:148px;-o-object-fit:cover;object-fit:cover;border-radius:16px;display:block}.sticker-meta{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#fff;text-shadow:0 1px 3px rgba(15,23,42,.65);opacity:0;pointer-events:none;transition:opacity .15s ease}.message-bubble.sticker-only:hover .sticker-meta{opacity:1}.sticker-meta time,.sticker-meta .message-status,.sticker-meta .message-status svg{color:#fff!important;stroke:#fff;fill:currentColor}.composer-wrap{border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);padding:10px 12px calc(10px + env(safe-area-inset-bottom));position:relative;flex:0 0 auto;margin-top:auto;z-index:1}.selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 95%,transparent)}.reply-banner{font-size:12px;color:var(--muted);margin-bottom:6px;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-radius:10px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.reply-banner.editing{border-color:color-mix(in srgb,#3b82f6 50%,var(--border));background:color-mix(in srgb,#3b82f6 12%,var(--surface))}.reply-banner-main{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-banner-main strong{color:var(--accent-strong)}.composer-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.composer-row{display:grid;grid-template-columns:auto auto 1fr auto;gap:8px;align-items:end}.composer-row.mobile-layout{grid-template-columns:auto 1fr auto}.composer-input-wrap{position:relative}.composer-input-textarea{padding-right:50px}.composer-circle-btn{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important}.composer-emoji-inside{position:absolute!important;right:6px;bottom:6px;width:34px!important;height:34px!important;min-width:34px!important;border-radius:8px!important}.composer-send-btn{border-radius:12px!important}.composer-action-btn.is-send{background:linear-gradient(135deg,#8ec5ff,#6f9dff)!important;border-color:transparent!important;color:#f8fafc!important}.composer-action-btn.is-recording{background:#dc2626e0!important;border-color:transparent!important;color:#fff!important}.folder-rail{height:var(--app-height, 100dvh);min-height:0;border-left:1px solid var(--border);background:var(--panel);padding:10px 8px;display:grid;align-content:start;justify-items:center;gap:8px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.folder-rail.left{border-left:none;border-right:1px solid var(--border)}.folder-rail-item{width:54px;height:54px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.folder-rail-item:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));color:var(--text)}.folder-rail-item.active{background:color-mix(in srgb,var(--accent) 18%,var(--surface));border-color:color-mix(in srgb,var(--accent) 70%,var(--border));color:var(--accent-strong)}.modal-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:16px}.modal-list{display:grid;gap:8px}.modal-list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--surface) 80%,transparent)}.modal-folder-meta{min-width:0;flex:1 1 auto}.modal-folder-head{display:flex;align-items:center;gap:8px}.modal-folder-head>:first-child{flex:1 1 auto;min-width:0}.modal-folder-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.modal-list-item strong{display:block;font-size:14px}.modal-list-item p{margin:2px 0 0;font-size:12px;color:var(--muted)}.modal-empty{text-align:center;color:var(--muted);padding:14px}.forward-search-row{margin-bottom:10px}.forward-folders-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:8px}.forward-folder-chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:13px;white-space:nowrap;cursor:pointer}.forward-folder-chip.active{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.forward-targets-list{max-height:52vh;overflow:auto;display:grid;gap:6px}.forward-target-item{border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;cursor:pointer;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:10px;padding:8px 10px;align-items:center}.forward-target-item:hover{background:color-mix(in srgb,var(--surface) 75%,transparent);border-color:color-mix(in srgb,var(--border) 70%,transparent)}.forward-target-item strong{display:block;font-size:15px;line-height:1.2}.forward-target-item p{margin:2px 0 0;font-size:13px;color:var(--muted)}.delete-option{display:flex;align-items:center;gap:8px;font-size:15px}.group-create-step{display:grid;gap:12px;padding-top:4px}.group-create-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.group-create-chips{display:flex;flex-wrap:wrap;gap:8px}.group-member-chip{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);border-radius:999px;padding:6px 10px;font-size:13px;cursor:pointer}.group-member-chip span{opacity:.7}.group-create-contacts{border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding-top:10px}.group-create-label{font-size:13px;color:var(--muted);margin-bottom:8px}.group-create-contact-grid{display:flex;flex-wrap:wrap;gap:8px}.group-contact-item{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:13px;cursor:pointer}.group-contact-item.active{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.file-btn{border:1px solid var(--border);border-radius:999px;padding:8px 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:var(--surface);color:var(--text);font-size:13px}.group-avatar-preview{width:44px;height:44px;border-radius:999px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--border)}.group-settings-head{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:start;margin-top:6px}.group-settings-avatar{display:grid;gap:10px;justify-items:center}.group-settings-fields{display:grid;gap:10px}.group-settings-about{width:100%;border-radius:12px;border:1px solid var(--border);padding:10px 12px;background:var(--surface);color:var(--text);font:inherit;resize:vertical;min-height:84px}.group-settings-list{display:grid;margin-top:14px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding-top:10px;max-height:min(52vh,560px);overflow:auto;padding-right:4px}.group-settings-row{border:none;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;padding:10px 6px;cursor:pointer;border-radius:10px}.group-settings-row:hover{background:color-mix(in srgb,var(--surface) 75%,transparent)}.group-settings-row b{color:var(--muted);font-weight:600}.group-settings-row.checkbox{cursor:default}.group-settings-subhead{margin-top:12px;padding:8px 6px 6px;color:var(--muted);font-size:13px}.group-settings-member-add{display:grid;grid-template-columns:1fr auto;gap:10px;padding:0 6px 10px}.group-settings-members{display:grid;gap:8px;padding:0 6px 6px}.group-settings-member{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.group-settings-member-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.group-topics-list{display:grid;gap:8px;padding:0 6px 2px}.group-topic-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.settings-panel{display:grid;gap:12px;min-width:0;min-height:0;overflow-x:hidden;border:0;border-radius:0;background:transparent;padding:0}.settings-mobile-menu{display:grid;gap:8px}.settings-mobile-shell{display:grid;gap:14px;min-height:0;height:100%;padding:2px 0 8px;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-mobile-menu-head{display:flex;align-items:center;gap:10px;padding:0 2px}.settings-mobile-menu-head strong{font-size:18px;line-height:1.2;font-weight:700;color:var(--text)}.settings-mobile-menu-exit{width:36px;height:36px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--text);display:grid;place-items:center}.settings-mobile-menu-exit svg{width:18px;height:18px}.settings-mobile-profile-card{width:100%;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:30px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--bg) 4%),color-mix(in srgb,var(--surface-soft) 94%,var(--bg) 6%));padding:22px 16px 20px;display:grid;justify-items:center;gap:9px;color:var(--text);text-align:center;box-shadow:0 1px 2px #0f172a0a}.settings-mobile-profile-card strong{font-size:23px;line-height:1.15;font-weight:700}.settings-mobile-profile-card>span{font-size:15px;color:var(--muted)}.settings-mobile-avatar-wrap{position:relative;width:100px;height:100px}.settings-mobile-avatar{width:100px;height:100px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface-soft) 92%,transparent);display:grid;place-items:center;color:color-mix(in srgb,var(--text) 92%,transparent);font-size:42px;font-weight:700;overflow:hidden}.settings-mobile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.settings-mobile-online-dot{position:absolute;right:4px;bottom:4px;width:17px;height:17px;border-radius:999px;background:#38d07a;border:2px solid color-mix(in srgb,var(--surface) 85%,transparent)}.settings-mobile-group{border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:28px;background:color-mix(in srgb,var(--surface) 95%,var(--bg) 5%);box-shadow:0 1px 2px #0f172a09;overflow:hidden}.settings-mobile-item{width:100%;border:0;background:transparent;min-height:62px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;color:var(--text);text-align:left;transition:background-color .12s ease}.settings-mobile-item:active{background:color-mix(in srgb,var(--surface-soft) 74%,transparent)}.settings-mobile-item+.settings-mobile-item{border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.settings-mobile-item-left{display:inline-flex;align-items:center;gap:13px;min-width:0;font-size:16px;font-weight:500;line-height:1.2}.settings-mobile-item-left svg{width:22px;height:22px;color:var(--muted);flex:0 0 auto}.settings-mobile-item-right{display:inline-flex;align-items:center;gap:8px;margin-left:10px}.settings-mobile-item-value{font-size:16px;color:var(--muted);white-space:nowrap}.settings-mobile-item-chevron{width:20px;height:20px;color:var(--muted)}.settings-push-mode{display:grid;gap:6px}.settings-push-mode span{font-size:12px;color:var(--muted)}.settings-push-mode select{width:100%;min-height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 10px}:root[data-theme=dark] .settings-mobile-profile-card,:root.dark .settings-mobile-profile-card{border-color:#94a3b833;background:linear-gradient(180deg,#1d202ff5,#181b29f5);box-shadow:0 1px 2px #00000059}:root[data-theme=dark] .settings-mobile-group,:root.dark .settings-mobile-group{border-color:#94a3b833;background:#1b1e2df5;box-shadow:0 1px 2px #0000004d}:root[data-theme=dark] .settings-mobile-item+.settings-mobile-item,:root.dark .settings-mobile-item+.settings-mobile-item{border-top-color:#94a3b82e}:root[data-theme=dark] .settings-mobile-item:active,:root.dark .settings-mobile-item:active{background:#94a3b81a}:root[data-theme=dark] .settings-mobile-online-dot,:root.dark .settings-mobile-online-dot{border-color:#111827eb}:root[data-theme=dark] .settings-mobile-menu-exit,:root.dark .settings-mobile-menu-exit{border-color:#94a3b83d;background:#1b1e2de6;color:var(--text)}.settings-mobile-row{border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--surface) 96%,transparent);border-radius:14px;min-height:48px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;color:var(--text);font-size:16px}.settings-mobile-row svg{color:var(--muted)}.settings-mobile-head{display:flex;align-items:center;gap:10px;margin-bottom:2px}.settings-mobile-head strong{font-size:18px;line-height:1.2}.settings-mobile-back{width:36px;height:36px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent);display:grid;place-items:center}.settings-dialog{width:min(920px,calc(100vw - 32px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden!important}.settings-tabs-root{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:start;min-width:0;min-height:0;height:min(74vh,760px);max-height:min(74vh,760px)}.settings-tabs-list{position:sticky;top:0;height:auto!important;display:grid!important;grid-auto-flow:row;align-items:stretch;gap:4px!important;width:100%!important;background:color-mix(in srgb,var(--surface) 96%,transparent)!important;border:1px solid var(--border);border-radius:14px;padding:8px!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 35%,transparent)}.settings-tabs-trigger{width:100%;justify-content:flex-start!important;text-align:left;min-height:36px}.settings-tab-content{margin-top:0!important;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:100%;padding-right:4px}.settings-section-card{border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 96%,transparent);padding:12px}.settings-section-title{font-size:14px;line-height:1.2;font-weight:700;color:color-mix(in srgb,var(--text) 92%,transparent)}.settings-section-value{margin-top:6px;font-size:14px;color:color-mix(in srgb,var(--text) 78%,transparent);word-break:break-word}.settings-inner-card{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface-soft) 94%,transparent);padding:10px}.settings-inner-title{font-size:12px;font-weight:700;color:color-mix(in srgb,var(--text) 82%,transparent)}.settings-hint{font-size:12px;color:var(--muted)}.settings-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.settings-danger{color:#d53a3a}.settings-wallpaper,.settings-twofa{display:grid;gap:10px}.twofa-box{display:grid;gap:8px;border:1px solid var(--border);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--surface) 90%,transparent)}.twofa-hint{font-size:12px;color:var(--muted)}.twofa-secret,.twofa-uri{overflow:auto;white-space:nowrap;border:1px dashed var(--border);border-radius:8px;padding:6px 8px}.twofa-secret code,.twofa-uri code{font-size:12px}.twofa-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.twofa-required{margin-top:4px;display:block;color:#d32f2f;font-size:12px;line-height:1.35}.twofa-qr{margin:8px 0;display:flex;align-items:center;justify-content:center}.twofa-qr img{width:180px;height:180px;border-radius:14px;background:#fff;padding:8px;box-shadow:0 10px 30px #00000014}.twofa-codes{display:grid;gap:4px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.twofa-codes code{font-size:12px;border:1px solid var(--border);border-radius:8px;padding:4px 6px}.settings-wallpaper-head{display:grid;gap:2px}.settings-wallpaper-head strong{font-size:14px}.settings-wallpaper-sub{font-size:12px;color:var(--muted)}.settings-theme{display:grid;gap:10px}.theme-mode-row{display:flex;gap:8px;flex-wrap:wrap}.preset-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.preset-card{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);border-radius:14px;padding:8px;display:grid;grid-template-columns:46px 1fr;gap:10px;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease}.preset-card:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--surface) 90%,transparent)}.preset-card.active{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.preset-swatch{width:46px;height:46px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background-size:cover;background-position:center}.preset-meta{display:grid;gap:2px;align-content:center;min-width:0}.preset-title{font-size:13px;font-weight:700;color:color-mix(in srgb,var(--text) 92%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-sub{font-size:12px;color:var(--muted)}.wallpaper-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.wallpaper-upload{font-size:13px;color:var(--muted);border:1px dashed var(--border);padding:8px 10px;border-radius:10px;cursor:pointer}.wallpaper-upload input{display:none}.wallpaper-preview{height:110px;border-radius:14px;border:1px solid var(--border);background-color:var(--chat-bg);background-size:cover;background-position:center;background-repeat:no-repeat}.profile-avatar-row{display:flex;align-items:center;gap:12px}.avatar-upload{font-size:13px;color:var(--muted);border:1px dashed var(--border);padding:8px 10px;border-radius:10px;cursor:pointer}.avatar-upload input{display:none}.save-profile-btn{border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent-strong);font-size:13px;font-weight:600;border-radius:10px;padding:8px 12px;cursor:pointer}.save-profile-btn:disabled{opacity:.6;cursor:default}.emoji-panel{position:absolute;left:64px;right:64px;bottom:calc(100% + 8px);max-height:260px;overflow:auto;display:grid;gap:8px;padding:8px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 95%,transparent);z-index:30;box-shadow:0 10px 24px #0f172a26}.emoji-panel-tabs{display:flex;gap:8px}.emoji-tab{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:10px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.emoji-tab.active{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.emoji-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.emoji-btn{border:none;background:transparent;cursor:pointer;border-radius:8px;font-size:20px;line-height:1;padding:4px}.emoji-btn:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.sticker-picker{display:grid;gap:8px}.sticker-pack-tabs{display:flex;gap:6px;flex-wrap:wrap}.sticker-pack-tab{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}.sticker-pack-tab.active{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.sticker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.sticker-btn{border:1px solid transparent;border-radius:12px;padding:2px;background:transparent;cursor:pointer}.sticker-btn img{width:100%;height:auto;display:block;border-radius:10px}.sticker-btn:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));background:color-mix(in srgb,var(--accent) 10%,transparent)}.settings-panel h4{margin:0;font-size:20px}.chat-info-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none}.chat-info-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a3d;opacity:0;transition:opacity .2s ease}.chat-info-panel{position:absolute;top:0;right:0;width:min(370px,94vw);height:100%;overflow:auto;background:color-mix(in srgb,var(--surface-soft) 94%,transparent);border-left:1px solid var(--border);box-shadow:-20px 0 40px #0f172a29;transform:translate(100%);transition:transform .22s ease}.chat-info-drawer.open{pointer-events:auto}.chat-info-drawer.open .chat-info-backdrop{opacity:1}.chat-info-drawer.open .chat-info-panel{transform:translate(0)}.chat-info-header{padding:12px 12px 14px;border-bottom:1px solid var(--border);display:grid;justify-items:center;gap:8px;background:color-mix(in srgb,var(--surface-soft) 90%,transparent)}.chat-info-header>:nth-child(2){width:88px;height:88px}.chat-info-header>:first-child{justify-self:start}.chat-info-header h3{margin:2px 0 0;font-size:30px;line-height:1.05;text-align:center}.chat-info-header p{margin:0;color:color-mix(in srgb,var(--accent) 85%,var(--text));font-size:18px}.chat-info-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-soft) 90%,transparent)}.chat-info-action-card{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);border-radius:10px;padding:9px 6px;display:grid;justify-items:center;gap:8px;cursor:pointer;color:var(--text)}.chat-info-action-card svg{width:20px;height:20px}.chat-info-action-card span{font-size:14px}.chat-info-section{margin-top:8px;padding:12px;background:color-mix(in srgb,var(--surface) 96%,transparent);border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;gap:14px}.chat-info-item strong{display:block;font-size:17px;line-height:1.2;color:var(--text);word-break:break-word}.chat-info-item span{margin-top:2px;display:block;font-size:13px;color:var(--muted)}.chat-info-section.compact{gap:10px}.chat-info-row{display:flex;align-items:center;gap:12px;color:#1f2937}.chat-info-row svg{width:22px;height:22px}.chat-info-row span{font-size:16px}.chat-info-row.action{border:none;background:transparent;text-align:left;cursor:pointer;padding:0}.chat-info-row.action.danger{color:#db4f50}.chat-info-notice{position:sticky;bottom:10px;margin:10px 12px;padding:8px 10px;border-radius:10px;font-size:13px;color:#0f5132;border:1px solid #8ed1ae;background:#e8f7ef}@media (max-width: 1200px){.app-layout{grid-template-columns:76px minmax(260px,330px) minmax(0,1fr)}.sidebar-top strong{font-size:20px}}@media (max-width: 960px){.app-layout{grid-template-columns:68px minmax(240px,300px) minmax(0,1fr)}.sidebar{padding:12px 8px}}@media (max-width: 860px){.auth-screen{padding:14px}.auth-screen-static{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.auth-card{width:min(370px,100%)}.auth-card-header h2{font-size:31px}.auth-login-shell{gap:16px}.auth-login-form{padding:18px 16px;border-radius:20px}.auth-login-header h1{font-size:clamp(36px,11vw,48px)}.auth-login-header p{font-size:15px}.app-layout.mobile{grid-template-columns:1fr;height:100%;min-height:100%}.app-layout.mobile .folder-rail{display:none}.app-layout.mobile .sidebar,.app-layout.mobile .chat-view{grid-column:1;height:100%;min-height:0}.app-layout.mobile .sidebar{padding-top:max(22px,calc(12px + env(safe-area-inset-top)));padding-bottom:max(10px,calc(10px + env(safe-area-inset-bottom)))}.app-layout.mobile .chat-view{position:relative;overflow:hidden;padding-top:var(--chat-header-height, 86px);padding-bottom:0}.app-layout.mobile .message-list{padding-bottom:calc(var(--mobile-composer-height, 92px) + var(--keyboard-inset, 0px) + 12px)}.app-layout.mobile .chat-header{position:fixed;left:0;right:0;top:0;z-index:25;padding:max(14px,calc(8px + env(safe-area-inset-top))) 10px 10px;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-layout.mobile .composer-wrap{border-top:0;position:fixed;left:0;right:0;bottom:var(--keyboard-inset, 0px);z-index:26;background:transparent;margin-top:0;padding:2px 10px max(4px,env(safe-area-inset-bottom))}.app-layout.mobile .composer-wrap:before{content:"";position:absolute;left:0;right:0;top:-28px;bottom:0;background:linear-gradient(180deg,#f4f7fc00,#f4f7fc47 52%,#f4f7fc8f);pointer-events:none;z-index:0}:root[data-theme=dark] .app-layout.mobile .composer-wrap:before,:root.dark .app-layout.mobile .composer-wrap:before{background:linear-gradient(180deg,#070c1800,#070c1838 52%,#070c187a)}.app-layout.mobile .composer-wrap>*{position:relative;z-index:1}:root.keyboard-open .app-layout.mobile .composer-wrap{padding-bottom:2px}.app-layout.mobile .composer-row{gap:10px;align-items:flex-end}.app-layout.mobile .composer-circle-btn{width:54px!important;height:54px!important;min-width:54px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;background:color-mix(in srgb,var(--surface) 88%,transparent)!important;color:color-mix(in srgb,var(--text) 90%,transparent)!important;box-shadow:0 8px 16px #0f172a24;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}:root[data-theme=dark] .app-layout.mobile .composer-circle-btn,:root.dark .app-layout.mobile .composer-circle-btn{border-color:color-mix(in srgb,var(--border) 72%,#9ca3af 28%)!important;background:color-mix(in srgb,var(--surface) 78%,#000 22%)!important;box-shadow:0 10px 20px #0206174d}.app-layout.mobile .composer-action-btn.is-voice{background:color-mix(in srgb,var(--surface) 88%,transparent)!important}.app-layout.mobile .composer-action-btn.is-send{background:linear-gradient(135deg,#8ec5ff,#6f9dff)!important;border-color:transparent!important;color:#f8fafc!important}:root[data-theme=dark] .app-layout.mobile .composer-action-btn.is-send,:root.dark .app-layout.mobile .composer-action-btn.is-send{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}.app-layout.mobile .composer-input-wrap{border:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;border-radius:28px;background:color-mix(in srgb,var(--surface) 90%,transparent)!important;box-shadow:0 8px 16px #0f172a24;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}:root[data-theme=dark] .app-layout.mobile .composer-input-wrap,:root.dark .app-layout.mobile .composer-input-wrap{border-color:color-mix(in srgb,var(--border) 72%,#9ca3af 28%)!important;background:color-mix(in srgb,var(--surface) 78%,#000 22%)!important;box-shadow:0 10px 20px #02061747}.app-layout.mobile .composer-input-textarea{min-height:54px;border:0!important;border-radius:28px!important;background:transparent!important;color:color-mix(in srgb,var(--text) 94%,transparent)!important;padding:14px 52px 14px 18px;line-height:1.25;box-shadow:none!important}.app-layout.mobile .composer-input-textarea::-moz-placeholder{color:color-mix(in srgb,var(--text) 52%,transparent)}.app-layout.mobile .composer-input-textarea::placeholder{color:color-mix(in srgb,var(--text) 52%,transparent)}.app-layout.mobile .composer-input-textarea:focus-visible{outline:none;box-shadow:none!important}.app-layout.mobile .composer-emoji-inside{width:38px!important;height:38px!important;min-width:38px!important;border-radius:999px!important;right:8px;bottom:8px;border:0!important;background:transparent!important;color:color-mix(in srgb,var(--text) 72%,transparent)!important}.app-layout.mobile .chat-header-main{width:100%;gap:10px}.app-layout.mobile .chat-header-actions{display:none}.app-layout.mobile .chat-header-back-btn{width:42px!important;min-width:42px!important;height:42px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 90%,transparent)}.app-layout.mobile .chat-header-user-trigger{flex:1 1 auto;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:20px;background:color-mix(in srgb,var(--surface) 86%,transparent);padding:6px 14px;min-width:0}.app-layout.mobile .chat-header-user-trigger h3{margin:0;font-size:19px;line-height:1.1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-layout.mobile .chat-header-user-trigger p{margin:1px 0 0;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-layout.mobile .chat-header-avatar-trigger{width:44px;height:44px;min-width:44px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--surface) 90%,transparent)}.app-layout.mobile .message-bubble,.app-layout.mobile .message-context-layer,.app-layout.mobile .message-context-layer *{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.app-layout.mobile input,.app-layout.mobile textarea,.app-layout.mobile select{font-size:16px!important}.app-layout.mobile .folder-rail-item{width:46px;height:46px}.sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sticker-preview img,.sticker-message,.sticker-message img{width:128px;height:128px}.chat-info-panel{width:100vw}.chat-info-header{padding-top:max(24px,calc(10px + env(safe-area-inset-top)))}.chat-info-header>:first-child{margin-top:4px}.chat-info-header h3{font-size:28px}.chat-info-header p{font-size:16px}.settings-dialog{width:100vw!important;max-width:100vw!important;left:50%!important;top:0!important;transform:translate(-50%)!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border:0!important;box-shadow:none!important;padding:max(8px,calc(env(safe-area-inset-top) + 2px)) 10px max(8px,calc(env(safe-area-inset-bottom) + 2px))!important;gap:10px!important}.create-group-dialog{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;top:max(10px,env(safe-area-inset-top))!important;transform:translate(-50%)!important;max-height:calc(100dvh - max(10px,env(safe-area-inset-top)) - max(10px,env(safe-area-inset-bottom)))!important}.create-group-dialog input,.create-group-dialog textarea,.create-group-dialog select{font-size:16px!important}.settings-panel{padding:0;gap:10px;min-height:0;height:100%}.settings-mobile-shell{gap:10px;padding-bottom:4px}.settings-mobile-profile-card{border-radius:26px;padding:18px 14px 16px}.settings-mobile-profile-card strong{font-size:20px}.settings-mobile-avatar-wrap,.settings-mobile-avatar{width:84px;height:84px}.settings-mobile-avatar{font-size:34px}.settings-mobile-group{border-radius:26px}.settings-mobile-row{min-height:52px;font-size:17px}.settings-tabs-root{grid-template-columns:1fr;gap:10px;height:100%;max-height:none}.settings-tabs-list{position:static;display:flex!important;flex-wrap:nowrap;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap;scrollbar-width:none}.settings-tabs-list::-webkit-scrollbar{display:none}.settings-tabs-trigger{width:auto;min-width:-moz-max-content;min-width:max-content;justify-content:center!important;flex:0 0 auto}.settings-tab-content{height:100%;max-height:none;padding-right:0}.theme-mode-row{gap:6px}.theme-mode-row button{min-height:34px;padding-inline:12px!important}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.preset-card{grid-template-columns:1fr;justify-items:center;gap:0;padding:8px 6px}.preset-swatch{width:54px;height:54px}.preset-meta{display:none}}@media (max-width: 480px){.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.preset-swatch{width:50px;height:50px}}.placeholder\:text-slate-500::-moz-placeholder{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.placeholder\:text-slate-500::placeholder{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.hover\:bg-\[color\:var\(--surface-soft\)\]:hover{background-color:var(--surface-soft)}.hover\:bg-red-600\/90:hover{background-color:#dc2626e6}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-100\/70:hover{background-color:#f1f5f9b3}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-900\/90:hover{background-color:#0f172ae6}.hover\:text-\[color\:var\(--text\)\]:hover{color:var(--text)}.hover\:opacity-100:hover{opacity:1}.focus\:bg-slate-100:focus{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.focus\:text-slate-900:focus{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--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-visible\:ring-\[color\:var\(--accent\)\]:focus-visible{--tw-ring-color: var(--accent)}.focus-visible\:ring-slate-400\/40:focus-visible{--tw-ring-color: rgb(148 163 184 / .4)}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width: 0px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;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))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;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))}.data-\[state\=checked\]\:border-slate-900[data-state=checked]{--tw-border-opacity: 1;border-color:rgb(15 23 42 / var(--tw-border-opacity, 1))}.data-\[state\=active\]\:bg-\[color\:var\(--surface\)\][data-state=active]{background-color:var(--surface)}.data-\[state\=checked\]\:bg-slate-900[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.data-\[state\=open\]\:bg-slate-100[data-state=open]{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.data-\[state\=unchecked\]\:bg-slate-200[data-state=unchecked]{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.data-\[state\=active\]\:text-\[color\:var\(--text\)\][data-state=active]{color:var(--text)}.data-\[state\=checked\]\:text-white[data-state=checked]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:border-emerald-900\/40:is(.dark *){border-color:#064e3b66}.dark\:border-red-900\/40:is(.dark *){border-color:#7f1d1d66}.dark\:border-slate-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.dark\:border-slate-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.dark\:border-slate-900:is(.dark *){--tw-border-opacity: 1;border-color:rgb(15 23 42 / var(--tw-border-opacity, 1))}.dark\:bg-emerald-950\/40:is(.dark *){background-color:#022c2266}.dark\:bg-red-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.dark\:bg-red-950\/30:is(.dark *){background-color:#450a0a4d}.dark\:bg-red-950\/40:is(.dark *){background-color:#450a0a66}.dark\:bg-slate-50:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-900\/40:is(.dark *){background-color:#0f172a66}.dark\:bg-slate-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-950\/40:is(.dark *){background-color:#02061766}.dark\:text-emerald-100:is(.dark *){--tw-text-opacity: 1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))}.dark\:text-emerald-200:is(.dark *){--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.dark\:text-red-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-slate-100:is(.dark *){--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.dark\:text-slate-50:is(.dark *){--tw-text-opacity: 1;color:rgb(248 250 252 / var(--tw-text-opacity, 1))}.dark\:text-slate-900:is(.dark *){--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.dark\:ring-offset-slate-950:is(.dark *){--tw-ring-offset-color: #020617}.dark\:placeholder\:text-slate-500:is(.dark *)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.dark\:placeholder\:text-slate-500:is(.dark *)::placeholder{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-red-500\/90:hover:is(.dark *){background-color:#ef4444e6}.dark\:hover\:bg-slate-50\/90:hover:is(.dark *){background-color:#f8fafce6}.dark\:hover\:bg-slate-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-slate-800\/80:hover:is(.dark *){background-color:#1e293bcc}.dark\:hover\:bg-slate-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.dark\:focus\:bg-slate-800:focus:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:focus\:text-slate-50:focus:is(.dark *){--tw-text-opacity: 1;color:rgb(248 250 252 / var(--tw-text-opacity, 1))}.dark\:data-\[state\=checked\]\:border-slate-50[data-state=checked]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(248 250 252 / var(--tw-border-opacity, 1))}.dark\:data-\[state\=checked\]\:bg-slate-50[data-state=checked]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.dark\:data-\[state\=checked\]\:bg-slate-900[data-state=checked]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.dark\:data-\[state\=open\]\:bg-slate-800[data-state=open]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:data-\[state\=unchecked\]\:bg-slate-800[data-state=unchecked]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:data-\[state\=checked\]\:text-slate-900[data-state=checked]:is(.dark *){--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:max-w-\[820px\]{max-width:820px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:.5rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:text-left{text-align:left}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}.md\:h-full{height:100%}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-\[260px_1fr\]{grid-template-columns:260px 1fr}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:p-6{padding:1.5rem}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}