@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--color-red-400:#ff6568;--color-amber-300:#ffd236;--color-emerald-400:#00d294;--color-rose-500:#ff2357;--color-slate-400:#90a1b9;--color-slate-950:#020618;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-400:lab(63.7053% 60.7449 31.3109);--color-amber-300:lab(86.4156% 6.13147 78.3961);--color-emerald-400:lab(75.0771% -60.7313 19.4146);--color-rose-500:lab(56.101% 79.4329 31.4532);--color-slate-400:lab(65.5349% -2.25151 -14.5072);--color-slate-950:lab(1.76974% 1.32743 -9.28855)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1\/2{top:50%}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-2{bottom:calc(var(--spacing) * 2)}.col-span-2{grid-column:span 2/span 2}.m-4{margin:calc(var(--spacing) * 4)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-0\.5{height:calc(var(--spacing) * .5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-\[20px\]{height:20px}.h-full{height:100%}.h-px{height:1px}.max-h-\[58vh\]{max-height:58vh}.max-h-\[300px\]{max-height:300px}.max-h-\[320px\]{max-height:320px}.min-h-0{min-height:calc(var(--spacing) * 0)}.w-0\.5{width:calc(var(--spacing) * .5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-14{width:calc(var(--spacing) * 14)}.w-28{width:calc(var(--spacing) * 28)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[48px\]{max-width:48px}.max-w-\[340px\]{max-width:340px}.max-w-\[min\(520px\,72vw\)\]{max-width:min(520px,72vw)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[20px\]{min-width:20px}.min-w-\[220px\]{min-width:220px}.min-w-\[260px\]{min-width:260px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.resize-none{resize:none}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.grid-flow-col{grid-auto-flow:column}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[18px_1fr\]{grid-template-columns:18px 1fr}.grid-cols-\[40px_minmax\(0\,1fr\)_auto\]{grid-template-columns:40px minmax(0,1fr) auto}.grid-cols-\[44px_1fr_auto\]{grid-template-columns:44px 1fr auto}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.\!items-stretch{align-items:stretch!important}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.\!gap-0{gap:calc(var(--spacing) * 0)!important}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[3px\]{gap:3px}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[--sidebar-bg\]{border-color:--sidebar-bg}.border-\[--stroke\]{border-color:--stroke}.bg-\[\#31a24c\]{background-color:#31a24c}.bg-\[--accent-faint\]{background-color:--accent-faint}.bg-\[--accent-soft\]{background-color:--accent-soft}.bg-\[--accent\]{background-color:--accent}.bg-\[--chat-bg\]{background-color:--chat-bg}.bg-\[--sidebar-bg\]{background-color:--sidebar-bg}.bg-\[--stroke\]{background-color:--stroke}.bg-\[--surface-raised\]{background-color:--surface-raised}.bg-\[--surface-soft\]{background-color:--surface-soft}.bg-\[--surface\]{background-color:--surface}.bg-\[--timeline-bg\]{background-color:--timeline-bg}.bg-\[color-mix\(in_srgb\,var\(--text-faint\)_20\%\,transparent\)\]{background-color:var(--text-faint)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--text-faint\)_20\%\,transparent\)\]{background-color:color-mix(in srgb,var(--text-faint) 20%,transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-slate-950\/80{background-color:#020618cc}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/80{background-color:color-mix(in oklab, var(--color-slate-950) 80%, transparent)}}.bg-transparent{background-color:#0000}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black\/70{--tw-gradient-from:#000000b3}@supports (color:color-mix(in lab, red, red)){.from-black\/70{--tw-gradient-from:color-mix(in oklab, var(--color-black) 70%, transparent)}}.from-black\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-amber-300{fill:var(--color-amber-300)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-geist-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[--accent-ink\]{color:--accent-ink}.text-\[--accent\]{color:--accent}.text-\[--text-faint\]{color:--text-faint}.text-\[--text-muted\]{color:--text-muted}.text-\[--text-primary\]{color:--text-primary}.text-amber-300{color:var(--color-amber-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-red-400{color:var(--color-red-400)}.text-rose-500{color:var(--color-rose-500)}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.uppercase{text-transform:uppercase}.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,)}.opacity-70{opacity:.7}.shadow-\[0_0_8px_rgba\(52\,211\,153\,0\.4\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#34d39966);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[scrollbar-width\:none\]{scrollbar-width:none}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.placeholder\:text-\[--text-faint\]::placeholder{color:--text-faint}.placeholder\:text-\[--text-muted\]::placeholder{color:--text-muted}.focus-within\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--accent\)_25\%\,transparent\)\]:focus-within{--tw-shadow:0 0 0 2px var(--tw-shadow-color,var(--accent))}@supports (color:color-mix(in lab, red, red)){.focus-within\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--accent\)_25\%\,transparent\)\]:focus-within{--tw-shadow:0 0 0 2px var(--tw-shadow-color,color-mix(in srgb,var(--accent) 25%,transparent))}}.focus-within\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--accent\)_25\%\,transparent\)\]:focus-within{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.03\]:hover{scale:1.03}.hover\:border-\[--text-muted\]:hover{border-color:--text-muted}.hover\:bg-\[--accent-soft\]:hover{background-color:--accent-soft}.hover\:bg-\[--stroke\]:hover{background-color:--stroke}.hover\:bg-\[--surface-soft\]:hover{background-color:--surface-soft}.hover\:bg-\[color-mix\(in_srgb\,var\(--surface-soft\)_88\%\,var\(--text-primary\)\)\]:hover{background-color:var(--surface-soft)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--surface-soft\)_88\%\,var\(--text-primary\)\)\]:hover{background-color:color-mix(in srgb,var(--surface-soft) 88%,var(--text-primary))}}.hover\:text-\[--accent\]:hover{color:--accent}.hover\:text-\[--text-muted\]:hover{color:--text-muted}.hover\:text-\[--text-primary\]:hover{color:--text-primary}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}}.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[--accent\]:focus{--tw-ring-color:--accent}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:48rem){.md\:hidden{display:none}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}:root{--font-geist-sans:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--font-geist-mono:"SFMono-Regular", "Cascadia Code", Consolas, monospace;--bg-0:#020409;--bg-1:#050916;--bg-2:#08111f;--surface-1:#0a121fb8;--surface-2:#0f1a2bc7;--surface-3:#162338db;--surface-solid:#0b1220;--surface-elevated:#111b2d;--stroke-1:#94a3b824;--stroke-2:#e2e8f014;--text-1:#f8fafc;--text-2:#cbd5e1;--text-3:#8492a8;--brand:#5eead4;--brand-2:#38bdf8;--brand-3:#8b5cf6;--brand-ink:#001b2b;--danger:#fb7185;--success:#34d399;--shadow-soft:0 8px 32px #00000061;--shadow-deep:0 28px 90px #0000008c;--blur-heavy:blur(18px) saturate(1.35);--ease-out:cubic-bezier(.16, 1, .3, 1);--glass-noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.22' filter='url(%23n)'/%3E%3C/svg%3E");--background:var(--bg-0);--foreground:var(--text-1);--panel:var(--surface-1);--panel-solid:var(--surface-solid);--panel-soft:var(--surface-2);--line:var(--stroke-1);--muted:var(--text-3);--accent:var(--brand-2);--accent-strong:var(--brand);--accent-soft:#38bdf81f}*{box-sizing:border-box}html,body{background:var(--bg-0);min-height:100%;color:var(--text-1);font-family:var(--font-geist-sans), Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #5eead4c7}h1,h2,p{margin:0}h1{color:var(--text-1);letter-spacing:-.03em;font-size:clamp(34px,4.6vw,58px);font-weight:760;line-height:.98}h2{color:var(--text-1);letter-spacing:-.02em;font-size:20px;font-weight:730}.muted,.auth-switch,.empty-state,.no-chat p{color:var(--text-3)}.eyebrow{color:var(--brand);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;margin:0 0 8px;font-size:11px;font-weight:780;display:inline-flex}.auth-screen{isolation:isolate;background:radial-gradient(circle at 20% 16%,#38bdf82e,#0000 30%),radial-gradient(circle at 78% 76%,#8b5cf624,#0000 34%),linear-gradient(145deg,#020409,#07111f 54%,#020409);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-art{z-index:-1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:-6%}.auth-art:before{content:"";background-color:#0000;background-image:linear-gradient(#5eead40f 1px,#0000 1px),linear-gradient(90deg,#38bdf80f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:12% 10%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 66%);mask-image:radial-gradient(circle,#000 0%,#0000 66%)}.auth-art-svg{opacity:.8;width:min(1200px,118vw);height:auto}.auth-panel{border:1px solid var(--stroke-1);background:linear-gradient(180deg, #0f1a2bd1, #08111fb8), var(--glass-noise);background-blend-mode:normal, soft-light;width:min(100%,430px);-webkit-backdrop-filter:var(--blur-heavy);backdrop-filter:var(--blur-heavy);box-shadow:var(--shadow-deep), inset 0 1px 0 #ffffff14;border-radius:24px;gap:24px;padding:34px;display:grid;position:relative}.auth-panel:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff0f;position:absolute;inset:0}.auth-switch a{color:var(--brand);font-weight:720;text-decoration:none}.auth-form,.dialog{gap:16px;display:grid}label{color:var(--text-2);gap:8px;font-size:13px;font-weight:690;display:grid}input,textarea{border:1px solid var(--stroke-1);width:100%;color:var(--text-1);background:#0206176b;border-radius:14px;outline:none;padding:13px 14px}input::placeholder,textarea::placeholder{color:#94a3b8bd}input:focus,textarea:focus{border-color:#5eead494;box-shadow:0 0 0 3px #5eead41a}.form-error{color:var(--danger);font-size:13px;font-weight:720}.primary-button,.ghost-button,.icon-button,.back-button,.conversation-item,.segmented button,.upload-button,.header-actions button,.message-action-btn,.scroll-to-bottom-btn{border:0;border-radius:14px}.primary-button{background:radial-gradient(circle at 50% 20%, #ffffff5c, transparent 32%), linear-gradient(135deg, var(--brand), var(--brand-2) 48%, var(--brand-3));color:#00111f;min-height:44px;transition:transform .16s var(--ease-out), filter .16s ease, box-shadow .16s ease;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:780;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 12px 34px #38bdf83d,0 0 46px #5eead41f}.primary-button:hover{filter:saturate(1.12)brightness(1.06);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff29,0 16px 44px #38bdf852,0 0 62px #5eead433}.primary-button:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.32);pointer-events:none}.ghost-button{border:1px solid var(--stroke-1);min-height:42px;color:var(--text-3);background:#0f1a2b94;justify-content:center;align-items:center;gap:8px;margin:14px;font-weight:690;transition:color .16s,background .16s,border-color .16s;display:inline-flex}.ghost-button:hover{color:var(--text-1);background:#162338d1;border-color:#5eead44d}.icon-button{background:radial-gradient(circle at 45% 25%, #ffffff57, transparent 32%), linear-gradient(135deg, var(--brand), var(--brand-2));width:40px;height:40px;color:var(--brand-ink);transition:transform .16s var(--ease-out), filter .16s ease;place-items:center;display:grid;box-shadow:0 10px 30px #38bdf83d}.icon-button:hover{filter:brightness(1.08);transform:translateY(-1px)scale(1.04)}.chat-shell{background:radial-gradient(circle at 16% 12%, #38bdf821, transparent 28%), radial-gradient(circle at 88% 84%, #8b5cf61f, transparent 34%), linear-gradient(135deg, var(--bg-0), var(--bg-1) 46%, #02040a);grid-template-columns:392px minmax(0,1fr);height:100vh;display:grid;position:relative;overflow:hidden}.chat-shell:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#5eead406 1px,#0000 1px),linear-gradient(90deg,#38bdf806 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:56px 56px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 62% 48%,#000 0%,#0000 74%);mask-image:radial-gradient(circle at 62% 48%,#000 0%,#0000 74%)}.sidebar{z-index:2;border-right:1px solid var(--stroke-1);background:linear-gradient(180deg, #08111fdb, #050916d1), var(--glass-noise);background-blend-mode:normal, soft-light;min-width:0;-webkit-backdrop-filter:var(--blur-heavy);backdrop-filter:var(--blur-heavy);grid-template-rows:auto auto auto 1fr auto;display:grid;position:relative;box-shadow:18px 0 52px #00000057,inset -1px 0 #ffffff08}.sidebar-header,.conversation-header{align-items:center;gap:12px;display:flex}.sidebar-header{justify-content:space-between;padding:20px 18px 12px}.sidebar-user{align-items:center;gap:12px;min-width:0;display:flex}.sidebar-user>div,.conversation-header>div{gap:2px;min-width:0;display:grid}.sidebar-user strong,.conversation-header strong{color:var(--text-1);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-weight:760;overflow:hidden}.sidebar-user small{color:var(--text-3);font-size:12px;font-weight:620}.user-avatar-btn{background:0 0;border:0;border-radius:14px;flex-shrink:0;padding:0;position:relative;overflow:hidden}.avatar-camera-overlay{border-radius:inherit;color:#fff;opacity:0;background:#0206178f;place-items:center;transition:opacity .16s;display:grid;position:absolute;inset:0}.user-avatar-btn:hover .avatar-camera-overlay{opacity:1}.trust-strip{gap:8px;padding:0 16px 14px;display:flex}.trust-strip span{min-height:32px;color:var(--text-2);white-space:nowrap;background:#5eead40f;border:1px solid #5eead426;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:720;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.search-wrap{border:1px solid var(--stroke-1);background:#0206175c;border-radius:16px;grid-template-columns:18px 1fr;align-items:center;gap:9px;margin:0 16px 12px;padding:10px 13px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid;box-shadow:inset 0 1px #ffffff0a}.search-wrap:focus-within{background:#0206178a;border-color:#5eead46b;box-shadow:0 0 0 3px #5eead414}.search-wrap svg{color:var(--text-3)}.search-wrap input{box-shadow:none;background:0 0;border:0;border-radius:0;padding:4px 0}.search-wrap input:focus{box-shadow:none}.conversation-list{scrollbar-width:thin;scrollbar-color:#94a3b852 transparent;padding:4px 10px 12px;overflow-y:auto}.conversation-item{width:100%;color:var(--text-1);text-align:left;transition:transform .16s var(--ease-out), background .16s ease, border-color .16s ease, box-shadow .16s ease;background:0 0;border:1px solid #0000;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:13px;padding:12px;display:grid}.conversation-item:hover{background:#0f1a2b9e;border-color:#94a3b81f;transform:translateY(-1px);box-shadow:0 12px 30px #0000003d}.conversation-item.active{background:linear-gradient(135deg,#5eead41a,#38bdf812),#0f1a2bcc;border-color:#5eead442;box-shadow:0 12px 34px #00000047,inset 0 1px #ffffff0d}.conversation-item>span,.skeleton-copy{gap:5px;min-width:0;display:grid}.conversation-title-row,.conversation-preview-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.conversation-title-row strong,.conversation-preview-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-title-row strong{color:var(--text-1);letter-spacing:-.01em;font-size:14px;font-weight:760}.conversation-title-row small{color:var(--text-3);flex:none;font-size:11px;font-weight:640}.conversation-preview-row small{color:var(--text-3);font-size:12px}.conversation-preview-row b{background:linear-gradient(135deg, var(--brand), var(--brand-2));min-width:20px;height:20px;color:var(--brand-ink);border-radius:999px;flex:none;place-items:center;padding:0 7px;font-size:11px;font-weight:780;line-height:1;display:grid;box-shadow:0 8px 22px #38bdf838}.skeleton-avatar,.skeleton-line{box-shadow:none!important;background:linear-gradient(90deg,#94a3b81a,#94a3b833,#94a3b81a)!important}.skeleton-line{border-radius:999px;height:12px}.skeleton-line.short{width:120px}.skeleton-line.long{width:180px}.avatar{object-fit:cover;letter-spacing:-.02em;border-radius:16px;place-items:center;width:48px;height:48px;font-weight:880;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 28px #00000038}.conversation-pane{background:radial-gradient(circle at 30% 10%,#38bdf817,#0000 28%),radial-gradient(circle at 78% 88%,#8b5cf617,#0000 34%),linear-gradient(#050916,#020409);grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;display:grid;position:relative;overflow:hidden}.conversation-pane:before{content:"";pointer-events:none;background:#ffffff04;border:1px solid #94a3b814;border-radius:34px;position:absolute;inset:74px 24px 78px;box-shadow:inset 0 1px #ffffff0a}.conversation-header{z-index:5;border-bottom:1px solid var(--stroke-1);-webkit-backdrop-filter:var(--blur-heavy);backdrop-filter:var(--blur-heavy);background:linear-gradient(#08111fd6,#08111fa3);padding:17px 20px;position:sticky;top:0;box-shadow:0 10px 38px #0000003d}.conversation-header small{color:var(--text-3);align-items:center;gap:7px;font-size:12px;font-weight:650;display:inline-flex}.back-button{border:1px solid var(--stroke-1);min-height:36px;color:var(--text-2);background:#0f1a2bb8;align-items:center;gap:6px;padding:0 12px;display:none}@keyframes presence-pulse{0%,to{box-shadow:0 0 #34d3997a}60%{box-shadow:0 0 0 7px #34d39900}}.presence-dot{background:var(--success);border-radius:999px;flex:none;width:8px;height:8px;animation:2.2s infinite presence-pulse}.presence-dot.connecting,.presence-dot.reconnecting{background:#fbbf24;animation:1.35s infinite presence-pulse}.presence-dot.offline{background:#fb7185;animation:none;box-shadow:0 0 0 4px #fb71851f}.header-actions{gap:8px;margin-left:auto;display:flex}.header-actions button{border:1px solid var(--stroke-1);width:38px;height:38px;color:var(--text-2);transition:color .16s ease, background .16s ease, border-color .16s ease, transform .16s var(--ease-out);background:#0f1a2b94;place-items:center;display:grid}.header-actions button:hover{color:var(--brand);background:#5eead41a;border-color:#5eead447;transform:translateY(-1px)}.message-list{z-index:1;scrollbar-width:thin;scrollbar-color:#94a3b852 transparent;flex-direction:column;gap:8px;padding:26px 32px;display:flex;position:relative;overflow-y:auto}.conversation-notice{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-width:min(620px,90%);color:var(--text-3);box-shadow:var(--shadow-soft);background:#0f1a2b94;border:1px solid #5eead429;border-radius:999px;align-self:center;align-items:center;gap:8px;margin:4px 0 16px;padding:8px 13px;font-size:12px;font-weight:650;display:inline-flex}.date-separator{color:var(--text-3);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:12px;margin:9px 0 4px;font-size:11px;font-weight:720;display:flex}.date-separator:before,.date-separator:after{content:"";background:linear-gradient(90deg,#0000,#94a3b829,#0000);flex:1;height:1px}.message-wrap{flex-direction:column;align-items:flex-start;max-width:min(680px,78%);display:flex}.message-wrap.mine{align-self:flex-end;align-items:flex-end}.message-sender{color:var(--text-3);margin:0 0 4px 5px;font-size:12px;font-weight:730}.message{width:fit-content;min-width:64px;max-width:100%;color:var(--text-1);background:linear-gradient(#162338f0,#0f1a2bf0);border:1px solid #e2e8f012;border-radius:18px 18px 18px 4px;gap:6px;padding:10px 14px;display:grid;position:relative;box-shadow:0 8px 32px #0000005c,inset 0 1px #ffffff0b}.message.grouped{border-top-left-radius:7px;margin-top:-3px}.message.mine{color:#f8ffff;background:radial-gradient(circle at 24% 0,#ffffff38,#0000 30%),linear-gradient(135deg,#0f766e,#0891b2 52%,#2563eb);border-color:#5eead438;border-radius:18px 18px 4px;box-shadow:0 10px 34px #0891b23d,0 8px 32px #00000047,inset 0 1px #ffffff24}.message.mine.grouped{border-top-left-radius:18px;border-top-right-radius:7px}.message p{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.48}.message time{color:#cbd5e19e;justify-self:end;font-size:10.5px;font-weight:620;line-height:1}.message.mine time{color:#f0fdfab8}.message img{object-fit:cover;border-radius:14px;max-width:min(420px,100%);max-height:320px}.reply-quote{border-left:3px solid var(--brand);color:var(--text-2);cursor:pointer;background:#02061738;border-radius:11px;gap:2px;padding:7px 10px;font-size:13px;display:grid}.message.mine .reply-quote{color:#ffffffdb;background:#ffffff29;border-left-color:#ffffffd1}.reply-quote strong{color:inherit;font-size:12px;font-weight:760}.message-actions{opacity:0;transition:opacity .14s ease, transform .14s var(--ease-out);gap:4px;margin-top:4px;display:flex;transform:translateY(-2px)}.message-wrap:hover .message-actions{opacity:1;transform:translateY(0)}.message-action-btn{border:1px solid var(--stroke-1);width:28px;height:28px;color:var(--text-3);background:#0f1a2bd6;place-items:center;transition:color .14s,background .14s,border-color .14s;display:grid;box-shadow:0 8px 24px #00000047}.message-action-btn:hover{color:var(--brand);background:#5eead41a;border-color:#5eead452}.typing-line{z-index:4;min-height:22px;color:var(--text-3);padding:0 32px;font-size:12px;position:relative}@keyframes typing-bounce{0%,60%,to{opacity:.42;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.typing-dots{vertical-align:middle;align-items:center;gap:3px;margin-left:2px;display:inline-flex}.typing-dots span{background:currentColor;border-radius:999px;width:5px;height:5px;animation:1.2s ease-in-out infinite typing-bounce}.typing-dots span:nth-child(2){animation-delay:.18s}.typing-dots span:nth-child(3){animation-delay:.36s}.scroll-to-bottom-btn{z-index:8;border:1px solid var(--stroke-1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:38px;height:38px;color:var(--text-2);box-shadow:var(--shadow-soft);transition:transform .14s var(--ease-out), color .14s ease, background .14s ease;background:#0f1a2bc7;place-items:center;display:grid;position:absolute;bottom:112px;right:24px}.scroll-to-bottom-btn:hover{color:var(--brand);background:#5eead41a;transform:translateY(2px)}.reply-bar{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1a2bc2;border:1px solid #5eead433;border-bottom:0;border-radius:20px 20px 0 0;align-items:flex-start;gap:10px;margin:0 22px;padding:10px 14px 8px;display:flex;position:relative;box-shadow:0 -8px 28px #0003}.reply-bar-content{flex:1;min-width:0}.reply-bar-content strong{color:var(--brand);margin-bottom:2px;font-size:12px;font-weight:780;display:block}.reply-bar-content span{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.reply-bar button{border:1px solid var(--stroke-1);width:28px;height:28px;color:var(--text-3);background:#0206174d;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.composer{z-index:6;background:linear-gradient(180deg, #0f1a2bd6, #08111fc7), var(--glass-noise);background-blend-mode:normal, soft-light;-webkit-backdrop-filter:var(--blur-heavy);backdrop-filter:var(--blur-heavy);border:1px solid #e2e8f01a;border-radius:26px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:end;gap:10px;margin:0 22px 18px;padding:10px;transition:border-color .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 -10px 42px #00000057,0 8px 32px #00000047,inset 0 1px #ffffff0f}.composer:before{content:"";pointer-events:none;background:linear-gradient(#0000,#020409b8);height:32px;position:absolute;inset:-32px -8px auto}.composer:focus-within{border-color:#5eead45c;box-shadow:0 -10px 42px #00000057,0 0 0 3px #5eead414,inset 0 1px #ffffff14}.composer.has-reply{border-top:0;border-radius:0 0 26px 26px}.composer textarea{min-height:44px;max-height:120px;color:var(--text-1);resize:none;box-shadow:none;background:0 0;border:0;padding:10px 5px 8px;line-height:1.45;overflow-y:auto}.composer textarea:focus{box-shadow:none}.upload-button{border:1px solid var(--stroke-1);height:44px;color:var(--text-3);transition:transform .14s var(--ease-out), color .14s ease, background .14s ease, border-color .14s ease;background:#02061757;place-items:center;display:grid}.upload-button:hover{color:var(--brand);background:#5eead41a;border-color:#5eead447;transform:translateY(-1px)}.composer-send{border-radius:15px;width:44px;min-height:44px;padding:0}.composer-error{z-index:6;padding:0 24px 8px;position:relative}.no-chat{z-index:1;text-align:center;align-content:center;justify-items:center;gap:14px;padding:24px;display:grid;position:relative}.no-chat p{max-width:520px;color:var(--text-3);font-size:16px}.empty-cta{min-width:188px;margin-top:6px}.dialog-backdrop{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00000094;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--stroke-1);background:linear-gradient(180deg, #0f1a2beb, #08111fe0), var(--glass-noise);background-blend-mode:normal, soft-light;width:min(100%,420px);-webkit-backdrop-filter:var(--blur-heavy);backdrop-filter:var(--blur-heavy);box-shadow:var(--shadow-deep), inset 0 1px 0 #ffffff0f;border-radius:24px;padding:22px}.dialog header,.segmented{justify-content:space-between;align-items:center;gap:10px;display:flex}.segmented{border:1px solid var(--stroke-1);background:#02061761;border-radius:16px;padding:4px}.segmented button{min-height:36px;color:var(--text-3);background:0 0;flex:1;font-weight:720;transition:color .14s,background .14s}.segmented .selected{color:var(--brand);background:#5eead41f;box-shadow:inset 0 0 0 1px #5eead42e}@media (max-width:900px){.chat-shell{grid-template-columns:348px minmax(0,1fr)}}@media (max-width:780px){.chat-shell{grid-template-columns:1fr}.sidebar.has-active,.conversation-pane:not(.open){display:none}.back-button{display:inline-flex}.header-actions{display:none}.message-list{padding:18px 14px}.message-wrap{max-width:88%}.conversation-notice{text-align:center;border-radius:16px}.reply-bar{margin:0 12px}.composer{grid-template-columns:40px minmax(0,1fr) 40px;margin:0 12px 12px}.scroll-to-bottom-btn{bottom:96px;right:16px}}:root,[data-theme=light]{--app-bg:#fff;--chat-bg:#fff;--surface:#fff;--surface-soft:#f0f2f5;--surface-raised:#fff;--stroke:#00000014;--text-primary:#050505;--text-muted:#65676b;--text-faint:#9ca3af;--accent:#0084ff;--accent-ink:#fff;--accent-soft:#0084ff26;--accent-faint:#0084ff14;--bubble-in:#f0f2f5;--bubble-in-text:#050505;--bubble-out:#0084ff;--bubble-out-text:#fff;--rail-bg:#f8f9fa;--sidebar-bg:#fff;--chat-header-bg:#fff;--composer-bg:#fff;--composer-border:#0000000f;--composer-shadow:0 -1px 0 #0000000f;--timeline-bg:#f5f7fb}[data-theme=dark]{--app-bg:#18191a;--chat-bg:#18191a;--surface:#242526;--surface-soft:#3a3b3c;--surface-raised:#3a3b3c;--stroke:#ffffff1a;--text-primary:#e4e6eb;--text-muted:#b0b3b8;--text-faint:#606770;--accent:#2374e1;--accent-ink:#fff;--accent-soft:#2374e13d;--accent-faint:#2374e11f;--bubble-in:#3a3b3c;--bubble-in-text:#e4e6eb;--bubble-out:#2374e1;--bubble-out-text:#fff;--rail-bg:#1c1c1c;--sidebar-bg:#1c1c1c;--chat-header-bg:#1c1c1c;--composer-bg:#18191a;--composer-border:#ffffff14;--composer-shadow:0 -1px 0 #ffffff0f;--timeline-bg:#18191a}html{background:var(--app-bg)}body{background:var(--app-bg);color:var(--text-primary)}.custom-scrollbar{scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:999px}.custom-scrollbar:hover::-webkit-scrollbar-thumb{background:#cbd5e1}.custom-scrollbar-thin::-webkit-scrollbar{display:none}.spin-icon{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.messenger-shell{background:var(--app-bg);grid-template-columns:72px minmax(320px,390px) minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.messenger-shell>*{min-width:0}.messenger-shell h1,.messenger-shell h2,.messenger-shell p{margin:0}.messenger-shell h1{color:var(--text-primary);letter-spacing:-.02em;font-size:26px;font-weight:760;line-height:1.05}.messenger-shell input{width:100%;color:var(--text-primary);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:0}.messenger-shell input::placeholder{color:var(--text-muted)}.messenger-shell input:focus{box-shadow:none;border-color:#0000}.messenger-pane{min-width:0;height:100%;min-height:0}.app-rail{border-right:1px solid var(--stroke);background:var(--rail-bg);flex-direction:column;align-items:center;gap:22px;height:100%;min-height:0;padding:16px 0;display:flex}.app-rail__brand,.app-rail__item,.app-rail__profile{border:none;border-radius:999px;place-items:center;transition:background .16s,color .16s,transform .18s cubic-bezier(.34,1.56,.64,1);display:grid}.app-rail__brand{background:var(--accent);color:#fff;width:44px;height:44px;box-shadow:0 10px 24px #0084ff38}.app-rail__items{width:100%;color:var(--text-muted);justify-items:center;gap:12px;display:grid}.app-rail__item{width:40px;height:40px;color:inherit;background:0 0}.app-rail__item:hover,.app-rail__profile:hover{background:var(--surface-soft);color:var(--text-primary)}.app-rail__item--active{background:var(--accent-faint);color:var(--accent)}.app-rail__brand:hover,.app-rail__item:hover,.app-rail__profile:hover{transform:translateY(-1px)}.app-rail__profile{background:0 0;width:44px;height:44px;margin-top:auto}.icon-quiet,.icon-primary{border:none;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;transition:background .14s,color .14s,transform .14s;display:grid}.icon-quiet{background:var(--surface-soft);color:var(--text-primary)}.icon-quiet:hover{filter:brightness(.93)}.icon-primary{background:var(--accent);color:var(--accent-ink)}.icon-primary:hover{filter:brightness(1.08);transform:scale(1.04)}.icon-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.status-dot{background:#f59e0b;border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot--live{background:#31a24c}.status-dot--reconnecting{background:#f59e0b}.conversation-notice{max-width:480px;color:var(--text-faint);text-align:center;background:0 0;border:none;border-radius:8px;align-self:center;margin:2px 0 14px;padding:4px 12px;font-size:12px;font-weight:500}.chat-header-shell{border-bottom:1px solid var(--stroke);background:linear-gradient(180deg, var(--chat-header-bg), var(--chat-header-bg));flex-direction:column;gap:10px;display:flex}@supports (color:color-mix(in lab, red, red)){.chat-header-shell{background:linear-gradient(180deg, color-mix(in srgb, var(--chat-header-bg) 90%, white 10%), var(--chat-header-bg))}}.chat-header-shell{padding:12px 14px 14px;box-shadow:inset 0 -1px #ffffff0a}.chat-header-top{align-items:center;gap:8px;min-height:48px;display:flex}.chat-header-profile{text-align:left;background:0 0;border:none;border-radius:18px;flex:1;align-items:center;gap:12px;min-width:0;padding:6px 8px;transition:background .16s,transform .16s;display:flex}.chat-header-profile:hover{background:var(--surface-soft)}@supports (color:color-mix(in lab, red, red)){.chat-header-profile:hover{background:color-mix(in srgb, var(--surface-soft) 78%, transparent)}}.chat-header-title{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:800;display:block;overflow:hidden}.chat-header-subtitle{color:var(--text-muted);align-items:center;gap:6px;margin-top:2px;font-size:12px;line-height:1.2;display:flex}.chat-header-actions{align-items:center;gap:4px;padding-left:4px;display:flex}.chat-search-panel{flex-direction:column;gap:6px;display:flex}.chat-search-panel__label{justify-content:space-between;align-items:center;gap:10px;padding:0 4px;display:flex}.chat-search-panel__label span:first-child{color:var(--text-primary);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.chat-search-panel__label span:last-child{color:var(--text-faint);font-size:12px}.chat-search-bar{border:1px solid var(--stroke);align-items:center;gap:10px;min-width:0;display:flex}@supports (color:color-mix(in lab, red, red)){.chat-search-bar{border:1px solid color-mix(in srgb, var(--stroke) 88%, transparent)}}.chat-search-bar{background:linear-gradient(180deg, var(--surface), var(--surface-soft)), var(--surface-soft);border-radius:20px}@supports (color:color-mix(in lab, red, red)){.chat-search-bar{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, white 8%), color-mix(in srgb, var(--surface-soft) 92%, transparent)), var(--surface-soft)}}.chat-search-bar{padding:10px 12px;transition:border-color .16s,box-shadow .16s,transform .16s;box-shadow:inset 0 1px #fff3,0 12px 28px #0f172a0f}.chat-search-bar:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.chat-search-bar:focus-within{border-color:color-mix(in srgb, var(--accent) 28%, transparent)}}.chat-search-bar:focus-within{box-shadow:inset 0 1px 0 #ffffff3d, 0 0 0 4px var(--accent), 0 14px 34px #0f172a14}@supports (color:color-mix(in lab, red, red)){.chat-search-bar:focus-within{box-shadow:inset 0 1px 0 #ffffff3d, 0 0 0 4px color-mix(in srgb, var(--accent) 10%, transparent), 0 14px 34px #0f172a14}}.chat-search-bar__icon{background:var(--accent-faint);border-radius:999px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}@supports (color:color-mix(in lab, red, red)){.chat-search-bar__icon{background:color-mix(in srgb, var(--accent-faint) 70%, transparent)}}.chat-search-bar__icon{color:var(--accent)}.chat-search-bar__input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:15px;font-weight:600;line-height:1.2}.chat-search-bar__input::placeholder{color:var(--text-faint);font-weight:500}.chat-search-bar__input::-webkit-search-decoration{-webkit-appearance:none}.chat-search-bar__input::-webkit-search-cancel-button{-webkit-appearance:none}.chat-search-bar__input::-webkit-search-results-button{-webkit-appearance:none}.chat-search-bar__input::-webkit-search-results-decoration{-webkit-appearance:none}.chat-search-bar__status{background:var(--accent-faint);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.chat-search-bar__status{background:color-mix(in srgb, var(--accent-faint) 90%, transparent)}}.chat-search-bar__status{color:var(--accent);letter-spacing:.03em;padding:6px 10px;font-size:11px;font-weight:800}.chat-search-bar__clear{width:30px;height:30px;color:var(--text-muted);background:0 0;border:none;border-radius:999px;flex-shrink:0;place-items:center;transition:background .14s,color .14s,transform .14s;display:grid}.chat-search-bar__clear:hover{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.chat-search-bar__clear:hover{background:color-mix(in srgb, var(--surface) 84%, transparent)}}.chat-search-bar__clear:hover{color:var(--text-primary);transform:scale(1.04)}.chat-search-summary{border:1px solid var(--stroke);margin-bottom:16px}@supports (color:color-mix(in lab, red, red)){.chat-search-summary{border:1px solid color-mix(in srgb, var(--stroke) 86%, transparent)}}.chat-search-summary{background:radial-gradient(circle at top right, var(--accent), transparent 34%), linear-gradient(180deg, var(--surface), var(--surface));border-radius:24px}@supports (color:color-mix(in lab, red, red)){.chat-search-summary{background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 10%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, white 8%), var(--surface))}}.chat-search-summary{padding:16px 18px;box-shadow:inset 0 1px #ffffff2e,0 16px 38px #0f172a0f}.chat-search-summary__head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.chat-search-summary__title{align-items:center;gap:12px;min-width:0;display:flex}.chat-search-summary__icon{background:var(--accent-faint);border-radius:14px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}@supports (color:color-mix(in lab, red, red)){.chat-search-summary__icon{background:color-mix(in srgb, var(--accent-faint) 90%, transparent)}}.chat-search-summary__icon{color:var(--accent);box-shadow:inset 0 1px #fff3}.chat-search-summary__title p{color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.chat-search-summary__title h3{color:var(--text-primary);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:16px;font-weight:800;overflow:hidden}.chat-search-summary__badge{background:var(--accent-faint);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.chat-search-summary__badge{background:color-mix(in srgb, var(--accent-faint) 94%, transparent)}}.chat-search-summary__badge{color:var(--accent);padding:7px 11px;font-size:11px;font-weight:800}.chat-search-summary__meta{color:var(--text-muted);margin-top:10px;font-size:13px;line-height:1.45}@media (max-width:768px){.chat-header-shell{padding:10px 12px 12px}.chat-search-panel__label{flex-direction:column;align-items:flex-start;gap:2px}.chat-search-bar{padding:9px 10px}.chat-search-bar__status{display:none}.chat-search-summary{padding:14px 15px}.chat-search-summary__head{flex-direction:column;align-items:stretch}.chat-search-summary__badge{align-self:flex-start}.chat-search-summary__title h3{white-space:normal}}.thread-profile-intro{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 0 18px;display:flex}.thread-profile-intro>img,.thread-profile-intro>span{box-shadow:0 8px 24px #0f172a14;width:80px!important;height:80px!important;font-size:28px!important}.thread-profile-intro h2{color:var(--text-primary);letter-spacing:-.01em;margin:4px 0 0;font-size:20px;font-weight:800}.thread-profile-intro p{max-width:340px;color:var(--text-muted);font-size:13px;line-height:1.45}.thread-profile-intro button{background:var(--surface-soft);color:var(--text-primary);border:none;border-radius:9px;margin-top:6px;padding:7px 13px;font-size:13px;font-weight:700;transition:background .14s,transform .14s}.thread-profile-intro button:hover{background:var(--surface-soft)}@supports (color:color-mix(in lab, red, red)){.thread-profile-intro button:hover{background:color-mix(in srgb, var(--surface-soft) 82%, var(--text-primary))}}.thread-profile-intro button:hover{transform:translateY(-1px)}.message-row{align-items:flex-end;gap:10px;max-width:100%;display:flex}.message-row--mine{flex-direction:row-reverse}.message-row--grouped{margin-top:-2px}.message-bubble{background:var(--bubble-in);width:fit-content;max-width:100%;color:var(--bubble-in-text);box-shadow:none;border:none;border-radius:18px 18px 18px 4px;gap:6px;padding:9px 14px;display:grid;position:relative}.message-bubble--grouped{border-radius:4px 18px 18px 4px}.message-bubble--grouped-last{border-radius:4px 18px 18px}.message-bubble--mine{background:var(--bubble-out);color:var(--bubble-out-text);box-shadow:none;border:none;border-radius:18px 18px 4px}.message-bubble--mine.message-bubble--grouped{border-radius:18px 4px 4px 18px}.message-bubble--mine.message-bubble--grouped-last{border-radius:18px 4px 18px 18px}.reply-preview{width:100%;color:var(--bubble-in-text);text-align:left;opacity:.9;background:#00000014;border:0;border-left:3px solid #fff9;border-radius:6px;gap:1px;padding:6px 10px;display:grid}.reply-preview--mine{color:#ffffffe6;background:#ffffff2e;border-left-color:#ffffffc7}.reply-preview strong{color:inherit;font-size:12px;font-weight:700}.reply-preview span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.message-tools{opacity:0;gap:4px;margin-top:5px;transition:opacity .14s,transform .14s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(-3px)}.message-tools--mine{flex-direction:row-reverse}.message-row:hover .message-tools{opacity:1;transform:translateY(0)}.message-tools button,.reaction-popover button{background:var(--surface);width:32px;height:32px;color:var(--text-muted);border:none;border-radius:50%;place-items:center;font-size:16px;line-height:1;transition:background .12s,transform .12s;display:grid;box-shadow:0 2px 8px #00000029}.message-tools button:hover{background:var(--surface-soft);transform:scale(1.08)}.reaction-menu{position:relative}.reaction-popover{z-index:20;background:var(--surface);border:none;border-radius:999px;gap:2px;padding:6px 8px;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000038}.reaction-menu:hover .reaction-popover{display:flex}.reaction-popover button{box-shadow:none;background:0 0;width:34px;height:34px;font-size:20px;transition:transform .14s cubic-bezier(.34,1.56,.64,1)}.reaction-popover button:hover{background:0 0;transform:scale(1.28)translateY(-2px)}.typing-card{background:var(--bubble-in);color:var(--text-muted);border:none;border-radius:18px 18px 18px 4px;align-items:center;gap:3px;padding:10px 16px;font-size:12px;display:inline-flex}.typing-card span{background:var(--text-faint);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite typing-bounce}.typing-card span:nth-child(2){animation-delay:.14s}.typing-card span:nth-child(3){animation-delay:.28s}.composer-shell{padding:10px 14px calc(10px + env(safe-area-inset-bottom)) 14px;background:var(--composer-bg);border-top:1px solid var(--composer-border,#0000000f);box-shadow:var(--composer-shadow,0 -1px 0 #0000000a);align-items:flex-end;gap:8px;width:100%;display:flex}.composer-shell__inner{align-items:flex-end;gap:8px;width:100%;max-width:800px;margin:0 auto;display:flex}.composer-shell__input-wrap{background:var(--surface-soft);border:1.5px solid #0000;border-radius:20px;flex:1;align-items:flex-end;gap:4px;min-height:40px;padding:4px 12px 4px 8px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.composer-shell__input-wrap--recording{border-color:var(--accent);align-items:center;padding:7px 8px 7px 10px}@supports (color:color-mix(in lab, red, red)){.composer-shell__input-wrap--recording{border-color:color-mix(in srgb, var(--accent) 20%, transparent)}}.composer-shell__input-wrap--recording{background:linear-gradient(180deg, var(--surface), var(--surface-soft)), var(--surface-soft)}@supports (color:color-mix(in lab, red, red)){.composer-shell__input-wrap--recording{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 82%, white 18%), color-mix(in srgb, var(--surface-soft) 90%, transparent)), var(--surface-soft)}}.composer-shell__input-wrap--recording{box-shadow:inset 0 1px #ffffff52,0 14px 32px #0f172a14}.composer-shell__input-wrap:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.composer-shell__input-wrap:focus-within{border-color:color-mix(in srgb, var(--accent) 30%, transparent)}}.composer-shell__input-wrap:focus-within{background:var(--surface);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.composer-shell__input-wrap:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 8%, transparent)}}.composer-shell__emoji{width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;margin-bottom:2px;transition:color .14s,background .14s;display:grid}.composer-shell__emoji:hover{color:var(--accent);background:var(--accent-faint)}.composer-shell textarea{min-height:32px;max-height:140px;color:var(--text-primary);resize:none;box-shadow:none;scrollbar-width:none;background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:6px 0;font-size:15px;line-height:1.4;overflow-y:auto}.composer-shell textarea:focus{box-shadow:none}.composer-shell .icon-quiet,.composer-send-btn,.composer-record-btn{border:none;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;transition:transform .14s,filter .14s,background .14s,color .14s;display:grid}.composer-shell .icon-quiet{color:var(--accent);background:0 0}.composer-shell .icon-quiet:hover{background:var(--accent-faint)}.composer-send-btn{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 8px var(--accent)}@supports (color:color-mix(in lab, red, red)){.composer-send-btn{box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 40%, transparent)}}.composer-send-btn:hover{filter:brightness(1.1);transform:scale(1.05)}.composer-send-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.composer-record-btn{background:linear-gradient(180deg, white, var(--accent))}@supports (color:color-mix(in lab, red, red)){.composer-record-btn{background:linear-gradient(180deg, color-mix(in srgb, white 72%, var(--surface) 28%), color-mix(in srgb, var(--accent) 10%, transparent))}}.composer-record-btn{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 10px 18px #0f172a14}@supports (color:color-mix(in lab, red, red)){.composer-record-btn{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent), 0 10px 18px #0f172a14}}.composer-record-btn:hover{background:linear-gradient(180deg, white, var(--accent));transform:translateY(-1px)scale(1.03)}@supports (color:color-mix(in lab, red, red)){.composer-record-btn:hover{background:linear-gradient(180deg, color-mix(in srgb, white 82%, var(--surface) 18%), color-mix(in srgb, var(--accent) 14%, transparent))}}.composer-record-btn--active{color:#fff;background:linear-gradient(#fb7185,#ef4444);animation:1.1s ease-in-out infinite composer-record-pulse;box-shadow:inset 0 1px #fff3,0 0 0 6px #ef44441f,0 14px 28px #ef44443d}.composer-record-btn:disabled{opacity:.7;cursor:wait}.composer-recorder{background:linear-gradient(#ffffff7a,#ffffff2e);border-radius:18px;grid-template-columns:minmax(148px,auto) minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;padding:3px 4px 3px 2px;display:grid}.composer-recorder--live{box-shadow:inset 0 0 0 1px #ef444424,0 8px 20px #ef444414}.composer-recorder--arming{box-shadow:inset 0 0 0 1px var(--accent), 0 8px 18px var(--accent)}@supports (color:color-mix(in lab, red, red)){.composer-recorder--arming{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent), 0 8px 18px color-mix(in srgb, var(--accent) 10%, transparent)}}.composer-recorder__status{align-items:center;gap:10px;min-width:0;display:flex}.composer-recorder__pulse{background:#ef4444;border-radius:999px;flex-shrink:0;width:8px;height:8px;animation:1.1s ease-in-out infinite composer-record-pulse;box-shadow:0 0 0 5px #ef44441a}.composer-recorder__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.composer-recorder__meta strong{letter-spacing:.01em;color:var(--text-primary);font-size:11px;font-weight:800;line-height:1.15}.composer-recorder__meta span{color:var(--text-muted);white-space:nowrap;font-size:10px;line-height:1.15}.composer-recorder__track{background:#ffffff85;border-radius:999px;align-items:center;min-width:0;height:34px;padding:0 10px;display:flex;box-shadow:inset 0 1px #ffffff3d,inset 0 0 0 1px #0f172a0d}.composer-recorder__waveform{align-items:center;gap:3px;width:100%;min-width:0;height:18px;display:flex}.composer-recorder__waveform span{background:linear-gradient(180deg, var(--accent), var(--accent));border-radius:999px;flex:1 1 0;width:3px;max-width:4px}@supports (color:color-mix(in lab, red, red)){.composer-recorder__waveform span{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 66%, white 34%), color-mix(in srgb, var(--accent) 94%, black 6%))}}.composer-recorder__waveform span{opacity:.88}.composer-recorder__actions{align-items:center;gap:8px;display:inline-flex}.composer-recorder__time{min-width:52px;height:30px;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:.02em;background:#ffffffd1;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #0f172a0f}.composer-recorder__discard{color:#ef4444;background:#ffffffd1;border:none;border-radius:999px;place-items:center;width:30px;height:30px;transition:background .14s,transform .14s,box-shadow .14s;display:grid;box-shadow:inset 0 0 0 1px #ef44441f}.composer-recorder__discard:hover{background:#fffffff0;transform:scale(1.04);box-shadow:inset 0 0 0 1px #ef44443d}@media (max-width:640px){.composer-recorder{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.composer-recorder__meta span{display:none}.composer-recorder__status,.composer-recorder__meta{min-width:0}.composer-recorder__track{padding:0 8px}.composer-recorder__time{min-width:46px;padding:0 10px}}@keyframes composer-record-pulse{0%,to{box-shadow:0 0 #ef444429}50%{box-shadow:0 0 0 10px #ef444400}}.side-panel{z-index:40;border-left:1px solid var(--stroke);background:var(--surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;width:min(390px,100%);display:flex;position:absolute;inset:0 0 0 auto;box-shadow:-24px 0 70px #02061742}.side-panel__header{justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.side-panel__header strong{color:var(--text-primary);font-size:16px;font-weight:900;display:block}.side-panel__header small{color:var(--text-muted);font-size:12px;font-weight:700}.messenger-dialog-backdrop{background:#0206178a}.contact-drawer{border:1px solid var(--stroke);background:var(--surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px;width:min(520px,94vw);overflow:hidden;box-shadow:0 30px 100px #02061766}.auth-stack{gap:16px;display:grid}.auth-copy{gap:10px;display:grid}.demo-picker{border:1px solid var(--stroke-1);background:#ffffff0b;border-radius:20px;gap:10px;padding:12px;display:grid}.demo-picker__header{color:var(--text-2);justify-content:space-between;gap:12px;font-size:12px;font-weight:800;display:flex}.demo-picker__header small{color:var(--text-3);font-weight:700}.demo-picker__grid{gap:8px;display:grid}.demo-account{width:100%;color:var(--text-2);text-align:left;background:#02061747;border:1px solid #0000;border-radius:16px;grid-template-columns:36px 1fr 18px;align-items:center;gap:10px;padding:9px;transition:background .16s,border-color .16s,transform .16s cubic-bezier(.16,1,.3,1);display:grid}.demo-account:hover{border-color:var(--account-accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.demo-account:hover{border-color:color-mix(in srgb, var(--account-accent) 42%, transparent)}}.demo-account:hover{background:#ffffff12}.demo-account__avatar{background:var(--account-accent);color:#fff;border-radius:13px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.demo-account strong{color:var(--text-1);font-size:13px;display:block}.demo-account small{color:var(--text-3);font-size:11px}@media (max-width:860px){.messenger-shell{grid-template-columns:1fr;height:100dvh;min-height:100dvh}.app-rail{display:none}.messenger-shell>*{grid-area:1/1}.composer-shell .composer-extra-btn{display:none}.conversation-notice{text-align:center;border-radius:18px}.composer-shell{border-top:1px solid var(--stroke)}.side-panel{width:100%}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}