@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@600;700;800&display=swap);*,:after,:before{--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:#3b82f680;--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:#3b82f680;--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: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:0.5rem}.dark{--background:0 0% 3.9%;--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--ring:0 0% 83.1%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{border-color:#e5e5e5;border-color:hsl(var(--border))}body{background-color:#fff;background-color:hsl(var(--background));color:#0a0a0a;color:hsl(var(--foreground))}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.aspect-square{aspect-ratio:1/1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-context-menu-content-available-height\]{max-height:var(--radix-context-menu-content-available-height)}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-\[60px\]{min-height:60px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-lg{max-width:32rem}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.flex-1{flex:1 1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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%}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.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-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.rounded-md{border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(.5rem - 4px);border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-tl-sm{border-top-left-radius:calc(.5rem - 4px);border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-destructive{border-color:#ef4444;border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:#ef444480;border-color:hsl(var(--destructive)/.5)}.border-input{border-color:#e5e5e5;border-color:hsl(var(--input))}.border-primary{border-color:#171717;border-color:hsl(var(--primary))}.border-primary\/50{border-color:#17171780;border-color:hsl(var(--primary)/.5)}.border-transparent{border-color:#0000}.border-l-transparent{border-left-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-accent{background-color:#f5f5f5;background-color:hsl(var(--accent))}.bg-background{background-color:#fff;background-color:hsl(var(--background))}.bg-black\/80{background-color:#000c}.bg-border{background-color:#e5e5e5;background-color:hsl(var(--border))}.bg-card{background-color:#fff;background-color:hsl(var(--card))}.bg-destructive{background-color:#ef4444;background-color:hsl(var(--destructive))}.bg-foreground{background-color:#0a0a0a;background-color:hsl(var(--foreground))}.bg-muted{background-color:#f5f5f5;background-color:hsl(var(--muted))}.bg-muted\/50{background-color:#f5f5f580;background-color:hsl(var(--muted)/.5)}.bg-popover{background-color:#fff;background-color:hsl(var(--popover))}.bg-primary{background-color:#171717;background-color:hsl(var(--primary))}.bg-primary\/10{background-color:#1717171a;background-color:hsl(var(--primary)/.1)}.bg-primary\/20{background-color:#17171733;background-color:hsl(var(--primary)/.2)}.bg-secondary{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.bg-transparent{background-color:initial}.fill-current{fill:currentColor}.fill-primary{fill:#171717;fill:hsl(var(--primary))}.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}.p-\[1px\]{padding:1px}.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}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[0\.8rem\]{font-size:.8rem}.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-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:#171717;color:hsl(var(--accent-foreground))}.text-card-foreground{color:#0a0a0a;color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:#ef4444;color:hsl(var(--destructive))}.text-destructive-foreground{color:#fafafa;color:hsl(var(--destructive-foreground))}.text-foreground{color:#0a0a0a;color:hsl(var(--foreground))}.text-foreground\/50{color:#0a0a0a80;color:hsl(var(--foreground)/.5)}.text-muted-foreground{color:#737373;color:hsl(var(--muted-foreground))}.text-popover-foreground{color:#0a0a0a;color:hsl(var(--popover-foreground))}.text-primary{color:#171717;color:hsl(var(--primary))}.text-primary-foreground{color:#fafafa;color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:#171717;color:hsl(var(--secondary-foreground))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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 #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid #0000;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)}.ring,.ring-0{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;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(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.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-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.fade-in,.fade-in-0{--tw-enter-opacity:0}.fade-out{--tw-exit-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-1000{animation-duration:1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.running{animation-play-state:running}.paused{animation-play-state:paused}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:initial}.file\:bg-transparent::file-selector-button{background-color:initial}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::-webkit-file-upload-button{font-weight:500}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::-webkit-file-upload-button{color:#0a0a0a;color:hsl(var(--foreground))}.file\:text-foreground::file-selector-button{color:#0a0a0a;color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:#737373;color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-y-0:after{bottom:0;content:var(--tw-content);top:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:-translate-x-1\/2:after{--tw-translate-x:-50%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.first\:rounded-l-md:first-child{border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:rounded-r-md:last-child{border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:bg-accent:hover{background-color:#f5f5f5;background-color:hsl(var(--accent))}.hover\:bg-destructive\/80:hover{background-color:#ef4444cc;background-color:hsl(var(--destructive)/.8)}.hover\:bg-destructive\/90:hover{background-color:#ef4444e6;background-color:hsl(var(--destructive)/.9)}.hover\:bg-muted:hover{background-color:#f5f5f5;background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:#f5f5f580;background-color:hsl(var(--muted)/.5)}.hover\:bg-primary:hover{background-color:#171717;background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:#171717cc;background-color:hsl(var(--primary)/.8)}.hover\:bg-primary\/90:hover{background-color:#171717e6;background-color:hsl(var(--primary)/.9)}.hover\:bg-secondary:hover{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:#f5f5f5cc;background-color:hsl(var(--secondary)/.8)}.hover\:text-accent-foreground:hover{color:#171717;color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:#0a0a0a;color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:#737373;color:hsl(var(--muted-foreground))}.hover\:text-primary-foreground:hover{color:#fafafa;color:hsl(var(--primary-foreground))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:bg-accent:focus{background-color:#f5f5f5;background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:#171717;background-color:hsl(var(--primary))}.focus\:text-accent-foreground:focus{color:#171717;color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{color:#fafafa;color:hsl(var(--primary-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-1: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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.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),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:#f5f5f566;border-color:hsl(var(--muted)/.4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:#e5e5e5;border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:#f5f5f5;background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:#171717;background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:#fff;background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:#737373;color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:#fafafa;color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:#0a0a0a;color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:#ef44444d;border-color:hsl(var(--destructive)/.3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:#ef4444;background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:#fafafa;color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:#fef2f2;color:rgb(254 242 242/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:#171717;color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:#737373;color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.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)) skewX(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],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:#fff;background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:#171717;background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:#f5f5f5;background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:#e5e5e5;background-color:hsl(var(--input))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:#737373;color:hsl(var(--muted-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:#171717;color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:#0a0a0a;color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:#fafafa;color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:#171717;color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:#737373;color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-duration:.15s;animation-name:exit}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:0.8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:-13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{--tw-translate-y:-50%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{--tw-translate-x:0px;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open],.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:border-destructive:is(.dark *){border-color:#ef4444;border-color:hsl(var(--destructive))}@media (min-width:640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:.625rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&\+div\]\:text-xs+div{font-size:.75rem;line-height:1rem}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:#f5f5f5;background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>span\]\:line-clamp-1>span{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-4>svg{height:1rem;width:1rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:#ef4444;color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:#0a0a0a;color:hsl(var(--foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate:90deg}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div,.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:#737373;color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{height:1rem;width:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}:root,[data-theme=sunset-glow]{--color-primary:#ff9a8d;--color-secondary:#ffd770;--color-accent:#ff5864;--color-bg-primary:#fff8ec;--color-bg-secondary:#ffefe8;--color-bg-tertiary:#fff;--color-bg-overlay:#00000080;--color-text-primary:#3e3e3e;--color-text-secondary:#6b6b6b;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-text-highlight:#ff5864;--color-btn-primary-bg:#ff5864;--color-btn-primary-hover:#e24b58;--color-btn-primary-text:#fff;--color-btn-secondary-bg:#ffd770;--color-btn-secondary-hover:#ffc94d;--color-btn-secondary-text:#3e3e3e;--color-btn-tertiary-bg:#ff9a8d;--color-btn-tertiary-hover:#ff8577;--color-btn-tertiary-text:#fff;--color-input-bg:#fff;--color-input-border:#ff9a8d;--color-input-border-focus:#ff5864;--color-input-text:#3e3e3e;--color-input-placeholder:#9ca3af;--color-border-light:#ffe5e0;--color-border-medium:#ffcdc3;--color-border-dark:#ff9a8d;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--shadow-sm:0 1px 2px 0 #ff58640d;--shadow-md:0 4px 6px -1px #ff58641a;--shadow-lg:0 10px 15px -3px #ff58641a;--shadow-xl:0 20px 25px -5px #ff586426;--glow-primary:0 0 20px #ff9a8d4d;--glow-secondary:0 0 20px #ffd7704d;--glow-accent:0 0 20px #ff586466;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}[data-theme=sunset-glow-dark]{--color-primary:#762f2c;--color-secondary:#a04e3f;--color-accent:#ff9a3c;--color-bg-primary:#5a1e1d;--color-bg-secondary:#762f2c;--color-bg-tertiary:#883d39;--color-bg-overlay:#140909;--color-text-primary:#fff4e1;--color-text-secondary:#ebcfc0;--color-text-tertiary:#c9a89a;--color-text-inverse:#140909;--color-text-highlight:#ff9a3c;--color-btn-primary-bg:#ff9a3c;--color-btn-primary-hover:#fb6;--color-btn-primary-text:#140909;--color-btn-secondary-bg:#a04e3f;--color-btn-secondary-hover:#b85e4e;--color-btn-secondary-text:#fff4e1;--color-btn-tertiary-bg:#762f2c;--color-btn-tertiary-hover:#883d39;--color-btn-tertiary-text:#fff4e1;--color-input-bg:#762f2c;--color-input-border:#883d39;--color-input-border-focus:#ff9a3c;--color-input-text:#fff4e1;--color-input-placeholder:#c9a89a;--color-border-light:#762f2c;--color-border-medium:#883d39;--color-border-dark:#993e38;--color-success:#a5d6a7;--color-error:#ff6b6b;--color-warning:#ffb84d;--color-info:#ff9a3c;--shadow-sm:0 1px 2px 0 #1409094d;--shadow-md:0 4px 6px -1px #14090966;--shadow-lg:0 10px 15px -3px #14090980;--shadow-xl:0 20px 25px -5px #14090999;--glow-primary:0 0 20px #ff9a3c66;--glow-secondary:0 0 20px #a04e3f4d;--glow-accent:0 0 25px #ffbb6680;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}[data-theme=serene-oasis]{--color-primary:#87ceeb;--color-secondary:#a5d6a7;--color-accent:#7ac1d3;--color-bg-primary:#f1f1f1;--color-bg-secondary:#e8f4f8;--color-bg-tertiary:#fff;--color-bg-overlay:#00000080;--color-text-primary:#3e3e3e;--color-text-secondary:#6b6b6b;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-text-highlight:#7ac1d3;--color-btn-primary-bg:#a5d6a7;--color-btn-primary-hover:#8bc98c;--color-btn-primary-text:#fff;--color-btn-secondary-bg:#87ceeb;--color-btn-secondary-hover:#7ac1d3;--color-btn-secondary-text:#3e3e3e;--color-btn-tertiary-bg:#f1f1f1;--color-btn-tertiary-hover:#e0e0e0;--color-btn-tertiary-text:#3e3e3e;--color-input-bg:#f1f1f1;--color-input-border:#c9d6d8;--color-input-border-focus:#87ceeb;--color-input-text:#3e3e3e;--color-input-placeholder:#9ca3af;--color-border-light:#e8f4f8;--color-border-medium:#c9d6d8;--color-border-dark:#a0b4b8;--color-success:#a5d6a7;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#87ceeb;--shadow-sm:0 1px 2px 0 #87ceeb0d;--shadow-md:0 4px 6px -1px #87ceeb1a;--shadow-lg:0 10px 15px -3px #87ceeb1a;--shadow-xl:0 20px 25px -5px #87ceeb26;--glow-primary:0 0 20px #87ceeb4d;--glow-secondary:0 0 20px #a5d6a74d;--glow-accent:0 0 20px #7ac1d366;--transition-fast:200ms ease;--transition-normal:350ms ease;--transition-slow:500ms ease;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px}[data-theme=romantic-rose]{--color-primary:#f7c6c7;--color-secondary:#eab8c9;--color-accent:#ff6f61;--color-bg-primary:#fff5f6;--color-bg-secondary:#f7c6c7;--color-bg-tertiary:#fff;--color-bg-overlay:#00000080;--color-text-primary:#4b2c2c;--color-text-secondary:#7d5a5a;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-text-highlight:#ff6f61;--color-btn-primary-bg:#ff6f61;--color-btn-primary-hover:#e25a4f;--color-btn-primary-text:#fff;--color-btn-secondary-bg:#eab8c9;--color-btn-secondary-hover:#d9a5b8;--color-btn-secondary-text:#4b2c2c;--color-btn-tertiary-bg:#f7c6c7;--color-btn-tertiary-hover:#e8b5b6;--color-btn-tertiary-text:#4b2c2c;--color-input-bg:#fff5f6;--color-input-border:#eab8c9;--color-input-border-focus:#ff6f61;--color-input-text:#4b2c2c;--color-input-placeholder:#9ca3af;--color-border-light:#f7c6c7;--color-border-medium:#eab8c9;--color-border-dark:#d9a5b8;--color-success:#eab8c9;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#ff6f61;--shadow-sm:0 1px 2px 0 #ff6f610d;--shadow-md:0 4px 6px -1px #ff6f611a;--shadow-lg:0 10px 15px -3px #ff6f611a;--shadow-xl:0 20px 25px -5px #ff6f6126;--glow-primary:0 0 20px #f7c6c766;--glow-secondary:0 0 20px #eab8c966;--glow-accent:0 0 20px #ff6f6180;--transition-fast:200ms ease;--transition-normal:350ms ease;--transition-slow:500ms ease;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px}[data-theme=sunset-noir]{--color-primary:#ff5864;--color-secondary:#ffb74d;--color-accent:#ff7a88;--color-bg-primary:#0b0b0c;--color-bg-secondary:#1a1a1e;--color-bg-tertiary:#1a1a1e;--color-bg-overlay:#000c;--color-text-primary:#f8f6f4;--color-text-secondary:#d3a8a1;--color-text-tertiary:#9ca3af;--color-text-inverse:#0b0b0c;--color-text-highlight:#ff5864;--color-btn-primary-bg:#ff5864;--color-btn-primary-hover:#ff7a88;--color-btn-primary-text:#f8f6f4;--color-btn-secondary-bg:#ffb74d;--color-btn-secondary-hover:#ffc94d;--color-btn-secondary-text:#0b0b0c;--color-btn-tertiary-bg:#1a1a1e;--color-btn-tertiary-hover:#2a2a2e;--color-btn-tertiary-text:#f8f6f4;--color-input-bg:#1a1a1e;--color-input-border:#ff5864;--color-input-border-focus:#ff7a88;--color-input-text:#f8f6f4;--color-input-placeholder:#d3a8a1;--color-border-light:#2a2a2e;--color-border-medium:#ff5864;--color-border-dark:#ff7a88;--color-success:#ffb74d;--color-error:#ff5864;--color-warning:#ffb74d;--color-info:#ff7a88;--shadow-sm:0 1px 2px 0 #ff586433;--shadow-md:0 4px 6px -1px #ff58644d;--shadow-lg:0 10px 15px -3px #ff586466;--shadow-xl:0 20px 25px -5px #ff586480;--glow-primary:0 0 20px #ff586499;--glow-secondary:0 0 20px #ffb74d80;--glow-accent:0 0 20px #ff7a88b3;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}.theme-transition,body,button,input,select,textarea{transition:background-color .25s ease,color .25s ease,border-color .25s ease;transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}:root{--class-color-primary:#e8a87c;--class-color-secondary:#c38d9e;--class-color-accent:#41b3a3;--class-bg-primary:#fff8ec;--class-bg-secondary:#fff0e0;--class-text-primary:#2d3436;--class-text-secondary:#636e72;--class-border-light:#e8d5b7}[data-account-class=casual],[data-theme=sparkle]{--font-heading:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--color-primary:#d4af37;--color-secondary:#e5c158;--color-accent:#e5c158;--color-bg-primary:#0b0e14;--color-bg-secondary:#141821;--color-bg-tertiary:#1c2130;--color-bg-overlay:#000c;--color-text-primary:#f8f9fa;--color-text-secondary:#b8c0cc;--color-text-tertiary:#6c7586;--color-text-inverse:#0b0e14;--color-text-highlight:#d4af37;--color-btn-primary-bg:#d4af37;--color-btn-primary-hover:#e5c158;--color-btn-primary-text:#0b0e14;--color-btn-secondary-bg:#e5c158;--color-btn-secondary-hover:#f0d078;--color-btn-secondary-text:#0b0e14;--color-btn-tertiary-bg:#1c2130;--color-btn-tertiary-hover:#252a3a;--color-btn-tertiary-text:#f8f9fa;--color-input-bg:#141821;--color-input-border:#2d3548;--color-input-border-focus:#d4af37;--color-input-text:#f8f9fa;--color-input-placeholder:#6c7586;--color-border-light:#1c2130;--color-border-medium:#2d3548;--color-border-dark:#3d4560;--color-border:#2d3548;--color-success:#10b981;--color-error:#ff6b6b;--color-warning:#ffd93d;--color-info:#d4af37;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009;--glow-primary:0 0 20px #d4af3780;--glow-secondary:0 0 20px #e5c15880;--glow-accent:0 0 25px #e5c15880;--class-color-primary:#d4af37;--class-color-secondary:#e5c158;--class-color-accent:#e5c158;--class-bg-primary:#0b0e14;--class-bg-secondary:#141821;--class-text-primary:#f8f9fa;--class-text-secondary:#b8c0cc;--class-border-light:#2d3548;--sparkle-gradient:linear-gradient(135deg,#d4af37,#e5c158)}[data-account-class=casual] .character-name,[data-account-class=casual] .heading,[data-account-class=casual] h1,[data-account-class=casual] h2,[data-account-class=casual] h3,[data-account-class=casual] h4,[data-account-class=casual] label{font-family:Inter,sans-serif;font-family:var(--font-heading,"Inter",sans-serif)}[data-account-class=casual] .body-text,[data-account-class=casual] .character-bio,[data-account-class=casual] .description,[data-account-class=casual] p{font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif)}[data-account-class=wellbeing]{--font-heading:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--class-color-primary:#8e7dbe;--class-color-secondary:#a594c8;--class-color-accent:#8e7dbe;--class-bg-primary:#2c3539;--class-bg-secondary:#36454f;--class-text-primary:#f0f0f5;--class-text-secondary:#b8b8c8;--class-border-light:#8e7dbe4d;--card-surface:#36454fb3;--card-border-gradient:linear-gradient(145deg,#ffffff1a,#8e7dbe4d);--card-backdrop-blur:12px;--card-shadow:0 10px 40px #0000004d;--color-primary:#8e7dbe;--color-secondary:#a594c8;--color-accent:#8e7dbe;--color-bg-primary:#2c3539;--color-bg-secondary:#36454f;--color-bg-tertiary:#404c54;--color-bg-overlay:#000000b3;--color-text-primary:#f0f0f5;--color-text-secondary:#b8b8c8;--color-text-tertiary:#8a8a9a;--color-text-inverse:#2c3539;--color-text-highlight:#a594c8;--color-border-light:#8e7dbe4d;--color-border-medium:#8e7dbe66;--color-border-dark:#8e7dbe80;--color-border:#8e7dbe4d;--color-btn-primary-bg:#8e7dbe;--color-btn-primary-hover:#9e8dce;--color-btn-primary-text:#fff;--color-btn-secondary-bg:#a594c8;--color-btn-secondary-hover:#b5a4d8;--color-btn-secondary-text:#fff;--color-btn-tertiary-bg:#8e7dbe33;--color-btn-tertiary-hover:#8e7dbe4d;--color-btn-tertiary-text:#f0f0f5;--color-input-bg:#36454fcc;--color-input-border:#8e7dbe4d;--color-input-border-focus:#8e7dbe;--color-input-text:#f0f0f5;--color-input-placeholder:#8a8a9a;--color-success:#7bc8a4;--color-error:#e57373;--color-warning:#ffb74d;--color-info:#8e7dbe;--shadow-sm:0 1px 2px 0 #3a3d5c0f;--shadow-md:0 4px 12px #3a3d5c14;--shadow-lg:0 10px 40px #3a3d5c1f;--shadow-xl:0 20px 50px #3a3d5c26;--glow-primary:0 0 20px #3a3d5c33;--glow-secondary:0 0 24px #8e7dbe40;--glow-accent:0 0 30px #8e7dbe4d}[data-account-class=wellbeing] .character-name,[data-account-class=wellbeing] .heading,[data-account-class=wellbeing] h1,[data-account-class=wellbeing] h2,[data-account-class=wellbeing] h3,[data-account-class=wellbeing] h4,[data-account-class=wellbeing] label{font-family:Inter,sans-serif;font-family:var(--font-heading,"Inter",sans-serif);font-weight:600}[data-account-class=wellbeing] .body-text,[data-account-class=wellbeing] .character-bio,[data-account-class=wellbeing] .description,[data-account-class=wellbeing] p{font-family:Lora,serif;font-family:var(--font-body,"Lora",serif);font-weight:400}[data-account-class=creator]{--class-color-primary:#9b59b6;--class-color-secondary:#8e44ad;--class-color-accent:#f39c12;--class-bg-primary:#f9f6fc;--class-bg-secondary:#f0e6f6;--class-text-primary:#2c2c54;--class-text-secondary:#706fd3;--class-border-light:#e4d7ed}[data-account-class=wellbeing] .chat-header{border-bottom:2px solid #e8a87c;border-bottom:2px solid var(--class-color-primary)}[data-account-class=wellbeing] button:not(.icon-button){border-radius:24px}[data-account-class=wellbeing] .character-card{border-color:#e8d5b7;border-color:var(--class-border-light)}[data-account-class=wellbeing] .wellbeing-disclaimer{background-color:#fff0e0;background-color:var(--class-bg-secondary);border-left:4px solid #c38d9e;border-left:4px solid var(--class-color-secondary);border-radius:4px;color:#636e72;color:var(--class-text-secondary);font-size:13px;margin:16px 0;padding:12px 16px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;transition:background var(--transition-normal),color var(--transition-normal)}.App{background:var(--color-bg-primary)}.App,.loading-app{display:flex;flex-direction:column;min-height:100vh}.loading-app{align-items:center;gap:20px;justify-content:center}.loading-spinner{border:4px solid #0000001a;border-left-color:#2563eb;height:50px;width:50px}.avatar-section{justify-content:center}.avatar-container-3d,.avatar-section{align-items:center;display:flex;flex-direction:column;position:relative}.avatar-container-3d{gap:20px;height:500px;width:400px}.avatar-canvas-wrapper{background:linear-gradient(145deg,#1e293b,#334155);border:3px solid #63b3ed4d;border-radius:24px;height:400px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.avatar-canvas-wrapper.speaking{animation:pulse-speaking-3d .6s ease-in-out infinite alternate;border-color:#10b981;box-shadow:0 0 40px #10b98199}.avatar-canvas-wrapper.listening{animation:pulse-listening-3d 1.2s ease-in-out infinite alternate;border-color:#f59e0b;box-shadow:0 0 40px #f59e0b66}@keyframes pulse-speaking-3d{0%{box-shadow:0 0 40px #10b98199;transform:scale(1)}to{box-shadow:0 0 60px #10b981cc;transform:scale(1.02)}}@keyframes pulse-listening-3d{0%{box-shadow:0 0 40px #f59e0b66}to{box-shadow:0 0 60px #f59e0b99}}.avatar-loading{align-items:center;color:#f8fafc;display:flex;flex-direction:column;font-family:inherit;gap:16px}.loading-spinner-3d{animation:spin 1.2s linear infinite;border:3px solid #63b3ed4d;border-left-color:#63b3ed;border-radius:50%;height:40px;width:40px}.avatar-status-3d{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:80px}.avatar-status-3d .status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 20px;transition:all .3s ease}.avatar-status-3d .status-icon{font-size:16px}.avatar-status-3d .listening-indicator{background:#f59e0b26;border:1px solid #f59e0b66;box-shadow:0 4px 15px #f59e0b33;color:#fbbf24}.avatar-status-3d .speaking-indicator{animation:glow-speaking .8s ease-in-out infinite alternate;background:#10b98126;border:1px solid #10b98166;box-shadow:0 4px 15px #10b98133;color:#34d399}.avatar-status-3d .loading-indicator{background:#63b3ed26;border:1px solid #63b3ed4d;color:#93c5fd}@keyframes glow-speaking{0%{box-shadow:0 4px 15px #10b98133}to{box-shadow:0 6px 25px #10b98166}}.ready-player-me-container{align-items:center;display:flex;flex-direction:column;gap:20px;height:500px;width:400px}.ready-player-me-avatar{border:3px solid #63b3ed4d;border-radius:20px;box-shadow:0 10px 30px #0000004d;height:400px;overflow:hidden;position:relative;transition:all .3s ease;width:350px}.ready-player-me-avatar.speaking{border-color:#10b981;box-shadow:0 0 40px #10b98199;transform:scale(1.02)}.ready-player-me-avatar.listening{border-color:#f59e0b;box-shadow:0 0 30px #f59e0b66}.avatar-3d-mount{background:linear-gradient(145deg,#2d3748,#4a5568);border-radius:16px;height:100%;overflow:hidden;position:relative;width:100%}.avatar-3d-mount canvas{display:block;height:100%!important;width:100%!important}.avatar-loading-overlay{align-items:center;background:#2d3748e6;color:#f8fafc;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.avatar-loading-overlay p{color:#cbd5e0;font-size:14px;margin-top:16px}.avatar-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.speaking-animation{animation:speaking-pulse .4s ease-in-out infinite alternate;background:#10b9814d;border-radius:20px;bottom:20%;height:20px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@keyframes speaking-pulse{0%{opacity:.6;transform:translateX(-50%) scale(1)}to{opacity:1;transform:translateX(-50%) scale(1.2)}}.avatar-status-simple{align-items:center;display:flex;flex-direction:column;gap:10px;min-height:60px}.avatar-status-simple .status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.avatar-status-simple .listening-indicator{background:#f59e0b26;border:1px solid #f59e0b66;color:#fbbf24}.avatar-status-simple .speaking-indicator{animation:glow-speaking .8s ease-in-out infinite alternate;background:#10b98126;border:1px solid #10b98166;color:#34d399}.avatar-container{flex-direction:column;gap:20px;height:400px;width:300px}.avatar-container,.avatar-wrapper{align-items:center;display:flex;position:relative}.avatar-wrapper{background:linear-gradient(145deg,#1e293b,#475569);border:3px solid #63b3ed4d;border-radius:50% 50% 40% 40%;height:350px;justify-content:center;overflow:hidden;transition:all .3s ease;width:280px}.avatar-wrapper.speaking{animation:pulse-speaking .4s ease-in-out infinite alternate;border-color:#10b981;box-shadow:0 0 40px #10b98199;transform:scale(1.05)}.avatar-wrapper.listening{animation:pulse-listening 1s ease-in-out infinite alternate;border-color:#f59e0b;box-shadow:0 0 30px #f59e0b66}@keyframes pulse-speaking{0%{box-shadow:0 0 40px #10b98199;transform:scale(1.05)}to{box-shadow:0 0 60px #10b981cc;transform:scale(1.08)}}@keyframes pulse-listening{0%{box-shadow:0 0 30px #f59e0b66}to{box-shadow:0 0 50px #f59e0b99}}.avatar-head{background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border-radius:50% 50% 45% 45%;box-shadow:inset 0 4px 8px #0000001a;height:240px;width:200px}.avatar-face,.avatar-head{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.avatar-face{gap:20px;height:100%;width:100%}.avatar-eyes{display:flex;gap:30px;margin-top:-20px}.eye{animation:blink 3s ease-in-out infinite;background:#1e293b;height:20px;width:20px}.avatar-mouth{background:#dc2626;border-radius:0 0 40px 40px;height:20px;overflow:hidden;position:relative;transition:all .2s ease;width:40px}.avatar-mouth.talking{animation:mouth-talk .3s ease-in-out infinite alternate}@keyframes mouth-talk{0%{background:#dc2626;border-radius:0 0 40px 40px;height:20px;width:40px}25%{background:#ef4444;border-radius:50%;height:35px;width:30px}50%{background:#dc2626;border-radius:0 0 60px 60px;height:15px;width:50px}75%{background:#b91c1c;border-radius:30%;height:28px;width:38px}to{background:#dc2626;border-radius:0 0 40px 40px;height:20px;width:40px}}.avatar-status{flex-direction:column;gap:10px;min-height:50px}.avatar-status,.status{align-items:center;display:flex}.status{border-radius:20px;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.listening-indicator{background:#f59e0b33;border:1px solid #f59e0b4d;color:#f59e0b}.speaking-indicator{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.chat-section{display:flex;flex-direction:column;height:600px}.chat-header{border-bottom:1px solid #94a3b833;margin-bottom:30px;padding-bottom:20px;text-align:center}.chat-header h2{color:#f8fafc;font-size:28px;font-weight:600;margin-bottom:8px}.chat-header p{color:#94a3b8;font-size:16px}.chat-history{background:#1e293b80;border-radius:16px;display:flex;flex:1 1;flex-direction:column;gap:16px;margin-bottom:20px;overflow-y:auto;padding:20px;scrollbar-color:#475569 #0000;scrollbar-width:thin}.chat-history::-webkit-scrollbar{width:6px}.chat-history::-webkit-scrollbar-track{background:#0000}.chat-history::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.message{display:flex;margin-bottom:12px;max-width:80%}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message.user .message-content{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-bottom-right-radius:6px;color:#fff}.message.assistant .message-content{background:#475569cc;border:1px solid #94a3b833;border-bottom-left-radius:6px;color:#f1f5f9}.message.loading .message-content{align-items:center;background:#47556999;display:flex;justify-content:center;min-height:40px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#94a3b8}.chat-input-section{display:flex;flex-direction:column;gap:16px}.input-group{align-items:flex-end;display:flex;gap:12px}.input-group textarea{background:#1e293bcc;border:2px solid #94a3b833;border-radius:16px;color:#f8fafc;flex:1 1;font-family:inherit;font-size:15px;padding:16px 20px;resize:none;transition:border-color .2s ease}.input-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-group textarea::placeholder{color:#64748b}.send-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:18px;min-width:60px;padding:16px 20px;transition:all .2s ease}.send-button:hover:not(:disabled){box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.chat-controls{align-items:center;display:flex;justify-content:space-between;padding:0 4px}.control-button{background:#ef444433;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.control-button:hover:not(:disabled){background:#ef44444d;transform:translateY(-1px)}.control-button:disabled{cursor:not-allowed;opacity:.4}.speech-light-container{align-items:center;background:radial-gradient(circle at center,#1400004d 0,#000000f2 100%);border:1px solid #64000033;border-radius:8px;display:flex;flex-direction:column;height:400px;justify-content:center;overflow:hidden;position:relative;width:100%}.speech-light-orb{background:radial-gradient(circle at center,#1a1a1a 0,#2a2a2a 20%,#3a3a3a 40%,#2a2a2a 80%,#1a1a1a 100%);border:12px solid #333;border-radius:50%;box-shadow:inset 0 0 30px #000c,inset 0 0 60px #0009,0 4px 15px #00000080,0 0 20px #96000033;height:180px;position:relative;transition:all .3s ease-out;width:180px}.speech-light-orb:before{background:radial-gradient(circle at 30% 25%,#ffffff26 0,#ffffff0d 15%,#64141499 30%,#961e1ecc 50%,#500f0fe6 70%,#280505 100%);border:2px solid #c8c8c81a;border-radius:50%;box-shadow:inset 0 0 20px #000000b3,inset -10px -10px 20px #0006,inset 10px 10px 20px #ffffff1a,0 0 15px #c832324d;height:140px;width:140px}.speech-light-orb:after,.speech-light-orb:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.speech-light-orb:after{background:radial-gradient(circle at 30% 30%,#ffdc96 0,#ffb464f2 30%,#dc783ce6 60%,#b45028cc 100%);border:1px solid #ffc89666;border-radius:50%;box-shadow:0 0 12px #ff9650cc,0 0 6px #ff783c99,inset 0 0 8px #ffffff4d,inset 0 0 4px #0003;height:20px;width:20px}.hal-lens-assembly{align-items:center;display:flex;justify-content:center;position:relative}.lens-reflection{background:linear-gradient(135deg,#fff6,#ffffff1a 50%,#0000);border-radius:50%;pointer-events:none;position:absolute}.lens-reflection-1{background:linear-gradient(120deg,#ffffff40,#ffffff0d 70%,#0000);border-radius:50%/40%;height:25px;left:35%;top:25%;transform:rotate(-20deg);width:40px}.lens-reflection-2{background:linear-gradient(90deg,#ffffff26,#0000);border-radius:60%/80%;height:15px;left:25%;top:60%;transform:rotate(45deg);width:20px}.lens-reflection-3{background:linear-gradient(180deg,#ffffff1a,#0000);border-radius:30%/60%;height:30px;right:30%;top:45%;transform:rotate(-45deg);width:15px}.speech-particles{height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.particle{animation:particleFloat 3s ease-in-out infinite;background:#ff5050cc;border-radius:50%;height:3px;position:absolute;width:3px}.particle:first-child{animation-duration:1.5s;left:50%;top:20%}.particle:nth-child(2){animation-duration:2.2s;left:80%;top:50%}.particle:nth-child(3){animation-duration:1.8s;left:50%;top:80%}.particle:nth-child(4){animation-duration:2s;left:20%;top:50%}.particle:nth-child(5){animation-duration:1.7s;left:30%;top:30%}.particle:nth-child(6){animation-duration:2.1s;left:70%;top:70%}@keyframes particleFloat{0%,to{opacity:.3;transform:translateY(0) scale(.8)}50%{opacity:.8;transform:translateY(-15px) scale(1.2)}}.speech-light-status{margin-top:30px;text-align:center}.status-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;color:#fff;font-size:16px;font-weight:500;padding:8px 16px;transition:all .3s ease}.status-text.speaking{animation:speakingPulse 1s ease-in-out infinite;background:#dc141440;border:1px solid #ff323266;color:#ffc8c8e6}.status-text.listening{animation:listeningGlow 2s ease-in-out infinite;background:#64320033;border:1px solid #c864004d;color:#ffc864cc}.status-text.generating{animation:generatingPulse 1.5s ease-in-out infinite;background:#c8640033;border:1px solid #ff96004d;color:#ffc864cc}.status-text.idle{background:#32323233;border:1px solid #6464644d;color:#c8c8c899}@keyframes speakingPulse{0%,to{box-shadow:0 0 15px #ff323266;transform:scale(1)}50%{box-shadow:0 0 25px #ff141499;transform:scale(1.03)}}@keyframes listeningGlow{0%,to{box-shadow:0 0 10px #c864004d}50%{box-shadow:0 0 20px #ff960080}}@keyframes generatingPulse{0%,to{box-shadow:0 0 12px #ff96004d;transform:scale(1)}50%{box-shadow:0 0 18px #ff960080;transform:scale(1.02)}}.credits-button{background:#3b82f633;border:1px solid #3b82f64d;border-radius:12px;color:#3b82f6;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.credits-button:hover{background:#3b82f64d;transform:translateY(-1px)}.tts-status{align-items:center;color:#94a3b8;display:flex;font-size:14px;gap:8px}.credits-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.credits-modal{background:linear-gradient(145deg,#1e293b,#334155);border:1px solid #94a3b84d;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;color:#f8fafc;max-width:500px;padding:24px;width:90%}.credits-header{align-items:center;border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.credits-header h3{color:#f8fafc;font-size:20px;font-weight:600;margin:0}.close-button{border-radius:8px;color:#94a3b8;font-size:24px;padding:4px 8px;transition:all .2s ease}.close-button:hover{background:#ef444433;color:#ef4444}.credits-content{line-height:1.6}.credits-content p{color:#e2e8f0;font-size:15px;margin:0}.credits-link{color:#60a5fa;text-decoration:none;transition:color .2s ease}.credits-link:hover{color:#93c5fd;text-decoration:underline}.credits-close{background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:24px;padding:4px 8px;position:absolute;right:16px;top:16px;transition:all .2s ease}.credits-close:hover{background:#ef444433;color:#ef4444}.credits-modal h2{color:#f8fafc;font-size:24px;font-weight:600;margin:0 0 20px;text-align:center}.settings-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.settings-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;color:var(--color-text-primary);max-height:80vh;max-width:600px;overflow-y:auto;padding:24px;position:relative;width:90%}.settings-close{background:none;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:24px;padding:4px 8px;position:absolute;right:16px;top:16px;transition:all .2s ease}.settings-close:hover{background:var(--logout-hover-bg);color:#ef4444}.settings-modal h2{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0 0 24px;text-align:center}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-section{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;padding:20px}.settings-section h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 16px}.system-prompt-input{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:8px;color:var(--color-text-primary);font-family:Space Grotesk,sans-serif;font-size:14px;line-height:1.5;max-height:800px;min-height:500px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.system-prompt-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;outline:none}.system-prompt-input::placeholder{color:var(--color-text-tertiary)}.slider-group label{display:block;font-size:14px;font-weight:500}.slider-group input[type=range]{accent-color:var(--color-accent);background:var(--color-bg-tertiary);margin-top:8px}.slider-group input[type=range]::-webkit-slider-thumb{height:20px;-webkit-transition:background .2s ease;transition:background .2s ease;width:20px}.slider-group input[type=range]::-webkit-slider-thumb:hover{background:var(--color-btn-primary-hover)}.slider-group input[type=range]::-moz-range-thumb{height:20px;-moz-transition:background .2s ease;transition:background .2s ease;width:20px}.slider-group input[type=range]::-moz-range-thumb:hover{background:var(--color-btn-primary-hover)}.checkbox-group{margin-top:16px}.checkbox-group label{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px}.checkbox-group input[type=checkbox]{accent-color:#60a5fa;cursor:pointer;height:18px;width:18px}.settings-actions{border-top:1px solid var(--color-border-light);display:flex;gap:12px;justify-content:center;padding-top:16px}.save-settings-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:140px;padding:12px 32px;transition:all .2s ease}.save-settings-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.save-settings-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.reset-conversation-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:180px;padding:12px 32px;transition:all .2s ease}.reset-conversation-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.reset-conversation-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.settings-button{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.settings-button:hover{background:linear-gradient(135deg,#5b21b6,#4c1d95);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.floating-buttons{bottom:20px;display:flex;flex-direction:column;gap:12px;position:fixed;right:20px;z-index:100}.floating-buttons .credits-button{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.floating-buttons .credits-button:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.floating-buttons .journal-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;gap:8px;padding:10px 16px;transition:all .2s ease}.floating-buttons .journal-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.floating-buttons .logout-button-float{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;gap:8px;padding:10px 16px;transition:all .2s ease}.floating-buttons .logout-button-float:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.model-select{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:14px;padding:12px;transition:all .2s ease;width:100%}.model-select:hover{border-color:var(--color-border-medium)}.model-select:focus{border-color:#9333ea;box-shadow:0 0 0 2px #9333ea33;outline:none}.model-select option{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:8px}@media (max-width:1024px){.avatar-container{height:280px;width:200px}.avatar-wrapper{height:220px;width:180px}.avatar-head{height:180px;width:140px}}@media (max-width:768px){.chat-section{height:auto;min-height:500px}.input-group{align-items:stretch;flex-direction:column}.send-button{align-self:flex-end;width:100px}}.control-button:focus,.input-group textarea:focus,.send-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.simple-avatar-container{height:400px;width:400px}.simple-avatar,.simple-avatar-container{align-items:center;display:flex;justify-content:center}.simple-avatar{background:linear-gradient(145deg,#1e293b,#475569);border:3px solid #63b3ed4d;border-radius:50% 50% 40% 40%;height:350px;overflow:hidden;transition:all .3s ease;width:300px}.simple-avatar.speaking{animation:pulse-speaking .4s ease-in-out infinite alternate;border-color:#10b981;box-shadow:0 0 40px #10b98199;transform:scale(1.05)}.simple-avatar.listening{animation:pulse-listening 1s ease-in-out infinite alternate;border-color:#f59e0b;box-shadow:0 0 30px #f59e0b66}.simple-avatar .avatar-face{align-items:center;background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border-radius:50% 50% 45% 45%;box-shadow:inset 0 4px 8px #0000001a;display:flex;flex-direction:column;gap:20px;height:240px;justify-content:center;position:relative;width:200px}.simple-avatar .avatar-eyes{display:flex;gap:30px;margin-top:-20px}.simple-avatar .eye{animation:blink 3s ease-in-out infinite;background:#1e293b;border-radius:50%;height:20px;width:20px}.simple-avatar .avatar-mouth{background:#dc2626;border-radius:0 0 40px 40px;height:20px;overflow:hidden;position:relative;transition:all .2s ease;width:40px}.simple-avatar .avatar-mouth.talking{animation:mouth-talk .3s ease-in-out infinite alternate}.realistic-avatar-container{align-items:center;display:flex;flex-direction:column;gap:20px;height:500px;width:400px}.realistic-avatar{background:linear-gradient(145deg,#2d3748,#4a5568);border:3px solid #63b3ed4d;border-radius:20px;box-shadow:0 10px 30px #0000004d;height:400px;overflow:hidden;position:relative;transition:all .3s ease;width:350px}.realistic-avatar.speaking{border-color:#10b981;box-shadow:0 0 40px #10b98199;transform:scale(1.02)}.realistic-avatar.listening{border-color:#f59e0b;box-shadow:0 0 30px #f59e0b66}.avatar-portrait{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.human-face{background:linear-gradient(135deg,#f7e6cc,#f4d4ae 20%,#f7e6cc 40%,#f0d5b7 60%,#f7e6cc 80%,#f4d4ae);border-radius:50% 50% 45% 45%;box-shadow:inset 0 20px 40px #f0d5b74d,inset 0 -20px 40px #e4ccaa4d,0 5px 15px #0003;height:350px;overflow:hidden;position:relative;width:280px}.human-face:before{background:radial-gradient(ellipse at center top,#8b4513 0,sienna 30%,#8b4513 60%,#654321 100%);border-radius:50% 50% 40% 40%;content:"";height:120px;left:-10px;position:absolute;right:-10px;top:-20px;z-index:1}.face-overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.eye{animation:realistic-blink 4s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:inset 0 2px 5px #0000001a,0 1px 2px #0003;height:25px;position:absolute;top:40%;width:35px}.left-eye{left:25%}.right-eye{right:25%}.iris{background:radial-gradient(circle,#4a90e2 0,#2e5aac 40%,#1e3a8a 70%,#1e3a8a 100%);box-shadow:inset 0 2px 4px #0000004d,0 0 3px #4a90e280;height:18px;width:18px}.iris,.pupil{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pupil{background:#000;box-shadow:0 0 2px #ffffff4d;height:8px;width:8px}@keyframes realistic-blink{0%,90%,to{height:25px}95%{height:3px}}.mouth{bottom:35%;height:15px;left:50%;transform:translateX(-50%);transition:all .2s ease;width:50px}.lips,.mouth{position:absolute}.lips{background:linear-gradient(180deg,#dc6b6b 0,#c85454 50%,#b94a4a);border-radius:25px;box-shadow:inset 0 1px 3px #ffffff4d,0 1px 2px #0003}.upper-lip{border-radius:25px 25px 15px 15px;height:8px;top:0;width:100%}.lower-lip{border-radius:15px 15px 25px 25px;bottom:0;height:10px;width:100%}.mouth.talking{animation:realistic-talk .4s ease-in-out infinite alternate}@keyframes realistic-talk{0%{height:15px;width:50px}50%{height:25px;transform:translateX(-50%) translateY(-5px);width:40px}to{height:12px;transform:translateX(-50%) translateY(2px);width:55px}}.human-face:after{background:linear-gradient(180deg,#f0d5b7 0,#e6c4a6);border-radius:40% 40% 60% 60%;box-shadow:inset 1px 1px 2px #0000001a,0 1px 1px #fff3;content:"";height:15px;left:50%;position:absolute;top:55%;transform:translateX(-50%);width:8px;z-index:3}.avatar-status-realistic{align-items:center;display:flex;flex-direction:column;gap:10px;min-height:60px}.avatar-status-realistic .status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.avatar-status-realistic .listening-indicator{background:#f59e0b26;border:1px solid #f59e0b66;color:#fbbf24}.avatar-status-realistic .speaking-indicator{animation:glow-speaking .8s ease-in-out infinite alternate;background:#10b98126;border:1px solid #10b98166;color:#34d399}.tab-navigation{border-bottom:2px solid var(--color-border-light);display:flex;gap:8px;margin-bottom:20px}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:16px;font-weight:600;margin-bottom:-2px;padding:12px 24px;transition:all .2s ease}.tab-button:hover{color:var(--color-text-primary)}.tab-button.active{border-bottom-color:#60a5fa;color:#60a5fa}.memory-section{margin-bottom:24px}.memory-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.memory-section h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:18px;gap:8px;margin:0}.delete-all-btn{align-items:center;background:#ef444433;border:1px solid #ef444466;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.delete-all-btn:hover{background:#ef44444d;border-color:#ef444499;transform:translateY(-1px)}.memory-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.memory-list::-webkit-scrollbar{width:8px}.memory-list::-webkit-scrollbar-track{background:#1e293b80;border-radius:4px}.memory-list::-webkit-scrollbar-thumb{background:#64748b80;border-radius:4px}.memory-list::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.memory-empty{color:#64748b;font-style:italic;padding:20px;text-align:center}.memory-loading{color:#94a3b8;font-size:18px;padding:40px;text-align:center}.memory-item{align-items:flex-start;background:#1e293b99;border:1px solid #4755694d;border-radius:12px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.memory-item:hover{background:#1e293bcc;border-color:#64748b80;transform:translateX(4px)}.fact-category{align-items:center;background:#33415580;border-radius:8px;display:flex;font-size:24px;height:32px;justify-content:center;min-width:32px}.fact-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.fact-text{color:#e2e8f0;line-height:1.5}.fact-timestamp{color:#64748b;font-size:12px}.summary-item{flex-direction:column}.summary-content{width:100%}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.summary-range{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.summary-timestamp{color:#64748b;font-size:12px}.summary-text{color:#cbd5e1;font-size:14px;line-height:1.6;margin-top:8px}.refresh-memory-btn{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .2s ease;width:100%}.refresh-memory-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.refresh-memory-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.profile-header{margin-bottom:20px}.profile-title{color:#10b981;font-size:20px;font-weight:600;margin:0 0 8px}.profile-subtitle{color:var(--color-text-secondary);font-size:14px;margin:0}.profile-summary{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:8px;color:var(--color-text-primary);font-family:Space Grotesk,monospace;font-size:13px;line-height:1.6;margin-bottom:20px;padding:20px;white-space:pre-wrap}.profile-details{margin-top:20px}.profile-section-title{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 15px}.identity-list{display:flex;flex-direction:column;gap:12px}.identity-item{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-left-width:4px;border-radius:6px;padding:15px}.identity-item.identity-affection_level{border-left-color:#ec4899}.identity-item.identity-current_mood{border-left-color:#10b981}.identity-item.identity-emotional_patterns{border-left-color:#f59e0b}.identity-item.identity-personality{border-left-color:#3b82f6}.identity-item.identity-preferences{border-left-color:#8b5cf6}.identity-item.identity-communication_style,.identity-item.identity-life_context,.identity-item.identity-relationship_dynamics{border-left-color:#6b7280}.identity-header{display:flex;justify-content:space-between;margin-bottom:8px}.identity-category{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.identity-timestamp{color:var(--color-text-tertiary);font-size:11px;.debug-section{margin-bottom:20px}.debug-section h4{font-size:16px;font-weight:600;margin-bottom:10px}.debug-item-list{display:flex;flex-direction:column;gap:10px}.debug-item{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-left-width:3px;border-radius:6px;padding:12px}.debug-item.facts{border-left-color:#3b82f6}.debug-item.summaries{border-left-color:#8b5cf6}.debug-item.identity{border-left-color:#ec4899}.debug-item.messages,.debug-item.user-message{border-left-color:#10b981}.debug-item.assistant-message{border-left-color:#f59e0b}.debug-item-content{color:var(--color-text-primary);font-size:13px;margin-bottom:5px}.debug-item-meta{color:var(--color-text-tertiary);font-size:11px;.admin-header{margin-bottom:20px}.admin-header h3{color:#ef4444;font-size:20px;font-weight:600;margin:0 0 8px}.admin-header p{color:var(--color-text-secondary);font-size:14px;margin:0}.users-table{margin-top:20px}.users-total{color:#10b981;font-weight:600;margin-bottom:15px}.user-list{display:flex;flex-direction:column;gap:12px}.user-card{background:var(--color-bg-primary);border-left-color:var(--color-border-light);border-left-width:1px;border:1px solid var(--color-border-light);border-left:4px solid var(--color-text-tertiary);border-radius:8px;padding:16px}.user-card.admin-user{background:#3b82f60d;border-left-color:#3b82f6}.user-card-content{align-items:flex-start;display:flex;justify-content:space-between}.user-info{flex:1 1}.user-email{color:var(--color-text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.user-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:700;margin-left:10px;padding:2px 8px}.user-badge.admin{background:#3b82f6;color:#fff}.user-badge.protected{background:#10b981;color:#fff}.user-detail{color:var(--color-text-secondary);font-size:13px;margin-bottom:4px}.user-detail strong{color:var(--color-text-primary)}.user-id{color:var(--color-text-tertiary);font-size:12px}.delete-user-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s ease}.delete-user-btn:hover{background:#b91c1c;.admin-section{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;margin-bottom:24px;padding:20px}.admin-section h4{font-size:18px;font-weight:600;margin:0 0 12px}.admin-section code{background:var(--color-bg-tertiary);border-radius:4px;color:#10b981;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}}}.debug-item-category{color:var(--color-text-secondary);font-size:11px;margin-bottom:4px;text-transform:uppercase}}.identity-content{color:var(--color-text-primary);font-size:14px;margin:0}.no-data-message{color:var(--color-text-secondary);font-size:14px}.memory-agent-prompt-textarea{background:#1e293bcc;border:1px solid #47556980;border-radius:8px;color:#e2e8f0;font-family:Courier New,monospace;font-size:13px;line-height:1.6;min-height:300px;padding:12px;resize:vertical;width:100%}.memory-agent-prompt-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;outline:none}.section-description{color:#94a3b8;font-size:14px;margin-bottom:12px}.speech-toggle-container{align-items:center;background:#1e293b99;border:1px solid #47556980;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px 16px;position:relative;transition:all .2s ease}.speech-toggle-container:hover{background:#1e293bcc;border-color:#64748bb3}.toggle-label{color:#e2e8f0;font-size:14px;-webkit-user-select:none;user-select:none}.speech-toggle-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.toggle-slider{background-color:#475569;display:inline-block;height:24px;position:relative;transition:background-color .3s ease;width:48px}.toggle-slider:before{transition:transform .3s ease}.speech-toggle-checkbox:checked+.toggle-slider{background-color:#10b981}.speech-toggle-checkbox:checked+.toggle-slider:before{transform:translateX(24px)}.speech-toggle-container:hover .toggle-slider{box-shadow:0 0 8px #64748b80}.delete-memory-btn{align-items:center;background:#ef444433;border:1px solid #ef444466;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;min-width:36px;opacity:.7;padding:6px 10px;transition:all .2s ease}.delete-memory-btn:hover{background:#ef44444d;border-color:#ef444499;opacity:1;transform:scale(1.1)}.memory-item{position:relative}.memory-item .delete-memory-btn{margin-left:auto;.personality-header{margin-bottom:32px;text-align:center}.personality-title{color:var(--color-text-primary);font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:0}.personality-default-state{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:700px}.personality-default-message{background:var(--color-bg-secondary);border:2px solid #3b82f64d;border-radius:16px;overflow:hidden;padding:32px;position:relative}.personality-default-message:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.personality-default-message p{color:var(--color-text-primary);font-size:16px;line-height:1.8;margin-bottom:0}.personality-default-message p+p{margin-top:20px}.personality-default-message strong{color:#3b82f6;font-weight:600}.personality-toggle-container{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:16px;display:flex;justify-content:center;padding:28px 32px;transition:all .3s ease}.personality-toggle-container:hover{border-color:#3b82f666;box-shadow:0 4px 20px #3b82f61a}.personality-master-toggle{align-items:center;cursor:pointer;display:flex;gap:24px;justify-content:space-between;-webkit-user-select:none;user-select:none;width:100%}.personality-toggle-label{color:var(--color-text-primary);font-size:16px;font-weight:600;letter-spacing:-.2px}.personality-toggle-switch{flex-shrink:0;height:32px;position:relative;width:60px}.personality-toggle-switch input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.personality-toggle-slider{background:linear-gradient(135deg,var(--color-bg-tertiary) 0,#33415599 100%);border:2px solid var(--color-border-light);border-radius:32px;bottom:0;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.personality-toggle-slider:before{background:linear-gradient(135deg,#fff,#f1f5f9);border-radius:50%;bottom:2px;box-shadow:0 2px 8px #00000026;content:"";height:24px;left:3px;position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1);width:24px}.personality-toggle-switch input:checked+.personality-toggle-slider{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.personality-toggle-switch input:checked+.personality-toggle-slider:before{box-shadow:0 2px 12px #0003;transform:translateX(28px)}.personality-toggle-switch:hover .personality-toggle-slider{border-color:#3b82f680}.personality-enabled-header{background:var(--color-bg-secondary);border:1px solid #3b82f64d;border-radius:12px;margin-bottom:24px;padding:20px 24px}.personality-enabled-header p{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin-bottom:16px}.personality-enabled-header strong{color:var(--color-text-primary)}.personality-sections{display:flex;flex-direction:column;gap:20px}.personality-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:14px;padding:20px;transition:all .3s ease}.personality-section:hover{border-color:#3b82f666;box-shadow:0 4px 16px #3b82f626}.personality-section-header{margin-bottom:16px}.personality-section-toggle{align-items:center;cursor:pointer;display:flex;gap:12px;padding:4px 0;-webkit-user-select:none;user-select:none}.personality-section-toggle input[type=checkbox]{accent-color:#3b82f6;border-radius:6px;cursor:pointer;height:22px;width:22px}.personality-section-title{color:var(--color-text-primary);font-size:17px;font-weight:700;letter-spacing:-.3px}.personality-traits{border-left:3px solid #3b82f633;display:flex;flex-direction:column;gap:20px;margin-top:16px;padding-left:34px}.personality-trait{display:flex;flex-direction:column;gap:10px}.personality-trait-header{align-items:center;display:flex;justify-content:space-between;min-height:32px}.personality-trait-toggle{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:10px;-webkit-user-select:none;user-select:none}.personality-trait-toggle input[type=checkbox]{accent-color:#3b82f6;border-radius:4px;cursor:pointer;height:20px;width:20px}.personality-trait-toggle span{color:var(--color-text-primary);font-size:15px;font-weight:600;letter-spacing:-.2px}.personality-trait-value{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;box-shadow:0 2px 8px #3b82f640;color:#fff;font-size:15px;font-weight:700;letter-spacing:-.2px;padding:4px 14px}.personality-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,var(--color-bg-tertiary) 0,#3b82f61a 100%);border:1px solid var(--color-border-light);border-radius:4px;cursor:pointer;height:8px;outline:none;width:100%}.personality-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #3b82f64d;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.personality-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 16px #3b82f680;transform:scale(1.15)}.personality-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.personality-slider::-moz-range-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #3b82f64d;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.personality-slider::-moz-range-thumb:hover{box-shadow:0 4px 16px #3b82f680;transform:scale(1.15)}.personality-slider::-moz-range-thumb:active{transform:scale(1.05)}.personality-trait-description{color:var(--color-text-tertiary);font-size:13px;font-style:italic;margin-top:2px;padding-left:30px}.personality-actions{border-top:1px solid var(--color-border-light);display:flex;justify-content:center;margin-top:24px;padding-top:24px}.save-settings-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:-.2px;padding:14px 32px;transition:all .3s ease}.save-settings-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.save-settings-btn:active:not(:disabled){transform:translateY(0)}.save-settings-btn:disabled{cursor:not-allowed;opacity:.6}.personality-warning-modal{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.personality-warning-content{animation:slideUp .3s ease-out;background:var(--color-bg-secondary);border:2px solid #3b82f64d;border-radius:20px;box-shadow:0 25px 50px #0006;max-width:540px;overflow:hidden;padding:40px;position:relative;width:90%}.personality-warning-content:before{background:linear-gradient(90deg,#f59e0b,#ef4444 50%,#f59e0b);content:"";height:5px;left:0;position:absolute;right:0;top:0}.personality-warning-content h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:22px;font-weight:700;gap:8px;justify-content:center;letter-spacing:-.5px;margin-bottom:20px;text-align:center}.personality-warning-content p{color:var(--color-text-secondary);font-size:15px;line-height:1.7;margin-bottom:0}.personality-warning-content strong{color:var(--color-text-primary);font-weight:600}.personality-warning-btn{border:2px solid #0000;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:-.2px;padding:14px 28px;transition:all .2s ease}.personality-warning-btn.understand{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 4px 12px #3b82f64d;color:#fff}.personality-warning-btn.understand:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.personality-warning-btn.cancel{background:var(--color-bg-tertiary);border-color:var(--color-border-light);color:var(--color-text-primary)}.personality-warning-btn.cancel:hover{background:var(--color-btn-secondary-hover);border-color:var(--color-border-medium);transform:translateY(-1px)}}:root{--breakpoint-xs:380px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--vh-full:100vh;--vh-small:100svh;--vh-large:100lvh;--vh-dynamic:100dvh;--touch-target-min:44px;--touch-target-comfortable:48px;--touch-spacing-min:8px;--space-xs:clamp(4px,1vw,8px);--space-sm:clamp(8px,2vw,12px);--space-md:clamp(12px,3vw,16px);--space-lg:clamp(16px,4vw,24px);--space-xl:clamp(24px,5vw,32px);--font-xs:clamp(10px,2.5vw,12px);--font-sm:clamp(12px,3vw,14px);--font-base:clamp(14px,3.5vw,16px);--font-lg:clamp(16px,4vw,18px);--font-xl:clamp(18px,4.5vw,22px);--font-2xl:clamp(22px,5.5vw,28px);--font-3xl:clamp(28px,7vw,36px)}@supports (-webkit-touch-callout:none){:root{--vh-full:100dvh}}.device-ios:not(.supports-dvh){--vh-full:-webkit-fill-available}.safe-top{padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-area-top)}.safe-top-plus{padding-top:calc(env(safe-area-inset-top, 0px) + clamp(12px, 3vw, 16px));padding-top:calc(var(--safe-area-top) + var(--space-md))}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--safe-area-bottom)}.safe-bottom-plus{padding-bottom:calc(env(safe-area-inset-bottom, 0px) + clamp(12px, 3vw, 16px));padding-bottom:calc(var(--safe-area-bottom) + var(--space-md))}.safe-all{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left)}.screen-xs .hide-on-xs{display:none!important}.screen-xs .touch-target{min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min)}.screen-md .hide-on-md,.screen-sm .hide-on-sm,.show-on-xs{display:none!important}.screen-xs .show-on-xs{display:block!important}.show-on-mobile{display:none!important}.hide-on-mobile,.is-mobile .show-on-mobile{display:block!important}.is-mobile .hide-on-mobile{display:none!important}.is-landscape.is-mobile{--vh-full:100vw}.is-mobile [role=button],.is-mobile a,.is-mobile button,.is-mobile input[type=button],.is-mobile input[type=submit]{min-height:44px;min-height:var(--touch-target-min)}.has-notch .notch-aware-header{padding-top:calc(env(safe-area-inset-top, 0px) + 8px);padding-top:calc(var(--safe-area-top) + 8px)}.has-notch .notch-aware-footer{padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 8px);padding-bottom:calc(var(--safe-area-bottom) + 8px)}.modal-backdrop{align-items:center;animation:modalBackdropFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#fff8ec);background:var(--color-bg-secondary,linear-gradient(135deg,#fff 0,#fff8ec 100%));border:1px solid #e8d5c4;border:1px solid var(--color-border,#e8d5c4);border-radius:16px;box-shadow:0 20px 60px #0000004d;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;max-width:500px;width:100%}.modal-content{padding:32px}.modal-title{color:#2c1810;color:var(--color-text-primary,#2c1810);font-size:22px;font-weight:700;margin:0 0 16px;text-align:center}.modal-message{color:#4a3728;color:var(--color-text-secondary,#4a3728);font-size:16px;line-height:1.6;margin:0 0 28px;max-height:400px;overflow-y:auto;text-align:center;white-space:pre-wrap}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.modal-btn{border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 28px;transition:all .2s ease}.modal-btn:focus{box-shadow:0 0 0 3px #ffa5004d;box-shadow:0 0 0 3px var(--color-primary,#ffa5004d);outline:none}.modal-btn:active{transform:scale(.98)}.modal-btn-cancel{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);background:var(--color-bg-tertiary,linear-gradient(135deg,#f5f5f5 0,#e8e8e8 100%));border:1px solid #d0d0d0;border:1px solid var(--color-border,#d0d0d0);color:#666;color:var(--color-text-secondary,#666)}.modal-btn-cancel:hover{background:linear-gradient(135deg,#e8e8e8,#d8d8d8);background:var(--color-bg-primary,linear-gradient(135deg,#e8e8e8 0,#d8d8d8 100%));border-color:#b0b0b0;border-color:var(--color-border,#b0b0b0)}.modal-btn-confirm.primary{background:linear-gradient(135deg,#f93,#ff8c00);background:linear-gradient(135deg,var(--color-primary,#f93) 0,var(--color-secondary,#ff8c00) 100%);border:none;color:#fff}.modal-btn-confirm.primary:hover{box-shadow:0 4px 12px #ff8c0066;box-shadow:var(--glow-primary,0 4px 12px #ff8c0066);transform:translateY(-2px)}.modal-btn-confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.modal-btn-confirm.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}[data-account-class=casual] .modal-container{background:#141821;border:1px solid #2d3548}[data-account-class=casual] .modal-title{color:#f8f9fa}[data-account-class=casual] .modal-message{color:#b8c0cc}[data-account-class=casual] .modal-btn-cancel{background:#1c2130;border:1px solid #2d3548;color:#b8c0cc}[data-account-class=casual] .modal-btn-cancel:hover{background:#252a3a;border-color:#3d4560}.modal-backdrop[data-account-class=casual] .modal-btn-confirm,[data-account-class=casual] .modal-btn-confirm{background:linear-gradient(135deg,#d4af37,#e5c158)!important;border:none!important;color:#0b0e14!important}.modal-backdrop[data-account-class=casual] .modal-btn-confirm:hover,[data-account-class=casual] .modal-btn-confirm:hover{box-shadow:0 0 20px #d4af3780,0 0 40px #e5c1584d;transform:translateY(-2px)}.modal-backdrop[data-account-class=casual] .modal-btn-confirm.primary,[data-account-class=casual] .modal-btn-confirm.primary{background:linear-gradient(135deg,#d4af37,#e5c158)!important}.modal-backdrop[data-account-class=casual] .modal-btn-confirm.primary:hover,[data-account-class=casual] .modal-btn-confirm.primary:hover{box-shadow:0 0 20px #d4af3780,0 0 40px #e5c1584d}.modal-backdrop[data-account-class=casual] .modal-btn-confirm.danger,[data-account-class=casual] .modal-btn-confirm.danger{background:linear-gradient(135deg,#d4af37,#e5c158)!important}.modal-backdrop[data-account-class=casual] .modal-btn-confirm.danger:hover,[data-account-class=casual] .modal-btn-confirm.danger:hover{box-shadow:0 0 20px #d4af3780,0 0 40px #e5c1584d}[data-account-class=wellbeing] .modal-backdrop{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#0d0d10d9!important}[data-account-class=wellbeing] .modal-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(180deg,#1a1a1f,#151518)!important;border:1px solid #8b5cf633!important;border-radius:20px!important;box-shadow:0 20px 60px #00000080,0 0 40px #8b5cf61a!important}[data-account-class=wellbeing] .modal-title{color:#fff!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-weight:600!important}[data-account-class=wellbeing] .modal-message{color:#fff9!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}[data-account-class=wellbeing] .modal-btn{border-radius:12px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-weight:500!important;padding:12px 32px!important;transition:all .3s ease!important}[data-account-class=wellbeing] .modal-btn-cancel{background:#ffffff14!important;border:1px solid #ffffff26!important;color:#fffc!important}[data-account-class=wellbeing] .modal-btn-cancel:hover{background:#ffffff1f!important;border-color:#ffffff40!important;box-shadow:0 4px 12px #0000004d!important;transform:translateY(-2px)}.modal-backdrop[data-account-class=wellbeing] .modal-btn-confirm,[data-account-class=wellbeing] .modal-btn-confirm{background:linear-gradient(135deg,#8b5cf6e6,#6d3ed8f2)!important;border:1px solid #ffffff1a!important;box-shadow:0 4px 15px #8b5cf666!important;color:#fff!important}.modal-backdrop[data-account-class=wellbeing] .modal-btn-confirm:hover,[data-account-class=wellbeing] .modal-btn-confirm:hover{background:linear-gradient(135deg,#9f70fff2,#8b5cf6)!important;box-shadow:0 6px 25px #8b5cf680!important;transform:translateY(-2px)}.modal-backdrop[data-account-class=wellbeing] .modal-btn-confirm.primary,[data-account-class=wellbeing] .modal-btn-confirm.primary{background:linear-gradient(135deg,#8b5cf6e6,#6d3ed8f2)!important;border:1px solid #ffffff1a!important;box-shadow:0 4px 15px #8b5cf666!important;color:#fff!important}.modal-backdrop[data-account-class=wellbeing] .modal-btn-confirm.primary:hover,[data-account-class=wellbeing] .modal-btn-confirm.primary:hover{background:linear-gradient(135deg,#9f70fff2,#8b5cf6)!important;box-shadow:0 6px 25px #8b5cf680!important;transform:translateY(-2px)}.modal-backdrop[data-account-class=wellbeing] .modal-btn-confirm.danger,[data-account-class=wellbeing] .modal-btn-confirm.danger{background:linear-gradient(135deg,#8b5cf6e6,#6d3ed8f2)!important;border:1px solid #ffffff1a!important;box-shadow:0 4px 15px #8b5cf666!important;color:#fff!important}.modal-backdrop[data-account-class=wellbeing] .modal-btn-confirm.danger:hover,[data-account-class=wellbeing] .modal-btn-confirm.danger:hover{background:linear-gradient(135deg,#9f70fff2,#8b5cf6)!important;box-shadow:0 6px 25px #8b5cf680!important;transform:translateY(-2px)}@media (max-width:600px){.modal-backdrop{padding:16px}.modal-content{padding:24px}.modal-title{font-size:20px}.modal-message{font-size:15px}.modal-actions{flex-direction:column-reverse}.modal-btn{min-width:0;min-width:auto;width:100%}}@media (max-width:380px){.modal-content{padding:20px}.modal-title{font-size:18px;margin-bottom:12px}.modal-message{font-size:14px;margin-bottom:20px}.modal-btn{font-size:15px;padding:10px 20px}}.auth-screen{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.auth-container{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:400px;padding:20px;position:relative;width:90%;z-index:10001}.auth-container::-webkit-scrollbar{width:8px}.auth-container::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:10px}.auth-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:10px}.auth-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%)}.auth-header{margin-bottom:14px;text-align:center}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;font-size:22px;margin:0 0 4px}.auth-header p{color:var(--color-text-secondary);font-size:12px;margin:0}.auth-tabs{background:var(--color-bg-secondary);border-radius:var(--radius-md);gap:6px;margin-bottom:14px}.auth-tab{border-radius:5px;color:var(--color-text-secondary);font-weight:500;padding:8px;transition:all var(--transition-normal)}.auth-tab.active{background:var(--color-bg-tertiary);box-shadow:var(--shadow-sm);color:var(--color-accent)}.auth-form{gap:10px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:4px;position:relative;z-index:1}.form-group label{color:var(--color-text-primary);font-size:12px;font-weight:600}.form-group input,.form-group textarea{-webkit-appearance:none;appearance:none;background:var(--color-input-bg)!important;border:2px solid var(--color-input-border)!important;border-radius:var(--radius-md)!important;box-sizing:border-box;color:var(--color-input-text)!important;font-family:inherit!important;font-size:13px!important;padding:8px 10px!important;pointer-events:auto!important;position:relative;transition:all var(--transition-normal);width:100%;z-index:1}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-input-border-focus)!important;box-shadow:var(--glow-accent)!important;outline:none!important}.form-group textarea{min-height:50px;resize:vertical}.auth-error{border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);padding:8px}.auth-submit-btn{background:var(--color-btn-primary-bg);border:none;border-radius:var(--radius-md);color:var(--color-btn-primary-text);cursor:pointer;font-size:14px;font-weight:600;margin-top:4px;padding:10px;transition:all var(--transition-normal)}.auth-submit-btn:hover:not(:disabled){background:var(--color-btn-primary-hover);box-shadow:var(--glow-accent);transform:translateY(-2px)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6}.auth-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}.auth-footer{border-top:1px solid var(--color-border-light);margin-top:12px;padding-top:12px;text-align:center}.auth-footer p{color:var(--color-text-secondary);font-size:12px;margin:0}.auth-switch-btn{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:14px;font-weight:600;margin-left:4px;padding:0;text-decoration:underline}.auth-switch-btn:hover{color:var(--color-primary)}.advanced-settings{border-top:1px solid var(--color-border-light);margin-top:20px;padding-top:20px}.toggle-advanced{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:14px;font-weight:600;padding:8px 0;text-align:left;transition:color var(--transition-fast);width:100%}.toggle-advanced:hover{color:var(--color-primary)}.personality-sliders{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:15px;padding:15px}.slider-category{border-bottom:1px solid var(--color-border-light);margin-bottom:25px;padding-bottom:20px}.slider-category:last-child{border-bottom:none}.category-title{color:var(--color-accent);font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.slider-group{margin-bottom:20px}.slider-group label{color:var(--color-text-primary);display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:8px}.slider-value{color:var(--color-accent);font-size:14px;font-weight:700}.slider-group input[type=range]{-webkit-appearance:none;background:linear-gradient(to right,var(--color-border-light) 0,var(--color-primary) 50%,var(--color-accent) 100%);border-radius:3px;height:6px;margin:8px 0;outline:none;width:100%}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-accent);border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;height:18px;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);width:18px}.slider-group input[type=range]::-webkit-slider-thumb:hover{background:var(--color-primary);transform:scale(1.1)}.slider-group input[type=range]::-moz-range-thumb{background:var(--color-accent);border:none;border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;height:18px;width:18px}.slider-hint{color:var(--color-text-secondary);display:block;font-size:11px;font-style:italic;margin-top:4px}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;gap:12px;max-width:400px;min-width:300px;padding:14px 18px;pointer-events:all}.toast-success{background:#10b981;color:#fff}.toast-error{background:#ef4444;color:#fff}.toast-info{background:#3b82f6;color:#fff}.toast-icon{flex-shrink:0;font-size:18px;font-weight:700}.toast-message{flex:1 1;word-break:break-word}.toast-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;opacity:.7;padding:0;transition:opacity .2s;width:24px}.toast-close:hover{opacity:1}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}[data-account-class=wellbeing] .toast{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #8e7dbe4d;border-radius:12px;box-shadow:0 4px 20px #3a3d5c26,0 0 20px #8e7dbe1a}[data-account-class=wellbeing] .toast-success{background:linear-gradient(135deg,#7bc8a4f2,#5aaa8cf2);border-color:#7bc8a480;color:#1a3a2a}[data-account-class=wellbeing] .toast-success .toast-close,[data-account-class=wellbeing] .toast-success .toast-icon{color:#1a3a2a}[data-account-class=wellbeing] .toast-error{background:linear-gradient(135deg,#e57373f2,#c85a5af2);border-color:#e5737380;color:#3a1a1a}[data-account-class=wellbeing] .toast-error .toast-close,[data-account-class=wellbeing] .toast-error .toast-icon{color:#3a1a1a}[data-account-class=wellbeing] .toast-info{background:linear-gradient(135deg,#8e7dbef2,#7869aaf2);border-color:#8e7dbe80;color:#fff}[data-account-class=wellbeing] .toast-info .toast-close,[data-account-class=wellbeing] .toast-info .toast-icon{color:#fff}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10002}.confirm-modal{animation:modalFadeIn .2s ease-out;background:#fff;background:var(--color-bg-secondary,#fff);border:1px solid #0000;border:1px solid var(--color-border,#0000);border-radius:12px;box-shadow:0 8px 24px #0000004d;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;max-width:400px;padding:24px;width:90%;z-index:10003}.confirm-modal-title{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:20px;font-weight:600;margin:0 0 12px}.confirm-modal-message{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:14px;line-height:1.5;margin:0 0 24px}.confirm-modal-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.confirm-modal-cancel{background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);color:#1f2937;color:var(--color-text-primary,#1f2937)}.confirm-modal-cancel:hover{background:#e5e7eb;background:var(--color-bg-primary,#e5e7eb)}.confirm-modal-confirm{color:#fff}.confirm-modal-confirm:hover{opacity:.9;transform:translateY(-1px)}.confirm-modal-confirm.primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.confirm-modal-confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}[data-account-class=casual] .confirm-modal-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a0c14b3}[data-account-class=casual] .confirm-modal{background:#141821;border:1px solid #2d3548;border-radius:16px;box-shadow:0 10px 40px #00000080,0 0 30px #d4af371a}[data-account-class=casual] .confirm-modal-title{color:#f8f9fa}[data-account-class=casual] .confirm-modal-message{color:#b8c0cc}[data-account-class=casual] .confirm-modal-btn{border-radius:25px;font-weight:600;padding:12px 28px;transition:all .3s ease}[data-account-class=casual] .confirm-modal-cancel{background:#1c2130;border:1px solid #2d3548;border-radius:25px;color:#b8c0cc}[data-account-class=casual] .confirm-modal-cancel:hover{background:#252a3a;border-color:#3d4560;transform:translateY(-2px)}.confirm-modal-overlay[data-account-class=casual] .confirm-modal-confirm,[data-account-class=casual] .confirm-modal-confirm{background:linear-gradient(135deg,#d4af37,#e5c158)!important;border:none!important;border-radius:25px;color:#0b0e14!important}.confirm-modal-overlay[data-account-class=casual] .confirm-modal-confirm:hover,[data-account-class=casual] .confirm-modal-confirm:hover{box-shadow:0 0 20px #d4af3780,0 0 40px #e5c1584d;opacity:1;transform:translateY(-2px)}.confirm-modal-overlay[data-account-class=casual] .confirm-modal-confirm.danger,.confirm-modal-overlay[data-account-class=casual] .confirm-modal-confirm.primary,[data-account-class=casual] .confirm-modal-confirm.danger,[data-account-class=casual] .confirm-modal-confirm.primary{background:linear-gradient(135deg,#d4af37,#e5c158)!important}[data-account-class=wellbeing] .confirm-modal-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0d0d10d9}[data-account-class=wellbeing] .confirm-modal{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(180deg,#1a1a1f,#151518);border:1px solid #8b5cf633;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 40px #8b5cf61a}[data-account-class=wellbeing] .confirm-modal-title{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600}[data-account-class=wellbeing] .confirm-modal-message{color:#fff9;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}[data-account-class=wellbeing] .confirm-modal-btn{border-radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;padding:12px 32px;transition:all .3s ease}[data-account-class=wellbeing] .confirm-modal-cancel{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fffc}[data-account-class=wellbeing] .confirm-modal-cancel:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.confirm-modal-overlay[data-account-class=wellbeing] .confirm-modal-confirm,[data-account-class=wellbeing] .confirm-modal-confirm{background:linear-gradient(135deg,#8b5cf6e6,#6d3ed8f2)!important;border:1px solid #ffffff1a!important;border-radius:12px;box-shadow:0 4px 15px #8b5cf666;color:#fff!important}.confirm-modal-overlay[data-account-class=wellbeing] .confirm-modal-confirm:hover,[data-account-class=wellbeing] .confirm-modal-confirm:hover{background:linear-gradient(135deg,#9f70fff2,#8b5cf6)!important;box-shadow:0 6px 25px #8b5cf680;transform:translateY(-2px)}.confirm-modal-overlay[data-account-class=wellbeing] .confirm-modal-confirm.primary,[data-account-class=wellbeing] .confirm-modal-confirm.primary{background:linear-gradient(135deg,#8b5cf6e6,#6d3ed8f2)!important;box-shadow:0 4px 15px #8b5cf666}.confirm-modal-overlay[data-account-class=wellbeing] .confirm-modal-confirm.primary:hover,[data-account-class=wellbeing] .confirm-modal-confirm.primary:hover{background:linear-gradient(135deg,#9f70fff2,#8b5cf6)!important;box-shadow:0 6px 25px #8b5cf680;transform:translateY(-2px)}.confirm-modal-overlay[data-account-class=wellbeing] .confirm-modal-confirm.danger,[data-account-class=wellbeing] .confirm-modal-confirm.danger{background:linear-gradient(135deg,#8b5cf6e6,#6d3ed8f2)!important;box-shadow:0 4px 15px #8b5cf666}.confirm-modal-overlay[data-account-class=wellbeing] .confirm-modal-confirm.danger:hover,[data-account-class=wellbeing] .confirm-modal-confirm.danger:hover{background:linear-gradient(135deg,#9f70fff2,#8b5cf6)!important;box-shadow:0 6px 25px #8b5cf680;transform:translateY(-2px)}.onboarding-wrapper{align-items:flex-start;background-color:var(--color-bg-primary);bottom:0;height:100%;left:0;overflow-x:hidden;overflow-y:auto;padding-top:0;position:fixed;right:0;top:0;z-index:9999}.onboarding-container,.onboarding-wrapper{display:flex;justify-content:center;width:100%}.onboarding-container{align-items:center;box-sizing:border-box;flex-direction:column;max-width:1200px;padding:0 20px 20px}.onboarding-card{background-color:var(--color-bg-secondary);border:2px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin-top:20px;max-width:480px;padding:40px;transition:all var(--transition-normal);width:100%}.onboarding-card.full-width{margin-top:0;max-width:1400px;padding:0 30px 30px}.progress-indicator{background-color:var(--color-border-light);border-radius:var(--radius-full);height:4px;margin-bottom:30px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));height:100%;transition:width var(--transition-slow)}.onboarding-header{margin-bottom:32px;text-align:center}.onboarding-header.compact{margin-bottom:20px}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:700;margin:0 0 8px;text-transform:capitalize}.app-subtitle{color:var(--color-text-secondary);font-size:18px;margin:0}.onboarding-header h2{color:var(--color-text-primary);font-size:28px;font-weight:600;margin:0 0 8px}.onboarding-header.compact h2{font-size:24px;margin:0 0 4px}.onboarding-header p{color:var(--color-text-secondary);font-size:16px;margin:0}.onboarding-header.compact p{font-size:14px}.onboarding-header p strong{color:var(--color-text-primary);font-weight:600}.onboarding-content{display:flex;flex-direction:column;gap:16px}.onboarding-content.compact{gap:12px}.auth-button{align-items:center;background-color:var(--color-bg-tertiary);border:2px solid var(--color-border-medium);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all var(--transition-fast);width:100%}.auth-button:hover:not(:disabled){border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.5}.button-icon{font-size:20px}.google-button{border-color:var(--color-border-dark)}.apple-button{background-color:var(--color-bg-secondary)}.email-button{background-color:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text)}.email-button:hover:not(:disabled){background-color:var(--color-btn-primary-hover);border-color:var(--color-btn-primary-hover)}.form-group{margin-bottom:12px}.form-group.full-width{width:100%}.form-label{color:var(--color-text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-row{display:flex;gap:16px;width:100%}.form-row .form-group{flex:1 1}.form-input{background-color:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-input-text);font-size:16px;padding:14px 16px;transition:all var(--transition-fast);width:100%}.form-input[type=text]:not(.code-input):not(.username-input){text-transform:capitalize}.username-input-wrapper{align-items:center;display:flex;position:relative}.username-prefix{color:var(--color-text-secondary);font-size:16px;font-weight:600;left:14px;pointer-events:none;position:absolute;z-index:1}.username-input{font-family:SF Mono,Fira Code,Consolas,monospace;letter-spacing:.3px;padding-left:32px!important;text-transform:lowercase}.username-input.valid{border-color:#22c55e}.username-input.invalid{border-color:#ef4444}.username-status{font-size:12px;font-weight:500;position:absolute;right:12px}.username-status.checking{color:var(--color-text-muted)}.username-status.available{color:#22c55e}.username-feedback{color:#ef4444}.form-hint,.username-feedback{font-size:12px;margin-top:4px;padding-left:2px}.form-hint{color:var(--color-text-muted)}.form-input::placeholder{color:var(--color-input-placeholder)}.form-input:focus{border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #ff58641a;outline:none}.code-input{font-size:24px;font-weight:600;letter-spacing:8px;text-align:center}.birthday-inputs-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:80px 1fr 100px}.birthday-inputs-row .form-input.has-advice{border-color:#f59e0b}.birthday-advice{align-items:center;background:#f59e0b1a;border-radius:var(--radius-sm);color:#d97706;display:flex;font-size:13px;gap:6px;line-height:1.4;margin-top:8px;padding:8px 12px}.birthday-advice svg{stroke:#d97706;flex-shrink:0}.gender-buttons-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.gender-button{background-color:var(--color-bg-tertiary);border:2px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:15px;font-weight:600;padding:12px 16px;transition:all var(--transition-fast)}.gender-buttons.compact .gender-button{font-size:14px;padding:10px 12px}.gender-button:hover{border-color:var(--color-accent);transform:translateY(-2px)}.gender-button.selected{background-color:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text)}.primary-button{background:linear-gradient(135deg,var(--color-btn-primary-bg),var(--color-accent));border:none;border-radius:var(--radius-lg);color:var(--color-btn-primary-text);cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:16px 24px;transition:all var(--transition-fast);width:100%}.primary-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.onboarding-exit-link{background:none;border:none;color:#999;color:var(--color-text-muted,#999);cursor:pointer;font-size:13px;margin-top:16px;opacity:.7;padding:8px;text-decoration:underline;transition:opacity .2s ease}.onboarding-exit-link:hover{color:#666;color:var(--color-text-secondary,#666);opacity:1}.loading-spinner{animation:spinner-spin .6s linear infinite;border:3px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:18px;margin-right:10px;vertical-align:middle;width:18px}@keyframes spinner-spin{to{transform:rotate(1turn)}}.text-button{background:none;border:none;color:var(--color-text-highlight);cursor:pointer;font-size:14px;font-weight:500;padding:8px;transition:opacity var(--transition-fast)}.text-button:hover:not(:disabled){opacity:.8;text-decoration:underline}.text-button:disabled{cursor:not-allowed;opacity:.4}.back-button{background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:16px;font-weight:500;left:20px;padding:8px 12px;position:absolute;top:20px;transition:all var(--transition-fast)}.back-button:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.logout-button{align-items:center;background:none;border:2px solid var(--color-text-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;left:20px;padding:10px;position:absolute;top:20px;transition:all var(--transition-fast);z-index:100}.logout-button:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:translateX(-2px)}.logout-button svg{height:20px;width:20px}.info-text{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin-top:16px}.error-message{background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-weight:500}.legal-links{margin-top:24px;text-align:center}.legal-links a{color:var(--color-text-secondary);font-size:14px;text-decoration:none;transition:color var(--transition-fast)}.legal-links a:hover{color:var(--color-text-highlight);text-decoration:underline}.search-bar{display:flex;gap:12px;margin-bottom:16px}.search-bar .form-input{flex:1 1}.search-button{border-radius:var(--radius-md,8px);flex-shrink:0;font-size:18px;padding:14px 20px;transition:all var(--transition-fast,.2s)}.search-button:hover{box-shadow:0 4px 12px #0003;filter:brightness(1.1);transform:translateY(-2px)}.filter-options{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:4px}.filter-label,.filter-toggle{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px}.filter-label input[type=radio],.filter-toggle input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer}.highlight{color:var(--color-text-highlight);font-weight:600}.character-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:24px;width:100%}.character-card{background-color:var(--color-bg-primary);border:2px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:grab;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.character-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.character-card.dragging{animation:dragWiggle .3s ease-in-out infinite;box-shadow:0 16px 48px #00000080;cursor:grabbing;opacity:.6;transform:scale(.95) rotate(-2deg);transition:all .2s cubic-bezier(.34,1.56,.64,1);z-index:1000}@keyframes dragWiggle{0%,to{transform:scale(.95) rotate(-2deg)}50%{transform:scale(.95) rotate(-3deg)}}.featured-badge{background-color:var(--color-accent);border-radius:var(--radius-md);color:#fff;font-size:12px;font-weight:700;left:12px;padding:4px 12px}.favorite-button,.featured-badge{position:absolute;top:12px;z-index:10}.favorite-button{align-items:center;background-color:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;right:12px;transition:all var(--transition-fast);width:40px}.favorite-button:hover{background-color:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.1)}.favorite-button.favorited{background-color:#ff6464e6}.favorite-button:active{transform:scale(.95)}.character-avatar{align-items:center;aspect-ratio:3/4;background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-tertiary));display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.character-avatar img{display:block;height:100%;object-fit:cover;object-position:center 40%;width:100%}.avatar-placeholder{color:var(--color-text-tertiary);font-size:48px;opacity:.5}.character-info{background-color:#fff;background-color:var(--color-bg-tertiary,#fff);display:flex;flex:1 1;flex-direction:column;min-height:140px;padding:16px}.character-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px;min-height:20px}.character-tag{background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:10px;font-weight:600;padding:3px 8px;text-transform:lowercase;white-space:nowrap}.character-name{color:#d4a574;color:var(--color-primary,#d4a574);font-size:16px;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.character-description{-webkit-line-clamp:5;font-size:13px;margin:0;overflow:hidden;position:relative;text-overflow:ellipsis}.character-description-wrapper{position:relative}.description-tooltip{animation:tooltipFadeIn .2s ease-in-out;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);bottom:100%;box-shadow:0 8px 24px #00000040;color:var(--color-text-primary);font-size:13px;line-height:1.6;margin-bottom:8px;max-height:400px;max-width:320px;overflow-y:auto;padding:12px 16px;width:-webkit-max-content;width:max-content;z-index:1000}.description-tooltip,.description-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.description-tooltip:after{border:8px solid #0000;border-top:8px solid var(--color-bg-primary);content:"";top:100%}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.empty-state{color:var(--color-text-secondary);padding:60px 20px;text-align:center}@media (max-width:768px){.onboarding-wrapper{align-items:flex-start;padding-top:10px}.onboarding-card{margin-top:0;padding:20px}.onboarding-card.full-width{margin-top:0;overflow:visible;padding:24px 12px}.onboarding-header{margin-bottom:20px}.birthday-inputs,.gender-buttons{grid-template-columns:1fr}.character-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:480px){.app-title{font-size:36px}.onboarding-header h2{font-size:24px}}.character-detail-view{max-height:90vh;overflow-y:auto;padding:40px}.character-detail-content{align-items:flex-start;display:flex;gap:40px;margin-top:20px}.character-detail-avatar{aspect-ratio:4/5;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-shrink:0;overflow:hidden;width:400px}.character-detail-avatar img{height:100%;object-fit:cover;object-position:center 20%;width:100%}.avatar-placeholder-large{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;font-size:120px;height:100%;justify-content:center;width:100%}.character-detail-info{display:flex;flex:1 1;flex-direction:column;gap:24px}.character-detail-name{color:var(--color-text-primary);font-size:36px;font-weight:700;margin:0}.character-detail-section{background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:20px}.character-detail-section h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 12px}.character-detail-section p{color:var(--color-text-secondary);font-size:15px;line-height:1.6;margin:0;white-space:pre-wrap}.character-detail-actions{display:flex;gap:12px;margin-top:16px}.detail-back-button,.detail-meet-button{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:16px 32px;transition:all var(--transition-fast)}.detail-back-button{background-color:var(--color-bg-tertiary);border:2px solid var(--color-border-light);color:var(--color-text-primary)}.detail-back-button:hover{background-color:var(--color-bg-secondary);border-color:var(--color-primary)}.detail-meet-button{background-color:var(--color-btn-primary-bg);box-shadow:var(--shadow-md);color:#fff}.detail-meet-button:hover{background-color:var(--color-btn-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:768px){.character-detail-content{align-items:center;flex-direction:column}.character-detail-avatar{width:300px}.character-detail-name{font-size:28px;text-align:center}.character-detail-actions{flex-direction:column}.detail-back-button,.detail-meet-button{width:100%}}.lounge-split-container{align-items:flex-start;display:flex;flex-direction:row;gap:24px;margin:0 auto;max-width:1800px;padding:24px 32px;width:100%}.browse-panel{border-radius:var(--radius-xl);display:flex;flex:1 1;flex-direction:column;min-width:0}.panel-title{color:var(--color-text-primary);font-size:20px;font-weight:700;margin:0}.browse-panel .search-bar{display:flex;flex-shrink:0;margin-bottom:16px;width:100%}.browse-panel .search-bar .form-input{text-transform:none}.browse-panel .filter-options{flex-shrink:0;margin-bottom:20px}.browse-panel .character-grid{grid-gap:16px;align-content:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}@media (min-width:1025px){.browse-panel .character-grid{-ms-overflow-style:none;flex:1 1;max-height:calc(100vh - 400px);overflow-y:auto;padding-right:8px;scrollbar-width:none}.browse-panel .character-grid::-webkit-scrollbar{display:none}}.my-chosen-gallery{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-secondary);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;flex-shrink:0;max-height:calc(100vh - 60px);overflow:hidden;padding:16px;position:-webkit-sticky;position:sticky;top:20px;width:280px}.chosen-title{color:var(--color-text-primary);font-size:18px;font-weight:700;margin:0 0 12px;text-shadow:none}.chosen-scroll-container{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 4px}.chosen-cards{align-items:stretch;display:flex;flex-direction:column;gap:16px;justify-content:flex-start;padding:0}.chosen-cards>*{flex-shrink:0}.chosen-cards .character-card,.chosen-cards .character-slot{order:0}.chosen-cards>:first-child{order:1}.chosen-cards>:nth-child(2){order:2}.chosen-cards>:nth-child(3){order:3}.chosen-cards>:nth-child(4){order:4}.chosen-empty-message{color:var(--color-text-secondary);font-size:16px;font-style:italic}.chosen-empty-message,.chosen-message{align-items:center;display:flex;height:100%;justify-content:center;padding:0 20px;text-align:center;width:100%}.chosen-message{color:var(--color-text-primary);font-size:18px;font-weight:600}.chosen-message-toast{animation:toastAppear .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000040;font-size:16px;font-weight:600;left:50%;min-width:280px;padding:16px 28px;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10000}.chosen-message-toast.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;color:#065f46}.chosen-message-toast.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;color:#991b1b}@keyframes toastAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.my-chosen-gallery.magnetic-snap{animation:magneticGlow .8s ease-in-out infinite;border-color:var(--color-primary);box-shadow:var(--shadow-lg);transition:border-color .2s ease,box-shadow .2s ease}.my-chosen-gallery.drag-over{animation:dropZoneGlow 1s ease-in-out infinite;background:var(--color-bg-tertiary);border-color:var(--color-accent);border-width:3px;box-shadow:var(--shadow-xl)}@keyframes magneticGlow{0%,to{box-shadow:var(--shadow-lg)}50%{box-shadow:var(--shadow-xl)}}@keyframes dropZoneGlow{0%,to{box-shadow:var(--shadow-xl)}50%{box-shadow:0 12px 40px #00000026}}.chosen-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.chosen-icon{animation:sparkle 2s ease-in-out infinite;font-size:24px;margin-right:8px}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.magnetic-hint{animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:20px;box-shadow:0 4px 12px #0003;color:#fff;font-size:14px;font-weight:600;padding:6px 16px}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.character-slot{align-items:center;border-radius:var(--radius-md);display:flex;flex-direction:row;flex-shrink:0;height:110px;justify-content:center;position:relative;transition:all .2s ease;width:100%}.empty-slot{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px dashed var(--color-border-light)}.empty-slot,.empty-slot.highlight{background:var(--color-bg-tertiary)}.empty-slot.highlight{animation:slotHighlight .6s ease-in-out infinite;border-color:var(--color-accent);border-style:solid;border-width:3px;box-shadow:var(--shadow-lg);transform:scale(1.05)}@keyframes slotHighlight{0%,to{box-shadow:var(--shadow-lg)}50%{box-shadow:var(--shadow-xl)}}.slot-number{align-items:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border-light);border-radius:50%;color:var(--color-primary);display:flex;font-size:13px;height:26px;justify-content:center;left:6px;position:absolute;top:6px;width:26px}.empty-slot.highlight .slot-number{background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:scale(1.1)}.slot-icon{font-size:38px;font-weight:300;margin-right:10px;transition:all .2s ease}.empty-slot.highlight .slot-icon{color:var(--color-accent);transform:scale(1.15) rotate(90deg)}.slot-text{font-size:13px;font-weight:600}.empty-slot.highlight .slot-text{color:var(--color-text-primary);font-weight:700}.empty-slot .slot-content{align-items:center;display:flex;gap:8px}.chosen-cards .character-card{animation:cardAppear .4s cubic-bezier(.34,1.56,.64,1);background:var(--color-bg-primary);border:2px solid var(--color-border-light);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:row;flex-shrink:0;height:110px;overflow:hidden;position:relative;transition:all .2s ease;width:100%}@keyframes cardAppear{0%{opacity:0;transform:scale(.9) translateX(-30px)}50%{transform:scale(1.02) translateX(5px)}to{opacity:1;transform:scale(1) translateX(0)}}.slot-number-badge{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;left:6px;position:absolute;top:6px;width:24px;z-index:5}.chosen-cards .character-card .character-avatar{background:var(--color-bg-tertiary);flex-shrink:0;height:110px;overflow:hidden;position:relative;width:82px}.chosen-cards .character-card .character-avatar img{display:block;height:100%;object-fit:cover;object-position:center 40%;width:100%}.chosen-cards .character-card .character-info{align-items:center;background:var(--color-bg-primary);display:flex;flex:1 1;padding:10px}.chosen-cards .character-card .character-info h3{color:var(--color-text-primary);font-size:14px;line-height:1.3;margin:0}.chosen-cards .character-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg);transform:translateX(4px) scale(1.02)}.chosen-cards .character-card:active{transform:translateX(2px) scale(1);transition:all .1s ease}.chosen-cards .character-card img{height:160px;object-fit:cover;object-position:center top}.chosen-cards .character-info{height:40px;padding:6px}.chosen-cards .character-info h3{font-size:12px;line-height:1.2;margin:0}.chosen-scroll-container::-webkit-scrollbar{width:8px}.chosen-scroll-container::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:4px}.chosen-scroll-container::-webkit-scrollbar-thumb{background:var(--color-primary);border:2px solid var(--color-bg-secondary);border-radius:4px}.chosen-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}@media (max-width:1280px){.my-chosen-gallery{width:260px}.lounge-split-container{gap:16px}}@media (max-width:1024px){.lounge-split-container{flex-direction:column;gap:0;min-height:100vh;padding:20px 16px;position:relative}.browse-panel{flex:1 1;margin-bottom:240px;position:relative;z-index:1}.browse-panel .search-bar{display:flex!important;opacity:1!important;visibility:visible!important}.my-chosen-gallery{border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0!important;box-shadow:0 -4px 20px #00000026;left:0!important;margin:0!important;max-height:220px;position:fixed!important;right:0!important;top:auto!important;width:100%!important;z-index:1000!important}.browse-panel .character-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:none}.chosen-scroll-container{height:220px;overflow-x:auto;overflow-y:hidden}.chosen-cards{flex-direction:row;gap:16px}.character-slot,.chosen-cards .character-card{flex-direction:column;height:190px;width:130px}.chosen-cards .character-card .character-avatar{aspect-ratio:3/4;height:auto;width:100%}.chosen-cards .character-card .character-avatar img{height:100%;object-fit:cover;object-position:center 40%;width:100%}.chosen-cards .character-card .character-info{height:60px;padding:8px;width:100%}.slot-icon{margin-bottom:8px;margin-right:0}.slot-number-badge{bottom:68px;left:auto;right:8px;top:auto}.chosen-scroll-container::-webkit-scrollbar{height:10px;width:auto}}@media (max-width:768px){.lounge-split-container{padding:16px 12px 20px}.onboarding-card.full-width{margin-top:0;padding:20px 12px}.onboarding-header{margin-bottom:16px}.browse-panel{margin-bottom:230px;padding-right:4px}.browse-panel .search-bar{margin-bottom:12px}.browse-panel .character-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.my-chosen-gallery{max-height:210px!important;padding:12px}.chosen-scroll-container{height:165px}.my-chosen-gallery.drag-over{border-width:2px;transform:scale(1.005)}.magnetic-hint{font-size:12px;padding:5px 12px}.chosen-title{font-size:19px}.chosen-header{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:space-between}.chosen-scroll-container{height:185px}.character-slot,.chosen-cards .character-card{height:auto;width:120px}.chosen-cards .character-card .character-avatar{aspect-ratio:3/4}.slot-icon{font-size:42px}.slot-text{font-size:11px}.slot-number{font-size:13px;height:26px;width:26px}.slot-number-badge{font-size:12px;height:22px;width:22px}.character-card{-webkit-tap-highlight-color:transparent}.character-card.dragging{opacity:.7;transform:scale(.92) rotate(-3deg)}.favorite-button{font-size:22px;height:44px;width:44px}}@media (max-width:480px){.lounge-split-container{padding:12px 10px 20px}.onboarding-card.full-width{padding:16px 10px}.onboarding-header{margin-bottom:12px}.onboarding-header h2{font-size:20px}.onboarding-header p{font-size:13px}.browse-panel{margin-bottom:220px}.browse-panel .search-bar{margin-bottom:10px}.browse-panel .search-bar .form-input{font-size:14px;padding:12px 14px}.search-button{font-size:16px;padding:12px 16px}.browse-panel .character-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.character-slot,.chosen-cards .character-card{height:auto;width:110px}.chosen-cards .character-card .character-avatar{aspect-ratio:3/4}.chosen-scroll-container{height:160px}.my-chosen-gallery{max-height:200px!important;padding:10px}.chosen-title{font-size:16px}}.lounge-top-bar{align-items:center;display:flex;justify-content:space-between;margin:0 -30px;padding:10px 30px;position:relative;width:calc(100% + 60px);z-index:10}.category-pills-top-bar{display:none}.lounge-top-left{align-items:center;display:flex;gap:12px}.lounge-header-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0}[data-account-class=wellbeing] .lounge-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a5568,#718096 50%,#4a5568);-webkit-background-clip:text;background-clip:text;text-shadow:none}[data-account-class=casual] .lounge-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text}.lounge-top-right{gap:12px}.cart-button,.lounge-top-right{align-items:center;display:flex}.cart-button{background:#ffffff1a;background:var(--color-bg-tertiary,#ffffff1a);border:2px solid #8b5cf64d;border:2px solid var(--color-border,#8b5cf64d);border-radius:var(--radius-lg);color:#333;color:var(--color-text-primary,#333);cursor:pointer;gap:8px;padding:8px 12px;position:relative;transition:all .2s ease}.cart-button:hover{background:#8b5cf61a;background:var(--color-bg-secondary,#8b5cf61a);border-color:#8b5cf6;border-color:var(--color-primary,#8b5cf6);transform:translateX(3px)}.cart-button svg{stroke:#8b5cf6;stroke:var(--color-primary,#8b5cf6);height:20px;transition:transform .2s ease;width:20px}.cart-button:hover svg{transform:scale(1.1)}.cart-badge{background:#8b5cf6;background:var(--color-primary,#8b5cf6);border-radius:var(--radius-full);color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.settings-button{align-items:center;background:#ffffff1a;background:var(--color-bg-tertiary,#ffffff1a);border:1px solid #fff3;border:1px solid var(--color-border,#fff3);border-radius:var(--radius-lg);color:#888;color:var(--color-text-secondary,#888);cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all var(--transition-fast)}.settings-button:hover{background:#ffffff26;background:var(--color-bg-secondary,#ffffff26);color:#fff;color:var(--color-text-primary,#fff);transform:translateY(-2px)}.settings-button svg{height:20px;width:20px}.gallery-top-actions{align-items:center;display:flex;gap:10px}.lounge-view .onboarding-header{text-align:left}.search-bar-container{display:flex;gap:10px;margin-bottom:10px}.character-card-new{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:all var(--transition-fast)}.character-card-new:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.icon-btn-collection{align-items:center;background:#7878828c;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;box-sizing:border-box;cursor:default;display:flex;height:40px;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:8px;top:8px;transform:translateZ(0);width:40px;z-index:10}.icon-btn-collection .gallery-icon{stroke:#fff;stroke-width:2.5;position:absolute}@media (max-width:480px){.icon-btn-collection{height:36px;min-height:36px;min-width:36px;right:6px;top:6px;width:36px}.icon-btn-collection .gallery-icon{height:18px;width:18px}}@media (max-width:380px){.icon-btn-collection{height:32px;min-height:32px;min-width:32px;right:4px;top:4px;width:32px}.icon-btn-collection .gallery-icon{height:16px;width:16px}}.character-avatar-clickable{aspect-ratio:3/4;cursor:pointer;overflow:hidden;position:relative;width:100%}.character-avatar-clickable img{height:100%;object-fit:cover;width:100%}.video-play-btn{align-items:center;background:#0000;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;filter:drop-shadow(0 2px 8px rgba(0,0,0,.7));flex-shrink:0;height:auto;justify-content:center;left:12px;padding:0;position:absolute;top:12px;transition:all .2s ease;width:auto;z-index:15}.video-play-btn:hover{filter:drop-shadow(0 3px 10px rgba(0,0,0,.8));transform:scale(1.15)}.video-play-btn svg.play-icon{height:40px;margin-left:0;width:40px}.video-play-btn svg.loading-spinner{animation:spin 1s linear infinite;height:32px;margin-left:0;width:32px}@media (max-width:768px){.video-play-btn{left:10px;top:10px}.video-play-btn svg.play-icon{height:36px;width:36px}.video-play-btn svg.loading-spinner{height:28px;width:28px}}.character-video{cursor:pointer;height:100%;object-fit:cover;width:100%}.character-video::-webkit-media-controls,.character-video::-webkit-media-controls-enclosure{display:none!important}.character-video::-webkit-media-controls-panel,.character-video::-webkit-media-controls-picture-in-picture-button{display:none!important}.character-video::-moz-media-controls{display:none!important}.character-name-bar{align-items:center;background-color:#fff;background-color:var(--color-bg-tertiary,#fff);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:center;padding:12px 16px}.character-name-bar .character-name{color:#d4a574;color:var(--color-primary,#d4a574);font-size:16px;font-weight:600;margin:0;text-align:center}.btn-add-to-collection{background:var(--color-btn-primary-bg);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all var(--transition-fast);white-space:nowrap}.btn-add-to-collection:hover:not(:disabled){background:var(--color-btn-primary-hover);transform:scale(1.05)}.btn-add-to-collection:disabled{cursor:not-allowed;opacity:.5}.btn-remove-from-collection{background:#dc2626;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all var(--transition-fast);white-space:nowrap}.btn-remove-from-collection:hover{background:#b91c1c;transform:scale(1.05)}.character-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;background-color:#fff;background-color:var(--color-bg-tertiary,#fff);color:#2c2416;color:var(--color-text-primary,#2c2416);display:-webkit-box;font-size:14px;height:84px;line-height:1.5;overflow-x:hidden;overflow-y:auto;padding:12px 16px}.character-description::-webkit-scrollbar{width:4px}.character-description::-webkit-scrollbar-track{background:#0000}.character-description::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}.gallery-view{padding:20px;position:relative}.gallery-view .lounge-hero-banner{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}.gallery-view .lounge-hero-banner.banner-top{margin-top:-20px}.gallery-top-bar{align-items:center;display:flex;justify-content:space-between;margin:0 -30px;padding:10px 30px;position:relative;width:calc(100% + 60px);z-index:10}.gallery-top-bar .gallery-header-title{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;letter-spacing:-.02em;margin:0 0 0 20px;white-space:nowrap}[data-account-class=wellbeing] .gallery-top-bar .gallery-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e8e8e8,#fff 50%,#e8e8e8);-webkit-background-clip:text;background-clip:text}[data-account-class=casual] .gallery-top-bar .gallery-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text}.gallery-top-left{align-items:center;display:flex;gap:12px}.back-icon-button{align-items:center;background:none;border:2px solid #888;border:2px solid var(--color-text-secondary,#888);border-radius:12px;border-radius:var(--radius-lg,12px);color:#888;color:var(--color-text-secondary,#888);cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s ease}.back-icon-button:hover{background:#0000000d;background:var(--color-bg-tertiary,#0000000d);border-color:#333;border-color:var(--color-text-primary,#333);color:#333;color:var(--color-text-primary,#333);transform:translateX(3px)}.back-icon-button svg{transform:rotate(180deg);transition:transform .2s ease}.back-icon-button:hover svg{transform:rotate(180deg) scale(1.1)}@media (max-width:768px){.back-icon-button:hover{transform:translateX(-3px)}}.gallery-top-bar .back-button,.gallery-top-bar .logout-button{margin:0;position:static}.gallery-top-bar h2{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0}.gallery-view .onboarding-header{text-align:left}.gallery-header-title{color:var(--color-text-primary);font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin:0}[data-account-class=wellbeing] .gallery-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a5568,#718096 50%,#4a5568);-webkit-background-clip:text;background-clip:text}[data-account-class=casual] .gallery-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.gallery-slot{background:#0000;border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:280px;transition:all var(--transition-fast)}.gallery-slot.filled-slot{border:none}.gallery-slot.empty-slot,.gallery-slot.locked-slot{align-items:center;background:#fff;border:2px solid var(--color-border-light);justify-content:center;padding:20px}.gallery-slot.locked-slot{background:var(--color-bg-tertiary);border-style:dashed;opacity:.6}.lock-icon{font-size:48px;margin-bottom:10px}.lock-text{color:var(--color-text-secondary);font-size:13px;margin:0;text-align:center}.gallery-slot.empty-slot{background:var(--color-bg-secondary);border-style:dashed}.slot-number{font-size:24px;font-weight:700}.slot-icon,.slot-number{color:var(--color-text-tertiary);margin-bottom:10px}.slot-icon{font-size:36px}.slot-text{color:var(--color-text-secondary);font-size:14px;margin:0}.gallery-slot.filled-slot{background:#0000;cursor:pointer;display:flex;flex-direction:column;min-height:0;overflow:visible;padding:0}.gallery-slot.filled-slot:hover{box-shadow:none;transform:none}.gallery-character-card{height:100%;position:relative;width:100%}.remove-button{align-items:center;background:#dc2626e6;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:32px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;transition:all var(--transition-fast);width:32px;z-index:10}.remove-button:hover{background:#b91c1c;transform:scale(1.1)}.gallery-avatar{aspect-ratio:3/4;overflow:hidden;width:100%}.gallery-avatar img{height:100%;object-fit:cover;width:100%}.gallery-character-info{background:#fff;background:var(--color-bg-tertiary,#fff);display:flex;flex-direction:column}.gallery-character-name-bar{align-items:center;background-color:#fff;background-color:var(--color-bg-tertiary,#fff);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:center;padding:12px 16px}.gallery-character-name{color:#d4a574;color:var(--color-primary,#d4a574);font-size:16px;font-weight:600;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.gallery-character-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;background-color:#fff;background-color:var(--color-bg-tertiary,#fff);color:#2c2416;color:var(--color-text-primary,#2c2416);display:-webkit-box;font-size:14px;height:84px;line-height:1.5;overflow-x:hidden;overflow-y:auto;padding:12px 16px}.gallery-character-description::-webkit-scrollbar{width:4px}.gallery-character-description::-webkit-scrollbar-track{background:#0000}.gallery-character-description::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:2px}.gallery-character-description .slot-badge{color:#6b5d4f;color:var(--color-text-secondary,#6b5d4f);font-size:12px;font-style:italic;margin:8px 0 0}@media (max-width:768px){.gallery-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery-slot{min-height:220px;padding:12px}.lounge-top-bar{flex-wrap:nowrap;gap:8px;margin:-16px -8px 0;padding:8px;width:calc(100% + 16px)}.lounge-top-bar .logout-button{flex-shrink:0;padding:8px}.lounge-top-bar .logout-button svg{height:20px;width:20px}.cart-button{flex-shrink:0;font-size:13px;padding:8px 12px}.cart-button svg{height:20px;width:20px}.cart-badge{font-size:11px;padding:2px 6px}.search-bar-container{gap:8px;margin-bottom:16px}.search-input{font-size:14px;padding:10px 12px}.search-button{flex-shrink:0;min-width:48px;padding:10px 14px}.character-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:480px){.onboarding-wrapper{padding-top:8px}.onboarding-card.full-width{margin-top:0;padding:16px 8px}.lounge-top-bar{gap:6px;margin:-16px -8px 0;padding:8px;width:calc(100% + 16px)}.lounge-top-bar .logout-button{padding:6px}.lounge-top-bar .logout-button svg{height:18px;width:18px}.cart-button{font-size:12px;padding:6px 8px}.cart-button svg{height:18px;width:18px}.cart-badge{font-size:10px;padding:2px 4px}.search-bar-container{gap:6px;margin-bottom:12px}.search-input{font-size:13px;padding:9px 10px}.search-button{font-size:16px;min-width:44px;padding:9px 12px}.onboarding-header h2{font-size:20px}.onboarding-header p{font-size:13px}}[data-account-class=wellbeing] .character-card-new{background:#fffffff2!important;border:3px solid #a99bd4!important;border-radius:16px!important;box-shadow:0 0 15px #a99bd4b3,0 0 30px #a99bd480,0 0 50px #a99bd44d!important;overflow:visible!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-account-class=wellbeing] .character-card-new:hover{border-color:#b8abe0!important;box-shadow:0 0 20px #b8abe0cc,0 0 40px #b8abe099,0 0 70px #b8abe066,0 0 100px #b8abe033!important;transform:translateY(-8px)}[data-account-class=casual] .character-card-new{background:#141419f2!important;border:3px solid #d4af37!important;border-radius:16px!important;box-shadow:0 0 15px #d4af37b3,0 0 30px #d4af3780,0 0 50px #d4af374d!important;overflow:visible!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-account-class=casual] .character-card-new:hover{border-color:#e5c158!important;box-shadow:0 0 20px #e5c158cc,0 0 40px #e5c15899,0 0 70px #e5c15866,0 0 100px #e5c15833!important;transform:translateY(-8px)}[data-account-class=casual] .character-avatar-clickable{border-radius:13px!important;overflow:hidden!important}@media (min-width:769px){[data-account-class=casual] .character-grid,[data-account-class=casual] .gallery-grid{gap:30px!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}[data-account-class=casual] .character-avatar-clickable{aspect-ratio:3/4!important}[data-account-class=casual] .character-avatar-clickable img{object-position:top!important}}[data-account-class=wellbeing] .character-grid,[data-account-class=wellbeing] .gallery-grid{gap:30px!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}[data-account-class=wellbeing] .character-avatar-clickable{aspect-ratio:3/4!important;border-radius:13px!important;overflow:hidden!important}[data-account-class=wellbeing] .character-avatar-clickable img{object-position:top!important}.character-info-overlay{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff47;border:1.5px solid #ffffff80;border-radius:12px;bottom:10px;box-shadow:0 4px 24px #0000001f,inset 0 1px 1px #fff6;cursor:pointer;left:10px;max-height:150px;min-height:150px;overflow:hidden;padding:12px;position:absolute;right:10px;transition:max-height .35s ease-in-out,min-height .35s ease-in-out}@media (hover:hover){.character-info-overlay:hover{-ms-overflow-style:none;max-height:80%;min-height:50%;overflow-y:auto;scrollbar-width:none}.character-info-overlay:hover::-webkit-scrollbar{display:none}}@media (hover:none){.character-info-overlay.expanded{-ms-overflow-style:none;max-height:80%;min-height:50%;overflow-y:auto;scrollbar-width:none}.character-info-overlay.expanded::-webkit-scrollbar{display:none}.character-info-overlay.collapsed{max-height:150px;min-height:150px;overflow:hidden}}.character-info-overlay:hover::-webkit-scrollbar{display:none}.character-overlay-name{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;margin:0 0 8px;text-align:left;text-shadow:0 1px 3px #0009}.character-overlay-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-family:Lora,Georgia,serif;font-size:14px;line-height:1.6;margin:0;overflow:hidden;text-align:center;text-shadow:0 1px 2px #00000080;transition:all .3s ease}@media (hover:hover){.character-info-overlay:hover .character-overlay-description{-webkit-line-clamp:unset;display:block}}@media (hover:none){.character-info-overlay.expanded .character-overlay-description{-webkit-line-clamp:unset;display:block}.character-info-overlay.collapsed .character-overlay-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (max-width:768px){.character-info-overlay{bottom:6px;left:6px;max-height:90px;min-height:90px;padding:8px 10px;right:6px}.character-overlay-name{font-size:14px;margin:0 0 4px}.character-overlay-description{-webkit-line-clamp:2;font-size:12px;line-height:1.4}}@media (max-width:768px) and (hover:none){.character-info-overlay.collapsed{max-height:90px;min-height:90px}.character-info-overlay.expanded{max-height:80%;min-height:50%}}.slot-badge-overlay{color:#fffc;display:block;font-size:11px;font-style:italic;margin-top:8px;text-shadow:0 1px 2px #0006}.overflow-chevron{background:#00000059;border-radius:12px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:24px;line-height:1;padding:2px 8px;pointer-events:none;position:absolute;right:8px;text-shadow:0 1px 3px #000000b3;top:6px;transform:rotate(0deg);transition:transform .3s ease,background .3s ease;z-index:11}@media (hover:hover){.character-info-overlay:hover .overflow-chevron{background:#00000080;transform:rotate(180deg)}}@media (hover:none){.character-info-overlay.expanded .overflow-chevron{background:#00000080;transform:rotate(180deg)}.character-info-overlay.collapsed .overflow-chevron{transform:rotate(0deg)}}.character-overlay-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;margin-top:12px}.overlay-pill{border-radius:12px;box-shadow:0 2px 4px #00000026;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:600;padding:4px 10px;text-shadow:0 1px 2px #0009,0 0 1px #000c,1px 1px 0 #0000004d,-1px -1px 0 #0000004d}.character-card-pills{align-content:flex-end;bottom:16px;display:flex;flex-direction:row;flex-wrap:wrap-reverse;gap:4px;justify-content:flex-start;left:16px;pointer-events:none;position:absolute;right:16px;z-index:10}.card-pill{border-radius:10px;box-shadow:0 2px 6px #00000040;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:9px;font-weight:600;padding:3px 8px;pointer-events:auto;text-shadow:0 1px 2px #0009,0 0 1px #000c,1px 1px 0 #0000004d,-1px -1px 0 #0000004d}[data-account-class=wellbeing] .character-info-overlay{backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;background:#3a3d4859!important;border:1.5px solid #ffffff4d!important;box-shadow:0 4px 24px #00000026,inset 0 1px 1px #fff3!important}[data-account-class=wellbeing] .character-card-new:hover .character-info-overlay{background:#3a3d4873!important}[data-account-class=wellbeing] .character-overlay-name{color:#fff!important;text-shadow:0 1px 3px #0006!important}[data-account-class=wellbeing] .character-overlay-description{color:#fffffff2!important;text-shadow:0 1px 2px #0000004d!important}[data-account-class=wellbeing] .gallery-character-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb3;background-clip:padding-box,border-box;background-image:linear-gradient(#ffffffb3,#ffffffb3),linear-gradient(145deg,#fff9,#8e7dbe4d);background-origin:border-box;border:1.5px solid #0000;border-radius:16px;box-shadow:0 10px 40px #3a3d5c1f;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-account-class=wellbeing] .gallery-character-card:hover{background-image:linear-gradient(#ffffffd9,#ffffffd9),linear-gradient(145deg,#fffc,#8e7dbe80);box-shadow:0 16px 40px #3a3d5c29;transform:translateY(-6px)}[data-account-class=wellbeing] .character-card-new h3,[data-account-class=wellbeing] .gallery-character-card h3{color:#2e2e48;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600}[data-account-class=wellbeing] .character-card-new p,[data-account-class=wellbeing] .gallery-character-card p{color:#5a5a75;font-family:Lora,Georgia,serif;font-weight:400;line-height:1.6}.lounge-hero-banner{border-radius:0;margin:0 -30px 20px;overflow:hidden;padding:35px 40px 42px;position:relative;text-align:center;width:calc(100% + 60px);z-index:1}.lounge-hero-banner.banner-top{border-radius:0;margin-top:0}.lounge-hero-banner.casual-banner{background:linear-gradient(180deg,#1a1410,#2a2218 50%,#1f1a14)}.lounge-hero-banner.casual-banner:before{background:radial-gradient(ellipse at 50% 0,#d4a57414 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.lounge-hero-banner.wellbeing-banner{background:linear-gradient(180deg,#0d0d10,#151518 50%,#0f0f12)}.lounge-hero-banner.wellbeing-banner:before{background:radial-gradient(ellipse at 50% 0,#8b5cf60f 0,#0000 60%)}.lounge-hero-banner.wellbeing-banner:before,.lounge-hero-banner:after{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.lounge-hero-banner:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.02}.lounge-hero-content{margin:0 auto;max-width:600px;position:relative;z-index:1}.lounge-hero-label{display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;letter-spacing:.15em;margin-bottom:14px;text-transform:uppercase}.casual-banner .lounge-hero-label{color:#d4a57499}.wellbeing-banner .lounge-hero-label{color:#8b5cf699}.lounge-hero-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(32px,5vw,48px);font-style:normal;font-weight:300;letter-spacing:-.02em;line-height:1.1;margin:0 0 16px}.casual-banner .lounge-hero-title{color:#fff}.lounge-hero-subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(14px,2vw,16px);font-weight:300;letter-spacing:.01em;line-height:1.7;margin:0}.casual-banner .lounge-hero-subtitle{color:#ffffff80}.wellbeing-banner .lounge-hero-subtitle{color:#ffffff73}.lounge-hero-divider-glow{border-radius:2px;height:2px;margin:0 auto 16px;width:120px}.casual-banner .lounge-hero-divider-glow{background:linear-gradient(90deg,#0000,#d4a57480 30%,#d4a574 50%,#d4a57480 70%,#0000);box-shadow:0 0 10px #d4a57480,0 0 20px #d4a5744d}.wellbeing-banner .lounge-hero-divider-glow{background:linear-gradient(90deg,#0000,#8b5cf680 30%,#8b5cf6 50%,#8b5cf680 70%,#0000);box-shadow:0 0 10px #8b5cf680,0 0 20px #8b5cf64d}.lounge-hero-glow-line{border-radius:2px;bottom:0;height:3px;left:50%;max-width:500px;position:absolute;transform:translateX(-50%);width:80%;z-index:5}.casual-banner .lounge-hero-glow-line{background:linear-gradient(90deg,#0000,#d4a5744d 20%,#d4a574cc 50%,#d4a5744d 80%,#0000);box-shadow:0 0 20px #d4a57466,0 0 40px #d4a57433}.wellbeing-banner .lounge-hero-glow-line{background:linear-gradient(90deg,#0000,#8b5cf64d 20%,#8b5cf6cc 50%,#8b5cf64d 80%,#0000);box-shadow:0 0 20px #8b5cf666,0 0 40px #8b5cf633}.lounge-hero-divider{display:none}@media (max-width:768px){.lounge-hero-banner{margin:0 -20px 14px!important;padding:24px 24px 32px;width:calc(100% + 40px)!important}.lounge-hero-banner.banner-top{margin-top:0!important}.category-pills-top-bar{margin:0 -20px;padding:8px 20px;width:calc(100% + 40px)}.lounge-hero-label{font-size:11px;margin-bottom:10px}.lounge-hero-title{font-size:28px;margin-bottom:12px}.lounge-hero-subtitle{font-size:14px}.lounge-hero-glow-line{width:70%}}@media (max-width:480px){.lounge-hero-banner{margin:0 -20px 14px!important;padding:20px 20px 28px}.lounge-hero-banner.banner-top{margin-top:0!important}.category-pills-top-bar{margin:0 -8px;padding:6px 8px;width:calc(100% + 16px)}.lounge-hero-title{font-size:24px}.lounge-hero-glow-line{width:60%}}.inline-icon{align-items:center;border-radius:50%;display:inline-flex;height:24px;justify-content:center;margin:0 2px;position:relative;vertical-align:middle;width:24px}.inline-icon svg{stroke:#fff;stroke-width:2.5;height:14px;width:14px}.inline-icon.green-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 1px 4px #10b98180}.inline-icon.red-icon{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 1px 4px #ef444480}.inline-icon.grey-icon{background:#9ca3af;box-shadow:0 1px 4px #9ca3af80;opacity:.6}.inline-badge{border-radius:50%;bottom:-2px;color:#fff;font-size:10px;font-weight:700;height:12px;line-height:12px;position:absolute;right:-2px;text-align:center;width:12px}.inline-badge.plus{background:#059669}.inline-badge.minus{background:#dc2626}[data-account-class=wellbeing] .search-bar-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 4px 24px #0000001f,inset 0 1px 0 #ffffff1a;display:flex;gap:12px;margin-bottom:20px;padding:8px}[data-account-class=wellbeing] .search-input{background:#fffffff2;border:1px solid #8b5cf633;border-radius:10px;box-shadow:inset 0 2px 4px #0000000a;color:#3a3d48;flex:1 1;font-size:15px;padding:14px 20px;transition:all .2s ease}[data-account-class=wellbeing] .search-input::placeholder{color:#9a9da8;font-weight:400}[data-account-class=wellbeing] .search-input:focus{border-color:#8b5cf680;box-shadow:inset 0 2px 4px #0000000a,0 0 0 3px #8b5cf626;outline:none}[data-account-class=wellbeing] .search-button{align-items:center;background:linear-gradient(145deg,#8b5cf6e6,#6d3ed8f2);border:1px solid #fff3;border-radius:10px;box-shadow:0 4px 12px #8b5cf659,inset 0 1px 0 #fff3;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:14px 20px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}[data-account-class=wellbeing] .search-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}[data-account-class=wellbeing] .search-button:hover{background:linear-gradient(145deg,#9f70fff2,#8b5cf6);box-shadow:0 6px 20px #8b5cf673,inset 0 1px 0 #ffffff40;transform:translateY(-2px)}[data-account-class=wellbeing] .search-button:hover:before{left:100%}[data-account-class=wellbeing] .search-button:active{box-shadow:0 2px 8px #8b5cf64d,inset 0 2px 4px #00000026;transform:translateY(0)}[data-account-class=wellbeing] .search-button svg{color:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}[data-account-class=casual] .search-button{background:linear-gradient(135deg,#d4af37,#e5c158);border:none;border-radius:8px;box-shadow:0 2px 8px #d4af374d;color:#0b0e14;overflow:hidden;position:relative}[data-account-class=casual] .search-button:before{animation:shimmer-search 2.5s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer-search{0%{left:-100%}to{left:100%}}[data-account-class=casual] .search-button:hover{box-shadow:0 0 20px #d4af3780,0 0 40px #e5c1584d;transform:translateY(-2px)}[data-account-class=casual] .search-button:hover:before{animation-duration:1.5s}[data-account-class=casual] .search-button svg{color:#0b0e14;filter:drop-shadow(0 1px 1px rgba(255,255,255,.3))}[data-account-class=wellbeing] .filter-options{gap:8px;margin-bottom:16px}[data-account-class=wellbeing] .filter-options label{background:#3a3d480f;border:1.5px solid #3a3d481f;border-radius:20px;color:#5a5d68;gap:6px;padding:8px 16px;transition:all .2s ease}[data-account-class=wellbeing] .filter-options label:hover{background:#3a3d481a;border-color:#3a3d4833}[data-account-class=wellbeing] .filter-options input[type=radio]{accent-color:#3a3d48}[data-account-class=wellbeing] .filter-options input[type=radio]:checked+span,[data-account-class=wellbeing] .filter-options label:has(input:checked){background:#3a3d48;border-color:#3a3d48;color:#fff}[data-account-class=wellbeing] .category-tag{align-items:center;background:#3a3d4814;border:1.5px solid #3a3d4826;border-radius:16px;color:#5a5d68;cursor:pointer;display:inline-flex;font-size:13px;padding:6px 14px;transition:all .2s ease}[data-account-class=wellbeing] .category-tag:hover{background:#3a3d481f}[data-account-class=wellbeing] .category-tag.active,[data-account-class=wellbeing] .category-tag.selected{background:#3a3d48;border-color:#3a3d48;color:#fff}[data-account-class=wellbeing] .filter-label,[data-account-class=wellbeing] [style*="Filter by Category"]{color:#3a3d48;font-size:14px;font-weight:500;margin-bottom:8px}.wellbeing-banner .lounge-hero-title{color:#fff;font-weight:500;text-shadow:0 2px 4px #00000080,0 4px 20px #0006,0 0 40px #0003}.wellbeing-banner .lounge-hero-subtitle{color:#ffffffe6;font-weight:400;text-shadow:0 1px 3px #0009,0 2px 10px #0000004d}.wellbeing-banner .lounge-hero-divider{background:linear-gradient(90deg,#0000,#ffffff80,#0000);height:2px}[data-account-class=wellbeing] .filter-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:4px}[data-account-class=wellbeing] .filter-options label{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#3a3d48b3;border:1.5px solid #ffffff26;border-radius:50px;box-shadow:0 2px 8px #00000026,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;overflow:hidden;padding:10px 20px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}[data-account-class=wellbeing] .filter-options label:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .4s ease;width:100%}[data-account-class=wellbeing] .filter-options label:hover:before{left:100%}[data-account-class=wellbeing] .filter-options label:hover{background:#3a3d48d9;border-color:#ffffff4d;box-shadow:0 4px 12px #0003,inset 0 1px 0 #ffffff26;color:#fff;transform:translateY(-1px)}[data-account-class=wellbeing] .filter-options input[type=radio]{display:none}[data-account-class=wellbeing] .filter-options label:has(input:checked){background:linear-gradient(135deg,#4a4d58,#5a5d68);border-color:#ffffff4d;box-shadow:0 4px 15px #3a3d4859,inset 0 1px 0 #fff3;color:#fff}[data-account-class=wellbeing] .filter-options label:has(input:checked):hover{background:linear-gradient(135deg,#5a5d68,#6a6d78);box-shadow:0 6px 20px #3a3d4866,inset 0 1px 0 #ffffff40}[data-account-class=wellbeing] .category-tag,[data-account-class=wellbeing] .filter-tag,[data-account-class=wellbeing] .tag-pill,[data-account-class=wellbeing] button[class*=category]{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffd9;border:1.5px solid #3a3d481a;border-radius:50px;box-shadow:0 2px 8px #0000000a,inset 0 1px 0 #fffc;color:#5a5d68;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;padding:8px 18px;transition:all .25s cubic-bezier(.4,0,.2,1)}[data-account-class=wellbeing] .category-tag:hover,[data-account-class=wellbeing] .filter-tag:hover,[data-account-class=wellbeing] .tag-pill:hover,[data-account-class=wellbeing] button[class*=category]:hover{background:#fffffff2;border-color:#3a3d4833;box-shadow:0 4px 12px #00000014,inset 0 1px 0 #ffffffe6;transform:translateY(-1px)}[data-account-class=wellbeing] .category-tag.active,[data-account-class=wellbeing] .category-tag.selected,[data-account-class=wellbeing] .filter-tag.active,[data-account-class=wellbeing] .tag-pill.active,[data-account-class=wellbeing] button[class*=category].active{background:linear-gradient(135deg,#3a3d48,#4a4d58);border-color:#0000;box-shadow:0 4px 15px #3a3d4859,inset 0 1px 0 #ffffff1a;color:#fff}[data-account-class=wellbeing] .filter-section-label,[data-account-class=wellbeing] div[style*=marginBottom]>span:first-child{color:#3a3d48;display:block;font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}[data-account-class=wellbeing] .category-pills-section{margin-top:20px!important}[data-account-class=wellbeing] .category-pills-section>div:first-child{color:#3a3d48!important;font-size:13px!important;font-weight:600!important;letter-spacing:.05em!important;margin-bottom:12px!important;text-transform:uppercase!important}[data-account-class=wellbeing] .category-pills-section button{border:1.5px solid #ffffff40!important;border-radius:20px!important;box-shadow:0 3px 10px #0003,inset 0 1px 0 #ffffff40!important;color:#fff!important;cursor:pointer!important;font-size:12px!important;font-weight:600!important;height:auto!important;min-height:0!important;min-height:auto!important;overflow:hidden!important;padding:8px 16px!important;position:relative!important;text-shadow:0 1px 2px #0006!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}[data-account-class=wellbeing] .category-pills-section button:before{background:linear-gradient(90deg,#0000,#ffffff59,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .4s ease;width:100%}[data-account-class=wellbeing] .category-pills-section button:hover:before{left:100%}[data-account-class=wellbeing] .category-pills-section button:hover{border-color:#ffffff80!important;box-shadow:0 6px 16px #00000040,inset 0 1px 0 #ffffff4d!important;transform:translateY(-2px) scale(1.03)!important}[data-account-class=wellbeing] .category-pills-section button[style*="border: 2px"],[data-account-class=wellbeing] .category-pills-section button[style*="scale(1.05)"]{border:2px solid #ffffffb3!important;box-shadow:0 6px 20px #0000004d,0 0 25px currentColor,inset 0 1px 0 #ffffff59!important;transform:translateY(-2px) scale(1.08)!important}[data-account-class=wellbeing] .category-pills-section>div:last-child{gap:10px!important}.panel-container{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border-right:1px solid #e0e0e0;border-right:1px solid var(--color-border,#e0e0e0);box-shadow:2px 0 16px #00000014;display:flex;flex-direction:column;gap:16px;height:100vh;left:-400px;overflow-y:auto;padding:20px 20px 20px 40px;position:fixed;top:0;transition:left .3s ease;width:400px;z-index:10000}.panel-container.open{left:0}.panel-container{scrollbar-color:#9696964d #0000;scrollbar-width:thin}.panel-container::-webkit-scrollbar{width:4px}.panel-container::-webkit-scrollbar-track{background:#0000}.panel-container::-webkit-scrollbar-thumb{background:#9696964d;border-radius:2px}.panel-container::-webkit-scrollbar-thumb:hover{background:#96969680}.panel-header{background:#fff;background:var(--color-bg-primary,#fff);border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:16px}.panel-header-row{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-start}.panel-exit-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-right:8px;transition:all .2s ease;width:36px}.panel-exit-btn svg{stroke:#2c3e50;stroke:var(--color-text-primary,#2c3e50);stroke-width:2;fill:none;height:22px;transition:all .2s ease;width:22px}.panel-exit-btn:hover{background-color:#0000000d;background-color:var(--color-bg-tertiary,#0000000d)}.panel-exit-btn:hover svg{stroke:#4a90e2;stroke:var(--color-primary,#4a90e2);transform:translateX(-3px) scale(1.1)}.panel-title{color:#2c3e50;color:var(--color-text-primary,#2c3e50);flex-shrink:0;font-size:18px;font-weight:600;letter-spacing:-.3px;line-height:36px;white-space:nowrap}.panel-count-inline{background:#f0f0f0;background:var(--color-bg-tertiary,#f0f0f0);border-radius:12px;color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);font-size:14px;font-weight:600;line-height:1;padding:4px 10px}.panel-count{align-items:baseline;border-top:1px solid #f0f0f0;border-top:1px solid var(--color-border-light,#f0f0f0);display:flex;gap:6px;margin-top:12px;padding-top:12px}.panel-count-value{color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:28px;font-weight:700}.panel-count-label{color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);font-size:14px}.panel-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.panel-pagination-top{align-items:center;background:#fff;background:var(--color-bg-primary,#fff);border-radius:10px;box-shadow:0 1px 4px #0000000a;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 14px}.panel-pagination-top .panel-pagination-info{color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);font-size:12px}.panel-pagination-top .panel-nav-btns{display:flex;gap:6px}.panel-pagination-top .panel-nav-btn{background:#f0f0f0;background:var(--color-bg-tertiary,#f0f0f0);border:none;border-radius:5px;color:#2c3e50;color:var(--color-text-primary,#2c3e50);cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;transition:all .15s}.panel-pagination-top .panel-nav-btn:hover:not(:disabled){background:#4a90e2;background:var(--color-primary,#4a90e2);color:#fff}.panel-pagination-top .panel-nav-btn:disabled{cursor:not-allowed;opacity:.4}.panel-pagination-top .panel-jump-inline{align-items:center;color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);display:flex;font-size:12px;gap:4px}.panel-pagination-top .panel-jump-inline input{border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:4px;font-size:12px;padding:4px 6px;text-align:center;width:40px}.panel-pagination-top .panel-jump-inline input:focus{border-color:#4a90e2;border-color:var(--color-primary,#4a90e2);outline:none}.panel-entry{background:#fff;background:var(--color-bg-primary,#fff);border-left:3px solid #6366f1;border-left:3px solid var(--color-accent,#6366f1);border-radius:10px;box-shadow:0 1px 4px #0000000a;padding:14px 16px;transition:transform .15s,box-shadow .15s}.panel-entry:hover{box-shadow:0 3px 8px #00000014;transform:translateY(-1px)}.panel-entry-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.panel-entry-header .header-right{align-items:center;display:flex;gap:8px;margin-left:auto}.panel-entry-text{word-wrap:break-word;color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:14px;line-height:1.6;max-height:100px;overflow-y:auto;white-space:pre-wrap}.panel-entry-text::-webkit-scrollbar{width:3px}.panel-entry-text::-webkit-scrollbar-track{background:#0000}.panel-entry-text::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.panel-entry-timestamp{color:#95a5a6;color:var(--color-text-tertiary,#95a5a6);font-size:11px}.panel-pill{align-items:center;background:#f0f0f0;background:var(--color-bg-tertiary,#f0f0f0);border-radius:20px;color:#666;color:var(--color-text-secondary,#666);display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.panel-pill-primary{background:#e8f4fc;background:var(--color-primary-light,#e8f4fc);color:#4a90e2;color:var(--color-primary,#4a90e2)}.panel-pill-secondary{background:#f0f0f0;background:var(--color-bg-tertiary,#f0f0f0);color:#666;color:var(--color-text-secondary,#666)}.panel-pill-number{align-items:center;background:#1a1a2e;border:2px solid #fff3;border-radius:6px;box-shadow:0 1px 3px #0000004d;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 6px}.panel-empty{color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);padding:40px 20px;text-align:center}.panel-empty-title{font-size:15px;font-weight:500;margin-bottom:8px}.panel-empty-hint{font-size:13px;line-height:1.5;opacity:.8}.panel-loading{color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);padding:40px 20px}.panel-error,.panel-loading{font-size:14px;text-align:center}.panel-error{background:#ef44441a;border-radius:8px;color:#ef4444;color:var(--color-error,#ef4444);padding:20px}.panel-pagination{background:#fff;background:var(--color-bg-primary,#fff);border-radius:10px;box-shadow:0 1px 4px #0000000a;padding:12px 16px}.panel-pagination-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.panel-pagination-btn{align-items:center;background:#f0f0f0;background:var(--color-bg-tertiary,#f0f0f0);border:none;border-radius:6px;color:#2c3e50;color:var(--color-text-primary,#2c3e50);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:8px 14px;transition:all .15s}.panel-pagination-btn:hover:not(:disabled){background:#4a90e2;background:var(--color-primary,#4a90e2);color:#fff}.panel-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.panel-pagination-info{align-items:center;color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);display:flex;font-size:13px;gap:8px}.panel-pagination-input{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:6px;color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:13px;padding:6px 8px;text-align:center;width:48px}.panel-pagination-input:focus{border-color:#4a90e2;border-color:var(--color-primary,#4a90e2);outline:none}.panel-jump-controls{align-items:center;border-top:1px solid #f0f0f0;border-top:1px solid var(--color-border-light,#f0f0f0);display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;padding-top:10px}.panel-jump-group{align-items:center;color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);display:flex;font-size:12px;gap:6px}.panel-jump-group input,.panel-jump-group select{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:5px;color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:12px;padding:5px 8px}.panel-jump-group input{text-align:center;width:50px}.panel-jump-group select{min-width:100px}.panel-jump-group input:focus,.panel-jump-group select:focus{border-color:#4a90e2;border-color:var(--color-primary,#4a90e2);outline:none}.panel-jump-btn{background:#4a90e2;background:var(--color-primary,#4a90e2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:5px 10px;transition:background .15s}.panel-jump-btn:hover{background:#357abd;background:var(--color-primary-hover,#357abd)}.panel-loading{align-items:center;background:#fff;background:var(--color-bg-primary,#fff);border-radius:10px;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.panel-spinner{animation:panel-spin .8s linear infinite;border:3px solid #e0e0e0;border-top-color:#4a90e2;border:3px solid var(--color-border,#e0e0e0);border-radius:50%;border-top-color:var(--color-primary,#4a90e2);height:36px;width:36px}@keyframes panel-spin{to{transform:rotate(1turn)}}.panel-loading-text{color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);font-size:14px}@media (max-width:768px){.panel-container{left:-100%;padding-bottom:env(safe-area-inset-bottom,20px);padding-left:20px;width:100%}.panel-container.open{left:0}.panel-jump-controls{align-items:flex-start;flex-direction:column}}.status-panel .panel-header-row{align-items:center;display:flex;gap:8px}.status-panel .add-memory-btn{background:#4a90e2;background:var(--color-primary,#4a90e2);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;padding:4px 10px;transition:all .15s ease}.status-panel .add-memory-btn:hover:not(:disabled){background:#357abd;background:var(--color-primary-hover,#357abd)}.status-panel .add-memory-btn:disabled{cursor:not-allowed;opacity:.5}.status-panel .create-memory-form{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #4a90e2;border:1px solid var(--color-primary,#4a90e2);border-radius:8px;margin-bottom:12px;padding:14px}.memories-section{padding:16px}.memories-section,.status-panel .controls{background:#fff;background:var(--color-bg-primary,#fff);border-radius:10px;box-shadow:0 1px 4px #0000000a}.status-panel .controls{display:flex;gap:10px;padding:12px}.status-panel .search-wrapper{align-items:center;display:flex;flex:1 1;min-width:0;position:relative}.status-panel .search-input{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:6px;color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:13px;padding:8px 60px 8px 12px;width:100%}.status-panel .search-input:focus{border-color:#4a90e2;border-color:var(--color-primary,#4a90e2);outline:none}.status-panel .search-icon-btn{align-items:center;background:none;border:none;border-radius:4px;color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;position:absolute;right:28px;transition:all .15s;width:24px}.status-panel .search-icon-btn svg{fill:none;stroke:currentColor;stroke-width:2;height:16px;width:16px}.status-panel .search-icon-btn:hover:not(:disabled){background:#4a90e2;background:var(--color-primary,#4a90e2);color:#fff}.status-panel .search-icon-btn:disabled{cursor:not-allowed;opacity:.4}.status-panel .search-spinner{animation:spin .8s linear infinite;border:2px solid #e0e0e0;border-top-color:#4a90e2;border:2px solid var(--color-border,#e0e0e0);border-radius:50%;border-top-color:var(--color-primary,#4a90e2);height:14px;width:14px}.status-panel .search-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;position:absolute;right:6px;transition:all .15s;width:20px}.status-panel .search-clear-btn:hover{background:#e5e7eb;background:var(--color-bg-tertiary,#e5e7eb);color:#374151;color:var(--color-text-primary,#374151)}.status-panel .search-results-info{background:#4a90e21a;background:var(--color-bg-tertiary,#4a90e21a);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);color:#666;color:var(--color-text-secondary,#666);font-size:12px;padding:8px 16px}.status-panel .match-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.status-panel .sort-select{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:6px;color:#2c3e50;color:var(--color-text-primary,#2c3e50);cursor:pointer;flex-shrink:0;font-size:13px;max-width:120px;padding:8px 10px}.status-panel .sort-select:focus{border-color:#4a90e2;border-color:var(--color-primary,#4a90e2);outline:none}.status-panel .items-list{display:flex;flex-direction:column;gap:10px}.status-panel .fact-item{position:relative}.status-panel .fact-item.editing{padding:16px}.status-panel .fact-action-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:.6;padding:4px;width:24px}.status-panel .fact-action-btn:hover{opacity:1}.status-panel .fact-action-btn svg{height:14px;width:14px}.status-panel .delete-confirm{align-items:center;background:#fef2f2;border-radius:6px;color:#991b1b;display:flex;font-size:13px;gap:10px;margin-bottom:10px;padding:10px}.status-panel .delete-confirm button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px}.status-panel .confirm-yes{background:#ef4444;color:#fff}.status-panel .confirm-yes:hover{background:#dc2626}.status-panel .confirm-no{background:#e5e7eb;color:#374151}.status-panel .confirm-no:hover{background:#d1d5db}.status-panel .fact-edit-form{display:flex;flex-direction:column;gap:12px}.status-panel .edit-field{display:flex;flex-direction:column;gap:4px}.status-panel .edit-field label{color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);font-size:12px;font-weight:500}.status-panel .edit-field input,.status-panel .edit-field textarea{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:6px;color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-family:inherit;font-size:13px;padding:8px 10px}.status-panel .edit-field input:focus,.status-panel .edit-field textarea:focus{border-color:#4a90e2;border-color:var(--color-primary,#4a90e2);outline:none}.status-panel .edit-row{display:flex;gap:12px}.status-panel .edit-row .edit-field{flex:1 1}.status-panel .edit-actions{display:flex;gap:8px;margin-top:4px}.status-panel .edit-actions button{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .15s}.status-panel .save-btn{background:#4a90e2;background:var(--color-primary,#4a90e2);color:#fff}.status-panel .save-btn:hover{background:#357abd;background:var(--color-primary-hover,#357abd)}.status-panel .cancel-btn{background:#e5e7eb;background:var(--color-bg-tertiary,#e5e7eb);color:#374151;color:var(--color-text-primary,#374151)}.status-panel .cancel-btn:hover{background:#d1d5db}.status-panel .char-counter{color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);font-size:11px;margin-top:4px;text-align:right}.status-panel .category-select,.status-panel .importance-select{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:6px;color:#374151;color:var(--color-text-primary,#374151);cursor:pointer;font-size:13px;padding:8px 10px;width:100%}.status-panel .category-select:focus,.status-panel .importance-select:focus{border-color:#4a90e2;border-color:var(--color-primary,#4a90e2);outline:none}.status-panel .save-btn:disabled{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);cursor:not-allowed}.status-panel .save-btn:disabled,.status-panel .save-btn:disabled:hover{background:#e5e7eb;background:var(--color-bg-tertiary,#e5e7eb)}@media (max-width:768px){.status-panel .controls{flex-direction:column;gap:8px}.status-panel .search-wrapper{width:100%}.status-panel .sort-select{max-width:none;width:100%}.status-panel .fact-actions{opacity:1}}.category-filter-tabs{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;gap:4px;margin-bottom:12px;padding:0 16px 12px}.filter-tab{background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .15s ease}.filter-tab:hover{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);color:#374151;color:var(--color-text-primary,#374151)}.filter-tab.active{background:#4a90e2;background:var(--color-primary,#4a90e2);color:#fff}.photo-pill{background:#fef3c7!important;color:#92400e!important}.panel-entry-content{align-items:flex-start;display:flex;gap:12px}.panel-entry-content .panel-entry-text{flex:1 1}.photo-thumbnail-container{align-items:flex-start;display:flex;flex-direction:column;gap:6px;margin-top:10px}.photo-thumbnail-container .panel-entry-timestamp{margin-top:0}.photo-thumbnail{border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;position:relative;transition:all .2s ease;width:60px}.photo-thumbnail:hover{border-color:#4a90e2;border-color:var(--color-primary,#4a90e2)}.photo-thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail-fallback{align-items:center;background:#374151;background:var(--color-bg-tertiary,#374151);color:#9ca3af;color:var(--color-text-secondary,#9ca3af);display:none;font-size:24px;height:100%;justify-content:center;width:100%}.thumbnail-fallback.show-fallback{display:flex}.thumbnail-expand{background:#000000b3;bottom:0;color:#fff;font-size:10px;left:0;opacity:0;padding:2px 0;position:absolute;right:0;text-align:center;transition:opacity .2s}.photo-thumbnail:hover .thumbnail-expand{opacity:1}@media (max-width:768px){.photo-thumbnail{height:50px;width:50px}.category-filter-tabs{padding:0 12px 10px}.filter-tab{font-size:12px;padding:5px 10px}}.photo-memory-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.photo-memory-modal{background:#1a1a2e;border:1px solid #c9a22740;border-radius:8px;box-shadow:0 16px 40px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:480px;overflow:hidden;width:100%}.photo-memory-modal-header{align-items:center;background:#12121f;border-bottom:1px solid #c9a22733;display:flex;justify-content:space-between;padding:8px 12px}.photo-memory-modal-header .header-left{align-items:center;display:flex;gap:12px}.photo-memory-modal-header h3{color:#c9a227;font-size:.85rem;font-weight:500;margin:0}.photo-memory-modal-header .header-date{color:#666;font-size:.75rem}.photo-memory-modal-header .close-btn{background:#0000;border:none;color:#666;cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.photo-memory-modal-header .close-btn:hover:not(:disabled){color:#c9a227}.photo-memory-modal-header .close-btn:disabled{color:#333;cursor:not-allowed}.photo-memory-modal-content{background:#1a1a2e;flex:1 1;overflow-y:auto;padding:12px}.photo-memory-modal-content::-webkit-scrollbar{width:4px}.photo-memory-modal-content::-webkit-scrollbar-track{background:#0000}.photo-memory-modal-content::-webkit-scrollbar-thumb{background:#c9a2274d;border-radius:2px}.photo-memory-modal-content::-webkit-scrollbar-thumb:hover{background:#c9a22780}.photo-container{background:#000;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:center;margin-bottom:20px;position:relative;width:100%}.photo-wrapper{display:inline-block;max-width:100%;position:relative}.memory-photo{display:block;height:auto;max-height:300px;max-width:100%;width:auto}.no-photo{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;flex-direction:column;font-size:.95rem;gap:8px;padding:80px 20px;text-align:center}.no-photo .error-icon{font-size:48px;margin-bottom:8px}.no-photo .error-url{color:#888;color:var(--text-secondary,#888);font-size:.75rem;max-width:300px;word-break:break-all}.face-box{border:2px solid #c9a227b3;border-radius:4px;cursor:pointer;position:absolute;transition:all .2s ease}.face-box.identified{border-color:#c9a227;border-color:var(--accent-color,#c9a227)}.face-box.unknown{border-color:#ffffff80;border-style:dashed}.face-box.selected,.face-box:hover{border-color:#c9a227;border-color:var(--accent-color,#c9a227);border-width:3px;box-shadow:0 0 20px #c9a22766}.face-label{background:#000000e6;border:1px solid #c9a2274d;border-radius:6px;bottom:-28px;color:#c9a227;color:var(--accent-color,#c9a227);font-size:11px;font-weight:500;left:50%;padding:4px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap}.photo-description{background:#0003;border:1px solid #c9a22726;border-radius:8px;margin-bottom:16px;max-height:120px;overflow-y:auto;padding:12px}.photo-description::-webkit-scrollbar{width:4px}.photo-description::-webkit-scrollbar-track{background:#0000}.photo-description::-webkit-scrollbar-thumb{background:#c9a2274d;border-radius:2px}.photo-description p{color:#fff;font-size:.9rem;line-height:1.5;margin:0}.photo-date{color:#888;font-size:.75rem}.people-section{border-top:1px solid #c9a22726;padding-top:16px}.people-section h4{color:#c9a227;font-size:.75rem;font-weight:600;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.people-list{display:flex;flex-direction:column;gap:10px}.no-people{color:#666;color:var(--text-secondary,#666);font-size:.9rem;font-style:italic;padding:12px 0}.person-item{background:#00000040;border:1px solid #c9a2271a;border-radius:6px;padding:10px 12px;transition:all .2s}.person-item:hover{background:#00000059;border-color:#c9a22740}.person-item.editing{background:#c9a2271a;border-color:#c9a2274d}.person-display{align-items:center;display:flex;gap:12px}.person-name{color:#fff;flex:1 1;font-size:.9rem;font-weight:500}.person-relationship{color:#888;font-size:.8rem;font-weight:400;margin-left:6px}.person-actions{display:flex;gap:8px}.delete-person-btn,.edit-person-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;opacity:.5;padding:4px}.delete-person-btn:hover,.edit-person-btn:hover{opacity:1}.person-edit-form{display:flex;flex-direction:column;gap:12px}.person-edit-form input,.person-edit-form select{background:#12121f;border:1px solid #c9a22733;border-radius:6px;color:#fff;font-size:.9rem;padding:10px 12px;transition:all .2s}.person-edit-form input:focus,.person-edit-form select:focus{border-color:#c9a227;box-shadow:0 0 0 2px #c9a2271a;outline:none}.person-edit-form input::placeholder{color:#666;color:var(--text-secondary,#666)}.person-edit-form select{cursor:pointer}.person-edit-form select option{background:#1a1a2e;color:#fff}.person-edit-actions{display:flex;gap:10px;margin-top:4px}.person-edit-actions .cancel-btn,.person-edit-actions .save-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s}.person-edit-actions .save-btn{background:#c9a227;color:#000}.person-edit-actions .save-btn:hover:not(:disabled){filter:brightness(1.1)}.person-edit-actions .save-btn:disabled{cursor:not-allowed;opacity:.5}.person-edit-actions .cancel-btn{background:#0000;border:1px solid #c9a2274d;color:#c9a227}.person-edit-actions .cancel-btn:hover{background:#c9a2271a}.photo-loading{align-items:center;color:#c9a227;color:var(--accent-color,#c9a227);display:flex;justify-content:center;padding:60px}.photo-loading:after{animation:spin .8s linear infinite;border:2px solid #c9a2274d;border-radius:50%;border-top:2px solid var(--accent-color,#c9a227);content:"";height:24px;margin-left:12px;width:24px}@media (max-width:640px){.photo-memory-modal-overlay{padding:10px}.photo-memory-modal{border-radius:12px;max-height:95vh}.photo-memory-modal-header{padding:14px 18px}.photo-memory-modal-content{padding:16px}.face-label{font-size:10px;padding:3px 8px}.memory-photo{max-height:300px}.person-item{padding:12px 14px}.person-edit-actions{flex-direction:column}.person-edit-actions .cancel-btn,.person-edit-actions .save-btn{width:100%}}.journal-section{background:#fff;background:var(--color-bg-primary,#fff);border-radius:10px;box-shadow:0 1px 4px #0000000a;padding:16px}.journal-list{gap:10px}.goals-section{background:#fff;background:var(--color-bg-primary,#fff);border-radius:10px;box-shadow:0 1px 4px #0000000a;padding:16px}.goals-list{display:flex;flex-direction:column;gap:10px}.emotions-data{display:flex;flex-direction:column;gap:16px}.emotions-section{background:#fff;background:var(--color-bg-primary,#fff);border-radius:10px;box-shadow:0 1px 4px #0000000a;padding:16px}.emotions-section-title{color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.emotions-trend-badge{background:#e8f4fc;background:var(--color-accent-light,#e8f4fc);border-radius:20px;color:#4a90e2;color:var(--color-accent,#4a90e2);display:inline-block;font-size:14px;font-weight:600;margin-bottom:12px;padding:8px 14px}.emotions-summary-text{background:#f8f8f8;background:var(--color-bg-tertiary,#f8f8f8);border-left:3px solid #6366f1;border-left:3px solid var(--color-accent,#6366f1);border-radius:8px;color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:14px;line-height:1.7;padding:12px 14px}.emotions-context-badge{background:#f0f0f0;background:var(--color-bg-tertiary,#f0f0f0);border-radius:12px;color:#666;color:var(--color-text-secondary,#666);display:inline-block;font-size:11px;font-weight:600;padding:4px 10px}.emotions-history-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}@media (max-width:768px){.emotions-trend-badge{font-size:13px;padding:6px 12px}.emotions-summary-text{font-size:13px}}.summaries-section{background:#fff;background:var(--color-bg-primary,#fff);border-radius:10px;box-shadow:0 1px 4px #0000000a;padding:16px}.summaries-list{display:flex;flex-direction:column;gap:12px}.summaries-panel .panel-entry-text{line-height:1.7}.reset-data-panel{background:#1a1a2e;background:var(--color-bg-secondary,#1a1a2e);border-right:1px solid #ffffff1a;border-right:1px solid var(--color-border-light,#ffffff1a)}.reset-data-panel .panel-header{flex-shrink:0}.reset-data-panel .panel-header-row{align-items:center;display:flex;gap:10px}.reset-data-panel .panel-title{flex:1 1}.reset-panel-back{align-items:center;background:#ffffff0d;background:var(--color-bg-tertiary,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--color-border-light,#ffffff1a);border-radius:6px;color:#b8c0cc;color:var(--color-text-secondary,#b8c0cc);cursor:pointer;display:flex;font-size:13px;gap:6px;margin-left:auto;padding:6px 10px;transition:all .2s}.reset-panel-back:hover{background:#ffffff1a;background:var(--color-bg-primary,#ffffff1a);border-color:#b8c0cc;border-color:var(--color-text-secondary,#b8c0cc);color:#fff;color:var(--color-text-primary,#fff)}.reset-panel-back svg{height:14px;width:14px}.reset-warning-compact{align-items:center;background:#e74c3c26;border:1px solid #e74c3c4d;border-radius:6px;display:flex;gap:8px;margin-top:10px;padding:8px 10px}.reset-warning-compact svg{stroke:#e74c3c;flex-shrink:0;height:16px;width:16px}.reset-warning-compact span{color:#b8c0cc;color:var(--color-text-secondary,#b8c0cc);font-size:12px;line-height:1.3}.reset-warning-compact strong{color:#e74c3c}.reset-panel-content{flex:1 1;overflow-y:auto}.reset-warning{align-items:flex-start;background:#e74c3c26;border:1px solid #e74c3c4d;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:14px}.reset-warning svg{stroke:#e74c3c;flex-shrink:0;height:20px;margin-top:2px;width:20px}.reset-warning span{color:#b8c0cc;color:var(--color-text-secondary,#b8c0cc);font-size:13px;line-height:1.5}.reset-warning strong{color:#e74c3c}.reset-options{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.reset-option{align-items:center;background:#252542;background:var(--color-bg-tertiary,#252542);border:1px solid #ffffff1a;border:1px solid var(--color-border-light,#ffffff1a);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.reset-option:hover{background:#d4a5740d;border-color:#d4a574;border-color:var(--color-primary,#d4a574)}.reset-option input[type=checkbox]{display:none}.reset-option-checkmark{background:#1a1a2e;background:var(--color-bg-primary,#1a1a2e);border:2px solid #888;border:2px solid var(--color-text-secondary,#888);border-radius:4px;flex-shrink:0;height:20px;position:relative;transition:all .2s;width:20px}.reset-option input[type=checkbox]:checked+.reset-option-checkmark{background:#d4a574;background:var(--color-primary,#d4a574);border-color:#d4a574;border-color:var(--color-primary,#d4a574)}.reset-option input[type=checkbox]:checked+.reset-option-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.reset-option-label{color:#fff;color:var(--color-text-primary,#fff);flex:1 1;font-size:14px;font-weight:500}.reset-option-count{background:#1a1a2e;background:var(--color-bg-primary,#1a1a2e);border-radius:12px;color:#b8c0cc;color:var(--color-text-secondary,#b8c0cc);font-size:13px;min-width:32px;padding:2px 8px;text-align:center}.reset-all-toggle{margin-bottom:8px}.reset-all-button{align-items:center;background:#0000;border:1px solid #fff3;border:1px solid var(--color-border-light,#fff3);border-radius:8px;color:#b8c0cc;color:var(--color-text-secondary,#b8c0cc);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:12px;transition:all .2s;width:100%}.reset-all-button.active,.reset-all-button:hover{border-color:#d4a574;border-color:var(--color-primary,#d4a574);color:#d4a574;color:var(--color-primary,#d4a574)}.reset-all-button.active{background:#d4a5741a}.reset-continue-button{background:#d4a574;background:var(--color-primary,#d4a574);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .2s;width:100%}.reset-continue-button:hover:not(:disabled){background:#c49464;background:var(--color-primary-dark,#c49464);transform:translateY(-1px)}.reset-continue-button:disabled{cursor:not-allowed;opacity:.5}.reset-continue-button.reset-delete-style{background:#e74c3c}.reset-continue-button.reset-delete-style:hover:not(:disabled){background:#c0392b}.reset-confirmation,.reset-final-confirmation{align-items:center;display:flex;flex-direction:column;padding:20px 0;text-align:center}.reset-confirm-icon{align-items:center;background:#d4a57426;border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:20px;width:60px}.reset-confirm-icon svg{stroke:#d4a574;stroke:var(--color-primary,#d4a574);height:30px;width:30px}.reset-confirm-icon.danger{background:#e74c3c26}.reset-confirm-icon.danger svg{stroke:#e74c3c}.reset-confirmation h4,.reset-final-confirmation h4{color:#fff;color:var(--color-text-primary,#fff);font-size:20px;font-weight:600;margin:0 0 12px}.reset-confirmation p,.reset-final-confirmation p{color:#b8c0cc;color:var(--color-text-secondary,#b8c0cc);font-size:14px;line-height:1.5;margin:0 0 16px}.reset-confirmation strong,.reset-final-confirmation strong{color:#fff;color:var(--color-text-primary,#fff)}.reset-selected-list{list-style:none;margin:0 0 24px;padding:0;width:100%}.reset-selected-list li{background:#252542;background:var(--color-bg-tertiary,#252542);border-radius:6px;color:#fff;color:var(--color-text-primary,#fff);font-size:14px;margin-bottom:6px;padding:10px 16px;text-align:left}.reset-selected-list li:before{color:#e74c3c;content:"•";margin-right:10px}.reset-confirm-buttons{display:flex;gap:12px;width:100%}.reset-cancel-button{background:#252542;background:var(--color-bg-tertiary,#252542);border:1px solid #ffffff1a;border:1px solid var(--color-border-light,#ffffff1a);border-radius:8px;color:#b8c0cc;color:var(--color-text-secondary,#b8c0cc);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;transition:all .2s}.reset-cancel-button:hover{background:#1a1a2e;background:var(--color-bg-primary,#1a1a2e);border-color:#b8c0cc;border-color:var(--color-text-secondary,#b8c0cc)}.reset-confirm-button{background:#d4a574;background:var(--color-primary,#d4a574);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.reset-confirm-button:hover{background:#c49464;background:var(--color-primary-dark,#c49464)}.reset-confirm-input{background:#252542;background:var(--color-bg-tertiary,#252542);border:2px solid #ffffff1a;border:2px solid var(--color-border-light,#ffffff1a);border-radius:8px;color:#fff;color:var(--color-text-primary,#fff);font-size:15px;margin-bottom:20px;padding:14px;text-align:center;transition:border-color .2s;width:100%}.reset-confirm-input:focus{border-color:#d4a574;border-color:var(--color-primary,#d4a574);outline:none}.reset-confirm-input::placeholder{color:#b8c0cc;color:var(--color-text-secondary,#b8c0cc);opacity:.6}.reset-delete-button{align-items:center;background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.reset-delete-button:hover:not(:disabled){background:#c0392b}.reset-delete-button:disabled{cursor:not-allowed;opacity:.5}.reset-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.reset-option{padding:10px}.reset-option-label{font-size:13px}.reset-option-description{font-size:11px}}.left-toolbar{align-items:center;background-color:initial;border-right:none;display:flex;flex-direction:column;gap:16px;height:100vh;left:0;padding:20px 0;position:fixed;top:0;width:60px;z-index:200}.toolbar-icon-button{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.toolbar-icon-button:hover{background-color:#fff;background-color:var(--color-bg-tertiary,#fff);transform:translateX(3px)}.toolbar-icon-button.active{background-color:#d4a574;background-color:var(--color-primary,#d4a574)}.toolbar-icon-button svg{stroke:#2c2416;stroke:var(--color-text-primary,#2c2416);stroke-width:2;fill:none;height:24px;transition:all .2s ease;width:24px}.toolbar-icon-button.active svg{stroke:#fff}.toolbar-icon-button:hover svg{stroke:#d4a574;stroke:var(--color-primary,#d4a574);transform:scale(1.1)}.toolbar-icon-button.active:hover svg{stroke:#fff}@media (max-width:768px){.toolbar-icon-button:hover{transform:translateX(-3px)}}.toolbar-icon-button:after{background-color:#000000bf;border-radius:6px;color:#fff;content:attr(data-tooltip);font-size:13px;left:60px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity 0s;white-space:nowrap;z-index:1000}.toolbar-icon-button:hover:after{opacity:1}@media (max-width:768px){.left-toolbar{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;background:#f5f0e8;background:var(--color-bg-secondary,#f5f0e8);border-right:none;border-top:1px solid #0000001a;border-top:1px solid var(--color-border,#0000001a);bottom:0;box-shadow:0 -2px 10px #0000001a;box-sizing:border-box;flex-direction:row;flex-wrap:nowrap;gap:8px;height:44px;justify-content:flex-start;left:0;max-width:100vw;min-height:44px;overflow-x:scroll;overflow-y:hidden;padding:0 12px;position:fixed;right:0;scrollbar-width:none;top:auto;width:100%;z-index:300}.left-toolbar::-webkit-scrollbar{display:none;height:0;width:0}.toolbar-icon-button{flex:0 0 32px;height:32px;max-width:32px;min-width:32px;width:32px}.toolbar-icon-button svg{height:20px;width:20px}.toolbar-icon-button:after{display:none}}.toolbar-icon-button.voice-active{background-color:#4caf50;background-color:var(--color-success,#4caf50)}.toolbar-icon-button.voice-active svg{stroke:#fff}.toolbar-icon-button.voice-active:hover{background-color:#4caf50;background-color:var(--color-success,#4caf50);opacity:.9}.toolbar-icon-button.vx-call-button{background:#0000}.toolbar-icon-button.vx-call-button svg{stroke:#fff}.toolbar-icon-button.vx-call-button:hover{background-color:#ffffff26}.toolbar-icon-button.vx-call-button.disabled{background:#0000;cursor:not-allowed}@media (max-width:768px){.toolbar-icon-button.vx-call-button{background:#0000}.toolbar-icon-button.vx-call-button svg{stroke:#2c2416;stroke:var(--color-text-primary,#2c2416)}.toolbar-icon-button.vx-call-button.disabled,.toolbar-icon-button.vx-call-button:hover{background:#0000}}@keyframes voice-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.voice-playing{animation:voice-pulse 1s ease-in-out infinite}.extractor-indicator{left:50%;position:absolute;top:5px;transform:translateX(-50%);z-index:300}.extractor-light{animation:extractor-pulse 1s ease-in-out;background-color:red;border-radius:50%;box-shadow:0 0 10px red,0 0 20px red,0 0 30px red;height:8px;width:8px}@keyframes extractor-pulse{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.5)}}.vector-search-button{position:relative}.vector-search-button .level-badge{background:#007bff;border-radius:4px;bottom:-4px;color:#fff;font-size:8px;font-weight:700;line-height:1;padding:2px 4px;position:absolute;right:-4px}.edit-character-button svg{fill:none;stroke:#6366f1;stroke:var(--color-accent,#6366f1);stroke-width:2}.edit-character-button:hover svg{stroke:var(--color-text-primary);transform:scale(1.1)}.image-gen-button svg{fill:none;stroke:#fff;stroke-width:2}.image-gen-button:hover svg{stroke:#fff;transform:scale(1.1)}.toolbar-icon-button.image-gen-button.pinned{background:#d4af374d;border:1px solid #d4af3799}.toolbar-icon-button.image-gen-button.pinned svg{stroke:#d4af37}.toolbar-icon-button.image-gen-button.pinned:hover{background:#d4af3766}.toolbar-icon-button.image-gen-button .pin-indicator{font-size:10px;line-height:1;position:absolute;right:-2px;top:-2px}.voice-studio-button svg{fill:none;stroke:#fff;stroke-width:2}.voice-studio-button:hover svg{stroke:#fff;transform:scale(1.1)}.toolbar-icon-button.voice-studio-button.pinned{background:#d4af374d;border:1px solid #d4af3799}.toolbar-icon-button.voice-studio-button.pinned svg{stroke:#d4af37}.toolbar-icon-button.voice-studio-button.pinned:hover{background:#d4af3766}[data-account-class=casual] .toolbar-icon-button{border-radius:8px}[data-account-class=casual] .toolbar-icon-button:hover{background-color:#ffffff26;border-radius:8px}[data-account-class=wellbeing] .toolbar-icon-button{border-radius:50%}[data-account-class=wellbeing] .toolbar-icon-button:hover{background-color:#ffffff26;border-radius:50%}[data-account-class=casual] .toolbar-icon-button svg,[data-account-class=casual] .toolbar-icon-button:hover svg,[data-account-class=wellbeing] .toolbar-icon-button svg,[data-account-class=wellbeing] .toolbar-icon-button:hover svg{stroke:#fff}.toolbar-icon-button.chatgpt-migration-button{position:relative}.toolbar-icon-button.chatgpt-migration-button svg{fill:currentColor;stroke:none;color:#fffc;height:22px;width:22px}.toolbar-icon-button.chatgpt-migration-button:hover svg{color:#10a37f}[data-account-class=casual] .toolbar-icon-button.chatgpt-migration-button svg,[data-account-class=wellbeing] .toolbar-icon-button.chatgpt-migration-button svg{stroke:none;fill:currentColor}.context-viewer-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.context-viewer-modal{background:var(--color-bg-primary);border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;height:85vh;max-width:1200px;overflow:hidden;width:90%}.context-viewer-header{align-items:center;background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;padding:24px}.context-viewer-header h2{color:var(--color-text-primary);font-size:24px;margin:0}.context-viewer-subtitle{color:var(--color-text-secondary);font-size:14px;margin:4px 0 0}.context-close-btn,.context-refresh-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.context-refresh-btn{background:var(--color-btn-primary-bg);color:var(--color-text-inverse)}.context-refresh-btn:hover:not(:disabled){background:var(--color-btn-primary-hover);transform:translateY(-1px)}.context-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.context-close-btn{background:var(--color-error);color:#fff}.context-close-btn:hover{background:#c0392b;transform:translateY(-1px)}.context-error{background:#e74c3c1a;border:1px solid var(--color-error);border-radius:8px;color:var(--color-error);margin:16px 24px;padding:16px}.context-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 24px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--color-bg-tertiary);border-top-color:var(--color-accent);margin-bottom:16px}.context-tabs{background:var(--color-bg-primary);border-bottom:2px solid var(--color-border);display:flex;gap:8px;padding:16px 24px 0}.context-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.context-tab:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.context-tab.active{border-bottom-color:var(--color-accent);color:var(--color-accent)}.context-content{flex:1 1;overflow-y:auto;padding:24px}.context-section{display:flex;flex-direction:column;gap:16px}.context-meta{background:var(--color-bg-secondary);border-radius:8px;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:13px;gap:24px;padding:16px}.context-meta strong,.context-text{color:var(--color-text-primary)}.context-text{word-wrap:break-word;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto;padding:20px;white-space:pre-wrap}.context-components{display:flex;flex-direction:column;gap:24px}.component-section h3{color:var(--color-accent);font-size:16px;margin:0 0 12px}.component-text{word-wrap:break-word;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-family:Courier New,monospace;font-size:12px;line-height:1.5;max-height:300px;overflow-x:auto;overflow-y:auto;padding:16px;white-space:pre-wrap}.context-history{display:flex;flex-direction:column;gap:16px}.history-message{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:16px}.history-message.user{border-left:4px solid #3498db}.history-message.assistant{border-left:4px solid var(--color-accent)}.history-message-header{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.history-role{color:var(--color-text-primary);font-weight:600}.history-timestamp{color:var(--color-text-tertiary);font-size:11px}.history-content{word-wrap:break-word;color:var(--color-text-primary);font-size:14px;line-height:1.6;white-space:pre-wrap}.no-history{color:var(--color-text-secondary);font-size:16px;padding:60px 24px;text-align:center}@media (max-width:768px){.context-viewer-modal{height:90vh;width:95%}.context-viewer-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.context-tabs{flex-wrap:wrap;padding:12px 16px 0}.context-tab{font-size:12px;padding:8px 12px}.context-content{padding:16px}.context-meta{flex-direction:column;gap:8px}}.alert-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10002}.alert-modal{animation:modalFadeIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000004d;max-width:400px;padding:24px;width:90%;z-index:10003}.alert-modal-title{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 12px}.alert-modal-message{color:#4b5563;font-size:14px;line-height:1.5;margin:0 0 24px;white-space:pre-wrap}.alert-modal-actions{display:flex;justify-content:flex-end}.alert-modal-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.alert-modal-btn:hover{opacity:.9;transform:translateY(-1px)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[data-account-class=wellbeing] .alert-modal-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0d0d10d9}[data-account-class=wellbeing] .alert-modal{background:linear-gradient(180deg,#1a1a1f,#151518);border:1px solid #8b5cf633;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 40px #8b5cf61a}[data-account-class=wellbeing] .alert-modal-title{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}[data-account-class=wellbeing] .alert-modal-message{color:#fff9;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}[data-account-class=wellbeing] .alert-modal-btn{background:linear-gradient(135deg,#8b5cf6e6,#6d3ed8f2);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 15px #8b5cf666;padding:12px 28px}[data-account-class=wellbeing] .alert-modal-btn:hover{background:linear-gradient(135deg,#9f70fff2,#8b5cf6);box-shadow:0 6px 25px #8b5cf680;opacity:1;transform:translateY(-2px)}[data-account-class=casual] .alert-modal-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a0c14b3}[data-account-class=casual] .alert-modal{background:#141821;border:1px solid #2d3548;border-radius:16px;box-shadow:0 10px 40px #00000080,0 0 30px #d4af371a}[data-account-class=casual] .alert-modal-title{color:#f8f9fa}[data-account-class=casual] .alert-modal-message{color:#b8c0cc}[data-account-class=casual] .alert-modal-btn{background:linear-gradient(135deg,#d4af37,#e5c158);border-radius:25px;color:#0b0e14;padding:12px 28px}[data-account-class=casual] .alert-modal-btn:hover{box-shadow:0 0 20px #d4af3780,0 0 40px #e5c1584d;opacity:1;transform:translateY(-2px)}.voice-call-panel{background:#f8f6f1;background:var(--color-bg-secondary,#f8f6f1);border-right:1px solid #e8e4dc;border-right:1px solid var(--color-border,#e8e4dc);box-shadow:2px 0 16px #00000014;display:flex;flex-direction:column;gap:16px;height:100vh;left:-400px;overflow-y:auto;padding:20px;position:fixed;top:0;transition:left .3s ease;width:400px;z-index:100}.voice-call-panel.open{left:0}.voice-call-panel .mobile-close-button{display:none}.voice-call-panel .stats-card{background:#fff;background:var(--color-bg-primary,#fff);border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:16px}.voice-call-panel .stats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.voice-call-panel .stats-title{color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:16px;font-weight:600}.voice-call-panel .stats-metrics{color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);font-size:14px}.voice-call-panel .metric-label{font-size:13px}.voice-call-panel .control-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.voice-call-panel .control-button.primary{background:#4a90e2;background:var(--color-primary,#4a90e2);color:#fff}.voice-call-panel .control-button.primary:hover:not(:disabled){background:#357abd;background:var(--color-primary-hover,#357abd)}.voice-call-panel .control-button.danger{background:#ef4444;color:#fff}.voice-call-panel .control-button.danger:hover:not(:disabled){background:#dc2626}.voice-call-panel .control-button:disabled{cursor:not-allowed;opacity:.5}.voice-call-panel .context-toggle{background:#0000;border:none;border-radius:4px;color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);cursor:pointer;font-size:12px;padding:4px 8px}.voice-call-panel .context-toggle:hover{background:#f0f0f0;background:var(--color-bg-tertiary,#f0f0f0)}.voice-call-panel .context-display{background:#f5f5f5;background:var(--color-bg-tertiary,#f5f5f5);border-radius:8px;color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-family:monospace;font-size:12px;max-height:200px;overflow-y:auto;padding:12px;white-space:pre-wrap}.voice-call-panel .status-message{border-radius:8px;font-size:13px;padding:12px;text-align:center}.voice-call-panel .status-message.info{background:#3b82f61a;color:#3b82f6}.voice-call-panel .status-message.warning{background:#f59e0b1a;color:#f59e0b}.voice-call-panel .status-message.error{background:#ef44441a;color:#ef4444}@media (max-width:768px){.voice-call-panel{left:-100%;width:100%}.voice-call-panel.open{left:0}.voice-call-panel .mobile-close-button{align-items:center;background:#f0f0f0;background:var(--color-bg-tertiary,#f0f0f0);border:none;border-radius:8px;color:#2c3e50;color:var(--color-text-primary,#2c3e50);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;margin-bottom:8px;padding:10px 16px}.voice-call-panel .mobile-close-button:hover:not(:disabled){background:#e5e5e5;background:var(--color-bg-hover,#e5e5e5)}}.nce-overlay{align-items:center;animation:nce-fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes nce-fadeIn{0%{opacity:0}to{opacity:1}}.nce-container{animation:nce-slideUp .3s ease;background:hsl(var(--card));border-radius:16px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes nce-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nce-header{align-items:flex-start;background:linear-gradient(to bottom,hsl(var(--card)),hsl(var(--card)/.95));border-bottom:1px solid hsl(var(--border));display:flex;justify-content:space-between;padding:24px 28px}.nce-header-content{flex:1 1}.nce-title{color:hsl(var(--foreground));font-size:24px;font-weight:700;line-height:1.2;margin:0}.nce-subtitle{font-size:14px;line-height:1.4;margin:6px 0 0}.nce-close-btn,.nce-subtitle{color:hsl(var(--muted-foreground))}.nce-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;margin-left:16px;transition:all .2s ease;width:36px}.nce-close-btn:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.nce-error{align-items:center;background:hsl(var(--destructive)/.1);border-bottom:1px solid hsl(var(--destructive)/.3);color:hsl(var(--destructive));display:flex;font-size:14px;gap:12px;padding:12px 20px}.nce-error-icon{flex-shrink:0;font-size:18px}.nce-error-text{flex:1 1}.nce-error-close{background:#0000;border:none;border-radius:4px;color:hsl(var(--destructive));cursor:pointer;font-size:18px;padding:4px 8px;transition:background .2s ease}.nce-error-close:hover{background:hsl(var(--destructive)/.2)}.nce-content{flex:1 1;overflow-y:auto;padding:32px 28px}.nce-content::-webkit-scrollbar{width:8px}.nce-content::-webkit-scrollbar-track{background:hsl(var(--muted)/.3)}.nce-content::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground)/.3);border-radius:4px}.nce-content::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground)/.5)}.nce-avatar-section{border-bottom:1px solid hsl(var(--border));display:flex;justify-content:center;margin-bottom:32px;padding-bottom:32px}.nce-avatar-wrapper{align-items:center;display:flex;flex-direction:column;gap:16px}.nce-avatar-img{aspect-ratio:3/4;border:4px solid hsl(var(--border));border-radius:12px;box-shadow:0 4px 12px #0000001a;object-fit:cover;object-position:center 40%;transition:all .3s ease;width:280px}.nce-avatar-img:hover{box-shadow:0 6px 20px #00000026;transform:scale(1.02)}.nce-avatar-btn{background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:8px;color:hsl(var(--secondary-foreground));cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.nce-avatar-btn:hover{background:hsl(var(--secondary)/.8);border-color:hsl(var(--ring))}.nce-form{gap:28px}.nce-field,.nce-form{display:flex;flex-direction:column}.nce-field{gap:12px}.nce-field-header{align-items:center;display:flex;justify-content:space-between}.nce-field-label{color:hsl(var(--foreground));font-size:15px;font-weight:600;letter-spacing:-.01em}.nce-edit-btn,.nce-save-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s ease}.nce-edit-btn{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.nce-edit-btn:hover{background:hsl(var(--secondary)/.8)}.nce-save-btn{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.nce-save-btn:hover{opacity:.9}.nce-field-content{background:hsl(var(--muted)/.3);border:2px solid #0000;border-radius:10px;min-height:60px;padding:16px;transition:all .2s ease}.nce-field-content.editing{background:hsl(var(--background));border-color:hsl(var(--ring))}.nce-field-display{word-wrap:break-word;color:hsl(var(--foreground));font-size:14px;line-height:1.6;white-space:pre-wrap}.nce-placeholder{color:hsl(var(--muted-foreground));font-style:italic}.nce-input,.nce-textarea{background:#0000;border:none;color:hsl(var(--foreground));font-family:inherit;font-size:14px;line-height:1.6;outline:none;padding:0;resize:none;width:100%}.nce-input::placeholder,.nce-textarea::placeholder{color:hsl(var(--muted-foreground))}.nce-gender-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:8px}.nce-gender-option{align-items:center;background:hsl(var(--muted)/.3);border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.nce-gender-option:hover{background:hsl(var(--accent));border-color:hsl(var(--border))}.nce-gender-option.active{background:hsl(var(--primary)/.1);border-color:hsl(var(--primary))}.nce-gender-icon{font-size:24px}.nce-gender-label{color:hsl(var(--foreground));font-size:14px;font-weight:600}.nce-footer{align-items:center;background:hsl(var(--muted)/.2);border-top:1px solid hsl(var(--border));display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.nce-cancel-btn{background:#0000;border:1px solid hsl(var(--border));border-radius:8px;color:hsl(var(--foreground));cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.nce-cancel-btn:hover{background:hsl(var(--accent))}.nce-save-all-btn{align-items:center;background:hsl(var(--primary));border:none;border-radius:8px;color:hsl(var(--primary-foreground));cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s ease}.nce-save-all-btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;opacity:.9;transform:translateY(-1px)}.nce-save-all-btn:disabled{cursor:not-allowed;opacity:.5}.nce-spinner{animation:nce-spin .6s linear infinite;border:2px solid hsl(var(--primary-foreground)/.3);border-radius:50%;border-top-color:hsl(var(--primary-foreground));height:14px;width:14px}@keyframes nce-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.nce-container{border-radius:0;max-height:100vh;max-width:100%}.nce-header{padding:20px}.nce-title{font-size:20px}.nce-content{padding:24px 20px}.nce-footer{flex-direction:column-reverse;padding:16px 20px}.nce-cancel-btn,.nce-save-all-btn{justify-content:center;width:100%}.nce-gender-grid{grid-template-columns:1fr}}.cep-modal,.cep-pinned{--gold-primary:#d4af37;--gold-light:gold;--gold-dark:#b8962e;--gold-glow:#d4af3766;--gold-subtle:#d4af371a;--bg-deepest:#050505;--bg-deep:#0a0a0a;--bg-dark:#111;--bg-card:#161616;--bg-elevated:#1a1a1a;--bg-hover:#222;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--border-subtle:#ffffff0f;--border-light:#ffffff1a;--border-gold:#d4af374d}.cep-overlay{align-items:center;animation:cep-fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.cep-modal{animation:cep-slideIn .3s ease-out;background:var(--bg-deep);border:1px solid var(--border-gold);border-radius:16px;box-shadow:0 0 0 1px var(--border-subtle),0 25px 50px -12px #000c,0 0 80px -20px var(--gold-glow);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}@keyframes cep-slideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.cep-pinned{background:linear-gradient(180deg,var(--bg-dark) 0,var(--bg-deepest) 100%);border-left:1px solid var(--border-gold);display:flex;flex-direction:column;height:100%;overflow:hidden}.cep-pinned.cep-locked{justify-content:flex-start}.cep-locked-message{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.cep-locked-icon{font-size:48px;margin-bottom:16px}.cep-locked-message h3{color:var(--gold-primary);font-size:18px;font-weight:600;margin:0 0 12px}.cep-locked-message p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0;max-width:280px}.cep-header{background:var(--bg-dark);border-bottom:1px solid var(--border-gold);flex-shrink:0;justify-content:space-between;padding:16px 20px}.cep-header,.cep-title{align-items:center;display:flex}.cep-title{font-size:16px;font-weight:600;gap:10px}.cep-title svg{color:var(--gold-primary);filter:drop-shadow(0 0 8px var(--gold-glow))}.cep-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--gold-light) 0,var(--gold-primary) 50%,var(--gold-dark) 100%);-webkit-background-clip:text;background-clip:text}.cep-token-estimate{-webkit-text-fill-color:var(--text-muted)!important;background:none!important;border:1px solid var(--border-subtle);border-radius:10px;font-size:11px;font-weight:400;margin-left:8px;padding:2px 8px}.cep-header-actions{align-items:center;display:flex;gap:8px}.cep-header-save-btn{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;opacity:.5;transition:all .2s ease;width:36px}.cep-header-save-btn:disabled{cursor:not-allowed}.cep-header-save-btn.has-changes{animation:cep-pulse 2s ease-in-out infinite;background:#d4af371a;border-color:var(--gold-primary);color:var(--gold-primary);opacity:1}.cep-header-save-btn.has-changes:hover:not(:disabled){background:var(--gold-primary);box-shadow:0 0 20px var(--gold-glow);color:var(--bg-deepest);transform:scale(1.05)}@keyframes cep-pulse{0%,to{box-shadow:0 0 0 0 var(--gold-glow)}50%{box-shadow:0 0 15px 2px var(--gold-glow)}}.cep-header-save-btn .spinning{animation:spin 1s linear infinite}.cep-close-btn{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.cep-close-btn:hover{background:var(--bg-hover);border-color:var(--gold-primary);box-shadow:0 0 15px var(--gold-glow);color:var(--text-primary)}.cep-error{align-items:center;background:#ef444426;border-bottom:1px solid #ef44444d;color:#f87171;display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:10px 16px}.cep-error button{background:#0000;border:none;border-radius:4px;color:#f87171;cursor:pointer;font-size:16px;padding:2px 6px}.cep-error button:hover{background:#ef444433}.cep-success{align-items:center;background:linear-gradient(135deg,#d4af3726,#d4af370d);border-bottom:1px solid var(--border-gold);color:var(--gold-light);display:flex;font-size:13px;gap:8px;padding:10px 16px}.cep-content{flex:1 1;overflow-y:auto;padding:20px}.cep-content::-webkit-scrollbar{width:6px}.cep-content::-webkit-scrollbar-track{background:var(--bg-deepest)}.cep-content::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}.cep-content::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}.cep-loading{align-items:center;color:var(--gold-light);display:flex;font-size:14px;gap:10px;justify-content:center;padding:16px}.cep-loading-spinner{animation:cep-spin 1s linear infinite}@keyframes cep-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cep-avatar-section{justify-content:center;margin-bottom:24px}.cep-avatar-section,.cep-avatar-wrapper{align-items:center;display:flex;flex-direction:column}.cep-avatar-wrapper{gap:8px}.cep-avatar-container{border:3px solid var(--gold-primary);border-radius:50%;box-shadow:0 0 20px var(--gold-glow);height:100px;overflow:hidden;position:relative;transition:all .3s ease;width:100px}.cep-avatar-container.cep-avatar-readonly{cursor:default}.cep-avatar-container:not(.cep-avatar-readonly){cursor:pointer}.cep-avatar-container:not(.cep-avatar-readonly):hover{box-shadow:0 0 30px var(--gold-glow);transform:scale(1.05)}.cep-avatar-img{height:100%;object-fit:cover;width:100%}.cep-avatar-placeholder{align-items:center;background:var(--bg-elevated);color:var(--text-muted);display:flex;height:100%;justify-content:center;width:100%}.cep-avatar-hint{color:var(--text-muted);font-size:11px;text-align:center}.cep-avatar-overlay{align-items:center;background:#000000b3;color:var(--gold-light);display:flex;flex-direction:column;font-size:12px;gap:4px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.cep-avatar-container:not(.cep-avatar-readonly):hover .cep-avatar-overlay{opacity:1}.cep-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:border-color .2s ease}.cep-section:hover{border-color:var(--border-gold)}.cep-section-header{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:background .2s ease;width:100%}.cep-section-header:hover{background:var(--bg-hover)}.cep-section-title{align-items:center;display:flex;font-size:14px;font-weight:600;gap:10px}.cep-section-title svg{color:var(--gold-primary)}.cep-section-header>svg{color:var(--text-muted)}.cep-section-content{padding:0 16px 16px}.cep-field{margin-bottom:16px}.cep-field:last-child{margin-bottom:0}.cep-field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.cep-field-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cep-field-hint{color:var(--text-muted);font-size:11px;font-style:italic;margin:4px 0 12px}.cep-field-actions{align-items:center;display:flex;gap:6px}.cep-field-done-btn,.cep-field-edit-btn,.cep-field-undo-btn{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.cep-field-edit-btn:hover{background:var(--bg-hover);border-color:var(--gold-primary);color:var(--gold-primary)}.cep-field-undo-btn{opacity:.4}.cep-field-undo-btn:disabled{cursor:not-allowed}.cep-field-undo-btn.active{border-color:#f8717180;color:#f87171;opacity:1}.cep-field-undo-btn.active:hover{background:#f8717126;border-color:#f87171}.cep-field-done-btn{background:var(--gold-primary);border-color:var(--gold-primary);color:var(--bg-deepest)}.cep-field-done-btn:hover{background:var(--gold-light);box-shadow:0 0 15px var(--gold-glow)}.cep-field-display{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;line-height:1.5;padding:12px;transition:all .2s ease;white-space:pre-wrap;word-break:break-word}.cep-field-display:hover{background:var(--bg-hover);border-color:var(--border-gold)}.cep-placeholder{color:var(--text-muted);font-style:italic}.cep-input,.cep-textarea{background:var(--bg-elevated);border:1px solid var(--gold-primary);border-radius:8px;box-shadow:0 0 15px var(--gold-glow);color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.cep-input:focus,.cep-textarea:focus{border-color:var(--gold-light);box-shadow:0 0 20px var(--gold-glow);outline:none}.cep-textarea{line-height:1.5;min-height:80px}.cep-textarea::-webkit-scrollbar{width:6px}.cep-textarea::-webkit-scrollbar-track{background:#0000}.cep-textarea::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}.cep-textarea::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}.cep-input.over-limit,.cep-textarea.over-limit{border-color:#f87171;box-shadow:0 0 15px #f871714d}.cep-char-count{color:var(--text-muted);font-size:11px;margin-top:6px;text-align:right}.cep-char-count.warning{color:var(--gold-primary)}.cep-char-count.over{color:#f87171;font-weight:600}.cep-gender-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.cep-gender-option{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:11px;gap:4px;padding:12px 8px;transition:all .2s ease}.cep-gender-option:hover{background:var(--bg-hover);border-color:var(--border-gold)}.cep-gender-option.active{background:linear-gradient(135deg,#d4af3733,#d4af371a);border-color:var(--gold-primary);box-shadow:0 0 15px var(--gold-glow);color:var(--gold-light)}.cep-model-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.cep-model-option{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:10px 8px 8px;transition:all .2s ease}.cep-model-option:hover{background:#ffffff0f;border-color:#ffffff26;color:#fffc}.cep-model-option.active{background:linear-gradient(135deg,#d4af3726,#d4af3714);border-color:var(--gold-primary);box-shadow:0 0 12px var(--gold-glow);color:var(--gold-light)}.cep-model-gold{font-size:11px;letter-spacing:1px;line-height:1}.cep-model-name{font-size:12px;font-weight:600;letter-spacing:.3px}.cep-model-tag{font-size:10px;font-style:italic;opacity:.6}.cep-slider-field{margin-bottom:20px}.cep-slider-field:last-child{margin-bottom:0}.cep-slider-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.cep-slider-label{color:var(--text-secondary);font-size:12px;font-weight:600}.cep-slider-value{background:#d4af371a;border-radius:4px;color:var(--gold-primary);font-size:12px;font-weight:600;padding:2px 8px}.cep-slider{-webkit-appearance:none;appearance:none;background:var(--bg-elevated);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.cep-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--gold-primary);border:2px solid var(--bg-dark);border-radius:50%;box-shadow:0 0 10px var(--gold-glow);cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.cep-slider::-webkit-slider-thumb:hover{box-shadow:0 0 15px var(--gold-glow);transform:scale(1.15)}.cep-slider::-moz-range-thumb{background:var(--gold-primary);border:2px solid var(--bg-dark);border-radius:50%;box-shadow:0 0 10px var(--gold-glow);cursor:pointer;height:18px;width:18px}.cep-slider-marks{color:var(--text-muted);display:flex;font-size:10px;justify-content:space-between;margin-top:6px}.cep-advanced-info{align-items:flex-start;background:#d4af3714;border:1px solid var(--border-gold);border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:12px}.cep-advanced-info span{flex-shrink:0;font-size:16px}.cep-advanced-info p{color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0}@media (max-width:768px){.cep-gender-grid{grid-template-columns:repeat(2,1fr)}.cep-avatar-container{height:80px;width:80px}.cep-dual-slider-labels{font-size:11px}}.cep-header-icon-btn{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.cep-header-icon-btn:hover{background:#d4af371a;border-color:var(--gold-primary);color:var(--gold-primary)}.cep-dropdown-wrapper{position:relative}.cep-dropdown-menu{animation:cep-dropdownFadeIn .15s ease-out;background:var(--bg-elevated);border:1px solid var(--border-gold);border-radius:10px;box-shadow:0 8px 24px #0006,0 0 0 1px var(--border-subtle);min-width:150px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:1100}@keyframes cep-dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cep-dropdown-menu button{background:#0000;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:block;font-size:13px;padding:10px 14px;text-align:left;transition:all .15s ease;width:100%}.cep-dropdown-menu button:hover{background:#d4af3726;color:var(--gold-light)}.cep-dropdown-menu button:active{background:#d4af3740}.cep-confirm-overlay{align-items:center;animation:cep-fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes cep-fadeIn{0%{opacity:0}to{opacity:1}}.cep-confirm-modal{animation:cep-modalSlideIn .25s ease-out;background:linear-gradient(165deg,#1a1a1a,#0d0d0d);border:1px solid var(--border-gold);border-radius:16px;box-shadow:0 24px 48px #00000080,0 0 0 1px #d4af371a,inset 0 1px 0 #ffffff0d;max-width:400px;padding:32px;text-align:center;width:90%}@keyframes cep-modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cep-confirm-icon{align-items:center;background:linear-gradient(135deg,#d4af3733,#d4af370d);border:1px solid #d4af374d;border-radius:50%;color:var(--gold-primary);display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.cep-confirm-title{color:var(--text-primary);font-size:20px;font-weight:600;letter-spacing:-.3px;margin:0 0 12px}.cep-confirm-message{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 28px}.cep-confirm-actions{display:flex;gap:12px;justify-content:center}.cep-confirm-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;min-width:130px;padding:12px 24px;transition:all .2s ease}.cep-confirm-cancel{background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));box-shadow:0 4px 12px #d4af374d;color:#0a0a0a}.cep-confirm-cancel:hover{box-shadow:0 6px 16px #d4af3766;transform:translateY(-1px)}.cep-confirm-discard{background:#0000;border:1px solid var(--border-light);color:var(--text-secondary)}.cep-confirm-discard:hover{background:#ffffff0d;border-color:var(--text-secondary);color:var(--text-primary)}.cep-toggle{cursor:pointer;display:inline-block;height:20px;position:relative;width:36px}.cep-toggle input{height:0;opacity:0;width:0}.cep-toggle-slider{background:#ffffff1f;border-radius:20px;inset:0;position:absolute;transition:background .2s}.cep-toggle-slider:before{background:#999;background:var(--color-text-secondary,#999);border-radius:50%;bottom:3px;content:"";height:14px;left:3px;position:absolute;transition:transform .2s,background .2s;width:14px}.cep-toggle input:checked+.cep-toggle-slider{background:#d4af37;background:var(--color-primary,#d4af37)}.cep-toggle input:checked+.cep-toggle-slider:before{background:#fff;transform:translateX(16px)}.hume-voice-v2-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.hume-voice-v2-modal{animation:slideUp .3s ease-out;background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:90%}.hume-voice-v2-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:24px}.hume-voice-v2-character-info{align-items:center;display:flex;gap:16px}.hume-voice-v2-avatar{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:50%;flex-shrink:0;height:56px;overflow:hidden;width:56px}.hume-voice-v2-avatar img{height:100%;object-fit:cover;width:100%}.hume-voice-v2-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#6b7280;color:var(--text-secondary,#6b7280);color:#fff;display:flex;font-size:24px;font-weight:600;height:100%;justify-content:center;width:100%}.hume-voice-v2-character-details h3{color:#111827;color:var(--text-primary,#111827);font-size:18px;font-weight:600;margin:0}.hume-voice-v2-character-details p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:4px 0 0}.hume-voice-v2-close-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.hume-voice-v2-close-button:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.hume-voice-v2-close-button svg{height:20px;width:20px}.hume-voice-v2-content{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:280px;padding:40px 24px}.hume-voice-v2-state-indicator{align-items:center;display:flex;flex-direction:column;gap:16px}.hume-voice-v2-state-icon{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:120px}.hume-voice-v2-state-pulse{animation:pulse 2s ease-in-out infinite;background:#6b7280;background:var(--state-color,#6b7280);border-radius:50%;height:100%;opacity:.2;position:absolute;width:100%}.hume-voice-v2-state-dot{align-items:center;background:#fff;background:var(--bg-primary,#fff);border-radius:50%;box-shadow:0 4px 20px #0000001a;color:#6b7280;color:var(--state-color,#6b7280);display:flex;font-size:48px;height:80px;justify-content:center;position:relative;width:80px;z-index:1}.hume-voice-v2-state-label{color:#6b7280;color:var(--state-color,#6b7280);font-size:18px;font-weight:600}.hume-voice-v2-error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:12px;max-width:400px;padding:12px 16px;width:100%}.hume-voice-v2-error-message svg{flex-shrink:0;height:20px;width:20px}.hume-voice-v2-instructions{max-width:360px;text-align:center}.hume-voice-v2-instructions p{color:#111827;color:var(--text-primary,#111827);font-size:15px;line-height:1.6;margin:0 0 12px}.hume-voice-v2-instructions-note{color:#6b7280!important;color:var(--text-secondary,#6b7280)!important;font-size:13px!important}.hume-voice-v2-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);gap:12px;padding:24px}.hume-voice-v2-footer,.hume-voice-v2-mute-button{align-items:center;display:flex;justify-content:center}.hume-voice-v2-mute-button{background:#fff;background:var(--bg-primary,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;flex-shrink:0;height:48px;transition:all .2s;width:48px}.hume-voice-v2-mute-button:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-color:#6b7280;border-color:var(--text-secondary,#6b7280);transform:scale(1.05)}.hume-voice-v2-mute-button:active{transform:scale(.95)}.hume-voice-v2-mute-button.muted{background:#ef4444;border-color:#ef4444;color:#fff}.hume-voice-v2-mute-button.muted:hover{background:#dc2626;border-color:#dc2626}.hume-voice-v2-mute-button svg{height:24px;width:24px}.hume-voice-v2-connect-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 32px;transition:all .2s}.hume-voice-v2-connect-button:hover:not(:disabled){box-shadow:0 6px 16px #667eea80;transform:translateY(-2px)}.hume-voice-v2-connect-button:active:not(:disabled){transform:translateY(0)}.hume-voice-v2-connect-button:disabled{cursor:not-allowed;opacity:.6}.hume-voice-v2-connect-button.connected{background:#ef4444;box-shadow:0 4px 12px #ef444466}.hume-voice-v2-connect-button.connected:hover:not(:disabled){box-shadow:0 6px 16px #ef444480}.hume-voice-v2-connect-button svg{height:20px;width:20px}.hume-voice-v2-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (prefers-color-scheme:dark){.hume-voice-v2-modal{--bg-primary:#1f2937;--bg-secondary:#374151;--text-primary:#f9fafb;--text-secondary:#9ca3af;--border-color:#374151}.hume-voice-v2-error-message{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.hume-voice-v2-state-dot{background:#1f2937}}@media (max-width:640px){.hume-voice-v2-modal{max-width:none;width:95%}.hume-voice-v2-header{padding:20px}.hume-voice-v2-content{min-height:240px;padding:32px 20px}.hume-voice-v2-footer{padding:20px}.hume-voice-v2-state-icon{height:100px;width:100px}.hume-voice-v2-state-dot{font-size:40px;height:70px;width:70px}.hume-voice-v2-avatar{height:48px;width:48px}.hume-voice-v2-character-details h3{font-size:16px}.hume-voice-v2-character-details p{font-size:13px}}.hume-vx-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background:var(--color-bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.hume-vx-panel{animation:slideUp .3s ease-out;background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;width:95%}.hume-vx-header{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-bottom:1px solid var(--color-border-light);color:var(--color-text-inverse);display:flex;justify-content:space-between;padding:1.5rem}.hume-vx-header-left{align-items:center;display:flex;flex:1 1;gap:1.5rem}.hume-vx-title{font-size:1.5rem;font-weight:600;margin:0}.hume-vx-state-pill{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:var(--radius-full);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all var(--transition-normal)}.hume-vx-state-pill .state-dot{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:currentColor;border-radius:50%;height:8px;width:8px}.hume-vx-state-pill.state-idle{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.hume-vx-state-pill.state-connecting{background:var(--color-info);color:var(--color-text-inverse)}.hume-vx-state-pill.state-listening{background:var(--color-success);color:var(--color-text-inverse)}.hume-vx-state-pill.state-thinking{background:var(--color-warning);color:var(--color-text-inverse)}.hume-vx-state-pill.state-speaking{background:var(--color-info);color:var(--color-text-inverse)}.hume-vx-state-pill.state-error{background:var(--color-error);color:var(--color-text-inverse)}.hume-vx-session-info{display:flex;flex-direction:column;font-size:.75rem;gap:.25rem;opacity:.9}.hume-vx-llm-indicator{align-items:center;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--color-accent);border:1px solid var(--color-border-medium);border-radius:var(--radius-full);box-shadow:var(--glow-accent);color:var(--color-text-inverse);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animated-dots{display:inline-flex;font-weight:700;letter-spacing:2px}.animated-dots span{animation:dot-wave 1.4s ease-in-out infinite;opacity:.3}.animated-dots span:first-child{animation-delay:0s}.animated-dots span:nth-child(2){animation-delay:.1s}.animated-dots span:nth-child(3){animation-delay:.2s}.animated-dots span:nth-child(4){animation-delay:.3s}.animated-dots span:nth-child(5){animation-delay:.4s}.animated-dots span:nth-child(6){animation-delay:.5s}@keyframes dot-wave{0%,60%,to{opacity:.3}30%{opacity:1}}.hume-vx-header-right{align-items:center;display:flex;gap:.75rem}.hume-vx-icon-btn{align-items:center;background:#ffffff1a;border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all var(--transition-fast)}.hume-vx-icon-btn:hover{background:#fff3;transform:scale(1.05)}.hume-vx-icon-btn.muted{background:var(--color-error);border:1px solid var(--color-border-dark)}.hume-vx-icon-btn.filter-on{background:#22c55e4d;border:1px solid #22c55e80}.hume-vx-icon-btn.filter-off{background:#ef44444d;border:1px solid #ef444480}.hume-vx-connect-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all var(--transition-fast)}.hume-vx-connect-btn.connect{background:var(--color-success);border:1px solid var(--color-border-medium);color:var(--color-text-inverse)}.hume-vx-connect-btn.connect:hover{box-shadow:var(--glow-secondary);filter:brightness(1.1);transform:translateY(-1px)}.hume-vx-connect-btn.disconnect{background:var(--color-error);border:1px solid var(--color-border-dark);color:var(--color-text-inverse)}.hume-vx-connect-btn.disconnect:hover{box-shadow:var(--glow-primary);filter:brightness(1.1);transform:translateY(-1px)}.hume-vx-text-input-section{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);padding:1rem 1.5rem}.hume-vx-text-input-container{display:flex;gap:.75rem;margin:0 auto;max-width:800px}.hume-vx-text-input{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-input-text);flex:1 1;font-size:.875rem;outline:none;padding:.75rem 1rem;transition:all var(--transition-fast)}.hume-vx-text-input::placeholder{color:var(--color-input-placeholder)}.hume-vx-text-input:focus{border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #ff58641a}.hume-vx-send-btn{align-items:center;background:var(--color-btn-primary-bg);border:none;border-radius:var(--radius-md);color:var(--color-btn-primary-text);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all var(--transition-fast)}.hume-vx-send-btn:hover:not(:disabled){background:var(--color-btn-primary-hover);box-shadow:var(--glow-primary);transform:translateY(-1px)}.hume-vx-send-btn:disabled{cursor:not-allowed;opacity:.5}.hume-vx-settings-panel{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);padding:1.5rem}.hume-vx-settings-title{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.hume-vx-settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.hume-vx-setting-item label{color:var(--color-text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.hume-vx-setting-description{color:var(--color-text-secondary);font-size:.75rem;margin-bottom:.5rem}.hume-vx-setting-item input[type=number],.hume-vx-setting-item input[type=range],.hume-vx-setting-item select{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);color:var(--color-input-text);font-size:.875rem;padding:.5rem;width:100%}.hume-vx-setting-item input[type=range]{accent-color:var(--color-accent)}.hume-vx-content{display:flex;flex:1 1;overflow:hidden}.hume-vx-log-panel{border-right:1px solid var(--color-border-light);display:flex;flex:1 1;flex-direction:column}.hume-vx-log-panel:last-child{border-right:none}.hume-vx-log-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);padding:1rem 1.5rem}.hume-vx-log-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.hume-vx-log-subtitle{color:var(--color-text-secondary);font-size:.75rem;margin:0}.hume-vx-log-content{background:var(--color-bg-primary);flex:1 1;overflow-y:auto;padding:1rem}.hume-vx-log-empty{color:var(--color-text-secondary);padding:3rem 1rem;text-align:center}.hume-vx-log-entry{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;margin-bottom:.75rem;padding:.75rem;transition:all var(--transition-fast)}.hume-vx-log-entry:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-medium);box-shadow:var(--shadow-sm);transform:translateX(2px)}.hume-vx-log-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.75rem;gap:.5rem;margin-bottom:.5rem}.hume-vx-log-timestamp{font-family:Monaco,Courier New,monospace}.hume-vx-log-source{color:var(--color-primary);font-weight:500}.hume-vx-log-destination{color:var(--color-accent);font-weight:500}.hume-vx-log-event{color:var(--color-text-primary);font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hume-vx-log-data{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:Monaco,Courier New,monospace;font-size:.75rem;margin-top:.5rem;overflow-x:auto;padding:.5rem;white-space:pre-wrap;word-break:break-all}.hume-vx-log-content::-webkit-scrollbar{width:8px}.hume-vx-log-content::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.hume-vx-log-content::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-sm)}.hume-vx-log-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}.hume-vx-interim-banner{align-items:center;background:var(--color-warning);border-bottom:1px solid var(--color-border-medium);color:var(--color-text-inverse);display:flex;gap:.75rem;padding:.75rem 1.5rem}.hume-vx-interim-label{font-size:.75rem;font-weight:600}.hume-vx-interim-text{flex:1 1;font-size:.875rem;font-style:italic}.hume-vx-interim-status{font-size:.75rem}.hume-vx-close-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all var(--transition-fast)}.hume-vx-close-btn:hover{background:#ffffff1a}.hume-vx-prompt-section{border-top:1px solid var(--color-border-light);margin-top:1.5rem;padding-top:1.5rem}.hume-vx-prompt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.hume-vx-prompt-info h4{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.hume-vx-prompt-info p{color:var(--color-text-secondary);font-size:.75rem;margin:0}.hume-vx-save-prompt-btn{align-items:center;background:var(--color-btn-primary-bg);border:none;border-radius:var(--radius-md);color:var(--color-btn-primary-text);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all var(--transition-fast)}.hume-vx-save-prompt-btn:hover:not(:disabled){background:var(--color-btn-primary-hover)}.hume-vx-save-prompt-btn:disabled{cursor:not-allowed;opacity:.5}.hume-vx-save-prompt-btn.success{background:var(--color-success)}.hume-vx-save-prompt-btn.error{background:var(--color-error)}.hume-vx-prompt-textarea{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-input-text);font-family:Monaco,Courier New,monospace;font-size:.875rem;min-height:120px;outline:none;padding:.75rem;resize:vertical;transition:all var(--transition-fast);width:100%}.hume-vx-prompt-textarea::placeholder{color:var(--color-input-placeholder)}.hume-vx-prompt-textarea:focus{border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #ff58641a}.hume-vx-prompt-tip{color:var(--color-text-secondary);font-size:.75rem;margin-top:.5rem}.hume-vx-panel.debug-mode{height:90vh;max-width:1400px}.hume-vx-panel.user-mode{height:auto;max-height:90vh;max-width:420px;min-height:500px;position:relative}.hume-vx-user-header{align-items:center;display:flex;justify-content:space-between;left:0;padding:1rem;position:absolute;right:0;top:0;z-index:100}.hume-vx-exit-btn{align-items:center;background:none;border:2px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all var(--transition-fast)}.hume-vx-exit-btn:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);transform:translateX(-2px)}.hume-vx-exit-btn:disabled{cursor:not-allowed;opacity:.3}.hume-vx-exit-btn svg{height:20px;transform:scaleX(-1);width:20px}.hume-vx-settings-btn{align-items:center;background:none;border:2px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all var(--transition-fast)}.hume-vx-settings-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.hume-vx-avatar-section{align-items:center;background:linear-gradient(180deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);display:flex;flex-direction:column;padding:4rem 2rem 1.5rem}.hume-vx-avatar{border:4px solid var(--color-border-light);border-radius:50%;box-shadow:0 8px 32px #0003;height:180px;object-fit:cover;object-position:center 10%;transition:transform var(--transition-normal);width:180px}.hume-vx-avatar:hover{transform:scale(1.02)}.hume-vx-avatar-placeholder{align-items:center;background:var(--color-bg-secondary);border:4px solid var(--color-border-light);border-radius:50%;box-shadow:0 8px 32px #0003;display:flex;height:180px;justify-content:center;width:180px}.hume-vx-avatar-placeholder span{color:var(--color-text-secondary);font-size:4rem;font-weight:600}.hume-vx-character-name{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:1rem 0 .75rem;text-align:center}.hume-vx-call-timer{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.05em;margin-bottom:.75rem}.hume-vx-call-ended-banner{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;justify-content:center;margin:.5rem 1rem;padding:.75rem 1rem}.hume-vx-call-ended-banner,.hume-vx-status-pill-user{align-items:center;color:var(--color-text-secondary);font-size:.875rem;gap:.5rem}.hume-vx-status-pill-user{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-full);display:inline-flex;font-weight:500;padding:.5rem 1rem;transition:all var(--transition-fast)}.hume-vx-status-pill-user .status-dot-user{background:currentColor;border-radius:50%;height:8px;width:8px}.hume-vx-status-pill-user.idle{background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}.hume-vx-status-pill-user.connecting{background:var(--color-bg-primary);border-color:var(--color-info);color:var(--color-info)}.hume-vx-status-pill-user.connecting .status-dot-user{animation:pulse 1.5s ease-in-out infinite}.hume-vx-status-pill-user.listening{background:var(--color-bg-primary);border-color:var(--color-success);color:var(--color-success)}.hume-vx-status-pill-user.listening .status-dot-user{animation:pulse 2s ease-in-out infinite}.hume-vx-status-pill-user.thinking{background:var(--color-bg-primary);border-color:var(--color-warning);color:var(--color-warning)}.hume-vx-status-pill-user.thinking .status-dot-user{animation:pulse 1s ease-in-out infinite}.hume-vx-status-pill-user.speaking{background:var(--color-bg-primary);border-color:var(--color-primary);color:var(--color-primary)}.hume-vx-status-pill-user.speaking .status-dot-user{animation:pulse .8s ease-in-out infinite}.hume-vx-status-pill-user.error{background:var(--color-bg-primary);border-color:var(--color-error);color:var(--color-error)}.hume-vx-error-banner-user{border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error)}.hume-vx-error-banner-user,.hume-vx-mic-warning-user{align-items:center;background:var(--color-bg-primary);display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin:0 1rem;padding:.75rem 1rem}.hume-vx-mic-warning-user{animation:pulse-warning 2s ease-in-out infinite;border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-warning)}.hume-vx-mic-denied-user{border:1px solid var(--color-error);color:var(--color-error);margin:0 1rem 1rem}.hume-vx-disconnect-banner-user,.hume-vx-mic-denied-user{align-items:center;background:var(--color-bg-primary);border-radius:var(--radius-md);display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:.75rem 1rem}.hume-vx-disconnect-banner-user{margin:0 1rem}.hume-vx-disconnect-banner-user.inactivity{border:1px solid var(--color-warning);color:var(--color-warning)}.hume-vx-disconnect-banner-user.max_duration{border:1px solid var(--color-info);color:var(--color-info)}.hume-vx-text-section-user{padding:1rem}.hume-vx-text-container-user{display:flex;gap:.5rem}.hume-vx-text-input-user{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-full);color:var(--color-input-text);flex:1 1;font-size:.875rem;outline:none;padding:.75rem 1rem;transition:all var(--transition-fast)}.hume-vx-text-input-user::placeholder{color:var(--color-input-placeholder)}.hume-vx-text-input-user:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff586426}.hume-vx-send-btn-user{align-items:center;background:var(--color-primary);border:none;border-radius:50%;color:var(--color-text-inverse);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all var(--transition-fast);width:44px}.hume-vx-send-btn-user:hover:not(:disabled){background:var(--color-btn-primary-hover);transform:scale(1.05)}.hume-vx-send-btn-user:disabled{cursor:not-allowed;opacity:.5}.hume-vx-controls-user{gap:.75rem;padding:1rem 1rem 2rem}.hume-vx-control-btn-user,.hume-vx-controls-user{align-items:center;display:flex;justify-content:center}.hume-vx-control-btn-user{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;height:44px;padding:0;position:relative;transition:all var(--transition-fast);width:44px}.hume-vx-control-btn-user[data-tooltip]:hover:after{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 2px 8px #0000004d;color:var(--color-text-secondary);content:attr(data-tooltip);font-size:12px;left:50%;line-height:1.3;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}.hume-vx-control-btn-user span{display:none}.hume-vx-control-btn-user:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.hume-vx-control-btn-user.active{background:var(--color-bg-primary);border-color:var(--color-error);color:var(--color-error)}.hume-vx-control-btn-user.filter-active{background:var(--color-bg-primary);border-color:var(--color-success);color:var(--color-success)}.hume-vx-call-btn-user{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:44px;justify-content:center;min-width:120px;padding:.75rem 1.25rem;transition:all var(--transition-fast)}.hume-vx-call-btn-user svg{flex-shrink:0;height:18px;width:18px}.hume-vx-call-btn-user.connect{background:var(--color-success);box-shadow:var(--shadow-md);color:var(--color-text-inverse)}.hume-vx-call-btn-user.connect:hover:not(:disabled){box-shadow:var(--shadow-lg);filter:brightness(1.1);transform:translateY(-1px)}.hume-vx-call-btn-user.connect:disabled{cursor:not-allowed;opacity:.6;transform:none}.hume-vx-call-btn-user.disconnect{background:var(--color-error);box-shadow:var(--shadow-md);color:var(--color-text-inverse)}.hume-vx-call-btn-user.disconnect:hover{box-shadow:var(--shadow-lg);filter:brightness(1.1);transform:translateY(-1px)}@media (max-width:480px){.hume-vx-panel.user-mode{border-radius:0;display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100%;min-height:100vh;width:100%}.hume-vx-avatar-section{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.hume-vx-avatar{object-position:center 10%}.hume-vx-avatar,.hume-vx-avatar-placeholder{height:280px;width:280px}.hume-vx-avatar-placeholder span{font-size:6rem}.hume-vx-character-name{font-size:1.75rem;margin-top:1.5rem}.hume-vx-call-timer{font-size:1.5rem;margin-bottom:1rem}.hume-vx-status-pill-user{font-size:1rem;margin-top:1rem;padding:.625rem 1.25rem}.hume-vx-text-section-user{padding:1rem 1.5rem}.hume-vx-text-input-user{font-size:1rem;padding:1rem 1.25rem}.hume-vx-send-btn-user{height:50px;width:50px}.hume-vx-controls-user{gap:1rem;padding:1.5rem 1.5rem 5rem}.hume-vx-control-btn-user{height:48px;width:48px}.hume-vx-call-btn-user{font-size:.9375rem;height:48px;min-width:130px;padding:.875rem 1.5rem}.hume-vx-call-btn-user svg{height:20px;width:20px}.hume-vx-disconnect-banner-user,.hume-vx-error-banner-user{font-size:1rem;margin:0 1.5rem;padding:1rem}.hume-vx-user-header{padding:.5rem 1rem;top:calc(env(safe-area-inset-top, 0px) + 3rem)}.hume-vx-exit-btn{border-color:var(--color-border-medium);color:var(--color-text-secondary)}.hume-vx-exit-btn:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}}@media (min-width:481px) and (max-width:768px){.hume-vx-panel.user-mode{border-radius:0;display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100%;width:100%}.hume-vx-avatar-section{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.hume-vx-avatar,.hume-vx-avatar-placeholder{height:240px;width:240px}.hume-vx-avatar-placeholder span{font-size:5rem}}.hume-vx-quota-info{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin:12px auto;max-width:280px;padding:12px 16px;width:100%}.hume-vx-quota-info .quota-error,.hume-vx-quota-info .quota-exhausted,.hume-vx-quota-info .quota-loading{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:8px}.hume-vx-quota-info .quota-error,.hume-vx-quota-info .quota-exhausted{color:var(--color-error)}.hume-vx-quota-info .quota-available{display:flex;flex-direction:column;gap:6px}.hume-vx-quota-info .quota-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.hume-vx-quota-info .quota-label{color:var(--color-text-secondary)}.hume-vx-quota-info .quota-value{align-items:center;color:var(--color-text-primary);display:flex;font-weight:500;gap:6px}.hume-vx-quota-info .quota-value.limited{color:var(--color-warning)}.hume-vx-quota-info .quota-limited-tag{background:var(--color-bg-secondary);border-radius:4px;color:var(--color-warning);font-size:.7rem;font-weight:400;padding:2px 6px}.hume-vx-quota-info .spinning{animation:spin 1s linear infinite}.audio-settings-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.audio-settings-popup{animation:slideUp .25s ease-out;background:#0f0f1a;background:var(--color-bg-primary,#0f0f1a);border:1px solid #333;border:1px solid var(--color-border-light,#333);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;gap:16px;max-width:320px;min-width:280px;padding:20px}.audio-settings-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--color-border-light,#333);display:flex;gap:12px;padding-bottom:12px}.audio-settings-close-btn{align-items:center;background:#1a1a2e;background:var(--color-bg-secondary,#1a1a2e);border:1px solid #333;border:1px solid var(--color-border-light,#333);border-radius:8px;border-radius:var(--radius-md,8px);color:#aaa;color:var(--color-text-secondary,#aaa);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.audio-settings-close-btn:hover{background:#2a2a3e;background:var(--color-bg-tertiary,#2a2a3e);border-color:#444;border-color:var(--color-border-medium,#444);color:#fff;color:var(--color-text-primary,#fff)}.audio-settings-title{color:#fff;color:var(--color-text-primary,#fff);font-size:16px;font-weight:600}.audio-setting-row{display:flex;flex-direction:column;gap:10px}.volume-header{align-items:center;color:#fff;color:var(--color-text-primary,#fff);display:flex;gap:8px}.volume-label{flex:1 1;font-size:14px;font-weight:500}.volume-value{font-feature-settings:"tnum";color:#aaa;color:var(--color-text-secondary,#aaa);font-size:13px;font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.volume-slider-container{display:flex;flex-direction:column;gap:4px}.volume-slider{-webkit-appearance:none;appearance:none;background:#2a2a3e;background:var(--color-bg-tertiary,#2a2a3e);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#8b5cf6;background:var(--color-primary,#8b5cf6);border-radius:50%;cursor:pointer;height:18px;-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease;width:18px}.volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 10px #8b5cf680;transform:scale(1.15)}.volume-slider::-moz-range-thumb{background:#8b5cf6;background:var(--color-primary,#8b5cf6);border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.volume-markers{color:#666;color:var(--color-text-muted,#666);display:flex;font-size:10px;justify-content:space-between;padding:0 2px}.boost-warning{color:#f59e0b;color:var(--color-warning,#f59e0b);font-size:11px;margin-top:2px}.test-voice-button{align-items:center;background:#1a1a2e;background:var(--color-bg-secondary,#1a1a2e);border:1px solid #444;border:1px solid var(--color-border-medium,#444);border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;color:var(--color-text-primary,#fff);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.test-voice-button:hover:not(:disabled){background:#8b5cf6;background:var(--color-primary,#8b5cf6);border-color:#8b5cf6;border-color:var(--color-primary,#8b5cf6)}.test-voice-button:disabled{cursor:not-allowed;opacity:.5}.test-voice-button.stop{background:#ef4444;background:var(--color-error,#ef4444);border-color:#ef4444;border-color:var(--color-error,#ef4444)}.test-voice-button.stop:hover{background:#dc2626;border-color:#dc2626}.test-voice-button .spinning{animation:spin 1s linear infinite}.test-error{color:#ef4444;color:var(--color-error,#ef4444);font-size:11px;margin-top:4px;text-align:center}.audio-settings-note{border-top:1px solid #333;border-top:1px solid var(--color-border-light,#333);color:#666;color:var(--color-text-muted,#666);font-size:11px;line-height:1.4;padding-top:8px;text-align:center}@media (max-width:480px){.audio-settings-popup{margin:16px;min-width:260px}}.user-menu-container{align-items:center;display:flex;gap:8px;position:relative}.balance-display-container{align-items:center;display:flex;gap:6px}.gold-balance-display{align-items:center;background:linear-gradient(145deg,#ffe082,#ffc107 25%,#ff9800 75%,#f57c00);border:1.5px solid #e6a800;border-radius:20px;box-shadow:0 2px 8px #ffc10766,inset 0 1px 2px #fff6,inset 0 -1px 2px #0000001a;cursor:pointer;display:flex;gap:4px;overflow:hidden;padding:6px 12px;position:relative;transition:all .2s ease}.gold-balance-display:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .4s ease;width:100%}.gold-balance-display:hover:before{left:100%}.gold-balance-display:hover{background:linear-gradient(145deg,#fff3c4,#ffd54f 25%,#ffb300 75%,#ff9800);border-color:#ffc107;box-shadow:0 4px 12px #ffc10780,inset 0 1px 3px #ffffff80,inset 0 -1px 2px #0000001a;transform:translateY(-2px)}.gold-balance-display.low-balance{animation:pulse-warning 2s infinite;border-color:#ef4444}.gold-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:14px;transition:transform .2s ease}.gold-balance-display:hover .gold-icon{transform:scale(1.15)}.gold-amount{color:#5d4200;font-size:13px;font-weight:700;text-shadow:0 1px 1px #fff9}.voice-balance-display{align-items:center;background:linear-gradient(145deg,#6ee7b7,#22c55e 25%,#10b981 75%,#059669);border:1.5px solid #16a34a;border-radius:20px;box-shadow:0 2px 8px #22c55e66,inset 0 1px 2px #fff6,inset 0 -1px 2px #0000001a;cursor:pointer;display:flex;gap:4px;overflow:hidden;padding:6px 12px;position:relative;transition:all .2s ease}.voice-balance-display:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .4s ease;width:100%}.voice-balance-display:hover:before{left:100%}.voice-balance-display:hover{background:linear-gradient(145deg,#a7f3d0,#4ade80 25%,#34d399 75%,#10b981);border-color:#22c55e;box-shadow:0 4px 12px #22c55e80,inset 0 1px 3px #ffffff80,inset 0 -1px 2px #0000001a;transform:translateY(-1px)}.voice-balance-display.low-balance{animation:pulse-warning 2s infinite;border-color:#ef4444}.voice-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:14px;transition:transform .2s ease}.voice-balance-display:hover .voice-icon{transform:scale(1.15)}.voice-amount{color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 2px #0000004d}@keyframes pulse-warning{0%,to{box-shadow:0 2px 8px #ef44444d}50%{box-shadow:0 2px 16px #ef444480}}.user-menu-button{align-items:center;background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border:1px solid #0000001a;border:1px solid var(--color-border,#0000001a);border-radius:20px;cursor:pointer;display:flex;gap:4px;padding:4px 8px;transition:all .2s ease}.user-menu-button:hover{background:#eaeaea;background:var(--color-bg-tertiary,#eaeaea);transform:translateY(-1px)}.user-initial{align-items:center;background:#d4a574;background:var(--user-initial-bg,#d4a574);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;transition:transform .2s ease;width:24px}[data-account-class=casual] .user-initial{background:linear-gradient(135deg,#d4af37,#b8962e)}[data-account-class=wellbeing] .user-initial{background:linear-gradient(135deg,#a99bd4,#8b7bb8)}.user-menu-button:hover .user-initial{transform:scale(1.1)}.dropdown-arrow{color:#666;color:var(--color-text-secondary,#666);transition:transform .2s ease}.user-menu-button:hover .dropdown-arrow{transform:rotate(180deg)}.user-menu-dropdown{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #0000001a;border:1px solid var(--color-border,#0000001a);border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.user-menu-header{background:#f9f9f9;background:var(--color-bg-secondary,#f9f9f9);display:flex;flex-direction:column;gap:2px;padding:12px 16px}.user-name{color:#2c2416;color:var(--color-text-primary,#2c2416);font-size:14px;font-weight:600}.user-tier{color:#666;color:var(--color-text-secondary,#666);font-size:11px;text-transform:capitalize}.user-menu-divider{background:#00000014;background:var(--color-border,#00000014);height:1px}.user-menu-item{align-items:center;background:none;border:none;color:#2c2416;color:var(--color-text-primary,#2c2416);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background .15s ease;width:100%}.user-menu-item:hover{background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5)}.user-menu-item svg{color:#666;color:var(--color-text-secondary,#666);flex-shrink:0}.user-menu-item.logout-item{color:#2c2416;color:var(--color-text-primary,#2c2416)}.user-menu-item.logout-item svg{color:#666;color:var(--color-text-secondary,#666)}@media (max-width:768px){.user-menu-container{gap:6px}.gold-balance-display,.voice-balance-display{padding:4px 8px}.gold-amount,.gold-icon,.voice-amount,.voice-icon{font-size:12px}.user-menu-button{padding:3px 6px}.user-initial{font-size:11px;height:22px;width:22px}.dropdown-arrow{display:none}.user-menu-dropdown{min-width:180px;right:-8px}.user-menu-item{font-size:13px;padding:10px 14px}}.about-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.about-modal{animation:slideUp .2s ease;background:#fff;background:var(--color-background,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:360px;min-width:280px}.about-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;justify-content:space-between;padding:16px 20px}.about-modal-header h2{color:#2c2416;color:var(--color-text-primary,#2c2416);font-size:18px;font-weight:600;margin:0}.about-modal-close{background:none;border:none;border-radius:6px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;padding:4px;transition:background .2s}.about-modal-close:hover{background:#f0f0f0;background:var(--color-background-hover,#f0f0f0)}.about-modal-content{padding:20px}.about-version-row{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--color-border-light,#f0f0f0);display:flex;justify-content:space-between;padding:10px 0}.about-version-row:last-child{border-bottom:none}.about-label{color:#666;color:var(--color-text-secondary,#666);font-size:14px}.about-value{color:#2c2416;color:var(--color-text-primary,#2c2416);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:14px;font-weight:600}.about-modal-footer{background:#f9f9f9;background:var(--color-background-secondary,#f9f9f9);border-radius:0 0 12px 12px;padding:12px 20px;text-align:center}.about-modal-footer p{color:#999;color:var(--color-text-tertiary,#999);font-size:12px;margin:0}[data-account-class=casual] .about-modal{background:#141821;border:1px solid #2d3548}[data-account-class=casual] .about-modal-header{background:linear-gradient(135deg,#d4af37,#e5c158);border-bottom-color:#2d3548}[data-account-class=casual] .about-modal-close,[data-account-class=casual] .about-modal-header h2{color:#0b0e14}[data-account-class=casual] .about-modal-close:hover{background:#0000001a}[data-account-class=casual] .about-modal-content{background:#141821}[data-account-class=casual] .about-version-row{border-bottom-color:#2d3548}[data-account-class=casual] .about-label{color:#6c7586}[data-account-class=casual] .about-value{color:#f8f9fa}[data-account-class=casual] .about-modal-footer{background:#0b0e14;border-top:1px solid #2d3548}[data-account-class=casual] .about-modal-footer p{color:#6c7586}[data-account-class=wellbeing] .about-modal{background:#fff;border:1px solid #a99bd44d}[data-account-class=wellbeing] .about-modal-header{background:linear-gradient(135deg,#a99bd4,#b8abe0);border-bottom-color:#a99bd44d}[data-account-class=wellbeing] .about-modal-close,[data-account-class=wellbeing] .about-modal-header h2{color:#fff}[data-account-class=wellbeing] .about-modal-close:hover{background:#fff3}[data-account-class=wellbeing] .about-modal-content{background:#fff}[data-account-class=wellbeing] .about-version-row{border-bottom-color:#a99bd433}[data-account-class=wellbeing] .about-label{color:#636e72}[data-account-class=wellbeing] .about-value{color:#2d3436}[data-account-class=wellbeing] .about-modal-footer{background:#f4f4f9;border-top:1px solid #a99bd433}[data-account-class=wellbeing] .about-modal-footer p{color:#636e72}.usage-panel-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.usage-panel{background:#fff;background:var(--color-bg-primary,#fff);border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:80vh;max-width:340px;overflow-y:auto;scrollbar-color:#00000026 #0000;scrollbar-width:thin;width:100%}.usage-panel::-webkit-scrollbar{width:4px}.usage-panel::-webkit-scrollbar-track{background:#0000}.usage-panel::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.usage-panel-header{align-items:center;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--color-border,#0000000f);display:flex;gap:12px;padding:16px 20px}.usage-panel-header h2{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:16px;font-weight:600;margin:0}.usage-panel-header .exit-btn{align-items:center;background:none;border:none;color:#999;color:var(--color-text-tertiary,#999);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s,transform .2s}.usage-panel-header .exit-btn:hover{color:#333;color:var(--color-text-primary,#333);transform:translateX(-2px)}.usage-error,.usage-loading{color:#999;color:var(--color-text-tertiary,#999);font-size:14px;padding:40px 20px;text-align:center}.usage-error{color:#dc2626}.usage-content{padding:16px 20px 20px}.usage-account-info{display:flex;gap:8px;margin-bottom:16px}.account-class,.subscription-tier{border-radius:6px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.account-class{background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);color:#666;color:var(--color-text-secondary,#666)}.subscription-tier{background:#d4a574;background:var(--color-primary,#d4a574);color:#fff}.usage-section{margin-bottom:16px}.usage-section:last-of-type{margin-bottom:0}.usage-section-header{margin-bottom:10px}.usage-section-header h3{color:#999;color:var(--color-text-tertiary,#999);font-size:11px;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.usage-card{background:#f8f8f8;background:var(--color-bg-secondary,#f8f8f8);border-radius:10px;padding:14px}.usage-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.usage-stat{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-value{font-feature-settings:"tnum";color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:18px;font-variant-numeric:tabular-nums;line-height:1.2}.stat-value.highlight{color:#d4a574;color:var(--color-primary,#d4a574)}.stat-label{color:#999;color:var(--color-text-tertiary,#999);font-size:10px;letter-spacing:.03em;margin-top:4px;text-transform:uppercase}.usage-bar-container{align-items:center;display:flex;gap:10px}.usage-bar{background:#fff;background:var(--color-bg-primary,#fff);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.usage-bar-fill{background:#fbbf24;border-radius:3px;height:100%;transition:width .3s ease}.usage-bar-fill.voice{background:#a78bfa}.usage-bar-fill.warning{background:#f97316}.usage-bar-fill.critical{background:#ef4444}.usage-percent{font-feature-settings:"tnum";font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;min-width:32px;text-align:right}.topup-button,.usage-percent{color:#666;color:var(--color-text-secondary,#666)}.topup-button{background:#0000;border:1px solid #0000001a;border:1px solid var(--color-border,#0000001a);border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;margin-top:10px;padding:10px 14px;transition:all .15s ease;width:100%}.topup-button:hover{border-color:#666;border-color:var(--color-text-secondary,#666);color:#333;color:var(--color-text-primary,#333)}.usage-note{margin-top:16px;text-align:center}.usage-note p{color:#bbb;color:var(--color-text-tertiary,#bbb);font-size:11px;margin:0}@media (max-width:480px){.usage-panel-overlay{align-items:flex-end;padding:0}.usage-panel{border-radius:16px 16px 0 0;max-width:100%}.usage-panel-header{padding:14px 16px}.usage-content{padding:14px 16px 20px}}.user-settings-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.user-settings-panel{background:#fff;background:var(--color-bg-primary,#fff);border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:340px;overflow:hidden;width:100%}.user-settings-header{align-items:center;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--color-border,#0000000f);display:flex;flex-shrink:0;gap:12px;padding:16px 20px}.user-settings-header h2{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:16px;font-weight:600;margin:0}.user-settings-header .exit-btn{align-items:center;background:none;border:none;color:#999;color:var(--color-text-tertiary,#999);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s,transform .2s}.user-settings-header .exit-btn:hover{color:#333;color:var(--color-text-primary,#333);transform:translateX(-2px)}.user-settings-content{flex:1 1;overflow-y:auto;padding:16px 20px 20px;scrollbar-color:#00000026 #0000;scrollbar-width:thin}.user-settings-content::-webkit-scrollbar{width:4px}.user-settings-content::-webkit-scrollbar-track{background:#0000}.user-settings-content::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.loading-state{color:#999;color:var(--color-text-tertiary,#999);font-size:14px;padding:40px 20px;text-align:center}.settings-message{border-radius:8px;font-size:13px;margin-bottom:16px;padding:10px 12px}.settings-message.success{background:#22c55e1a;color:#16a34a}.settings-message.error{background:#ef44441a;color:#dc2626}.settings-group{margin-bottom:20px}.settings-group:last-child{margin-bottom:0}.settings-group-title{color:#999;color:var(--color-text-tertiary,#999);font-size:11px;font-weight:600;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.settings-list{background:#f8f8f8;background:var(--color-bg-secondary,#f8f8f8);border-radius:10px;overflow:hidden}.settings-row{align-items:center;border-bottom:1px solid #0000000a;border-bottom:1px solid var(--color-border,#0000000a);display:flex;justify-content:space-between;padding:12px 14px}.settings-row:last-child{border-bottom:none}.settings-label{color:#666;color:var(--color-text-secondary,#666);font-size:13px}.settings-value{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:13px;font-weight:500;text-align:right}.settings-row.with-action{background:#f8f8f8;background:var(--color-bg-secondary,#f8f8f8);border-bottom:none;border-radius:10px;margin-bottom:8px}.settings-row.with-action:last-child{margin-bottom:0}.settings-value-muted{color:#999;color:var(--color-text-tertiary,#999);font-size:12px;letter-spacing:1px}.settings-action-btn{background:none;border:1px solid #0000001f;border:1px solid var(--color-border,#0000001f);border-radius:6px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .15s ease}.settings-action-btn:hover{border-color:#666;border-color:var(--color-text-secondary,#666);color:#333;color:var(--color-text-primary,#333)}.pending-tag{color:#b45309;font-size:10px;margin-top:2px}.settings-form{background:#f8f8f8;background:var(--color-bg-secondary,#f8f8f8);border-radius:10px;margin-bottom:8px;padding:14px}.settings-form:last-child{margin-bottom:0}.form-note{background:#3b82f614;border-radius:6px;color:#666;color:var(--color-text-secondary,#666);font-size:12px;line-height:1.4;margin:0 0 12px;padding:8px 10px}.form-field{margin-bottom:12px}.form-field:last-of-type{margin-bottom:0}.form-field label{color:#666;color:var(--color-text-secondary,#666);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.form-field input{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #0000;border-radius:8px;color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-family:inherit;font-size:14px;padding:10px 12px;transition:all .15s ease;width:100%}.form-field input:focus{border-color:#d4a574;border-color:var(--color-primary,#d4a574);box-shadow:0 0 0 2px #d4a57426;outline:none}.form-field input::placeholder{color:#bbb;color:var(--color-text-tertiary,#bbb)}.field-error{color:#dc2626;display:block;font-size:11px;margin-top:6px}.password-hints{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.password-hints span{background:#fff;background:var(--color-bg-primary,#fff);border-radius:4px;color:#999;color:var(--color-text-tertiary,#999);font-size:10px;padding:3px 8px}.password-hints span.met{background:#22c55e1a;color:#16a34a}.form-message{border-radius:6px;font-size:12px;margin-top:12px;padding:8px 10px}.form-message.error{background:#ef44441a;color:#dc2626}.form-message.success{background:#22c55e1a;color:#16a34a}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.btn-secondary{background:none;border:none;border-radius:6px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .15s ease}.btn-secondary:hover{background:#0000000a}.btn-primary{background:#1a1a1a;background:var(--color-text-primary,#1a1a1a);border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s ease}.btn-primary:hover:not(:disabled){opacity:.85}.btn-primary:disabled{cursor:not-allowed;opacity:.4}@media (max-width:480px){.user-settings-overlay{align-items:flex-end;padding:0}.user-settings-panel{border-radius:16px 16px 0 0;max-height:85vh;max-width:100%}.user-settings-header{padding:14px 16px}.user-settings-content{padding:14px 16px 20px}}.settings-row.with-toggle{align-items:center;display:flex;gap:12px;justify-content:space-between}.settings-row-info{display:flex;flex-direction:column;gap:2px}.settings-description{color:#666;color:var(--color-text-secondary,#666);font-size:11px}.toggle-switch{height:24px;width:44px}.toggle-slider{border-radius:24px}.toggle-slider:before{height:18px;width:18px}input:checked+.toggle-slider:before{transform:translateX(20px)}.preferences-panel-overlay{align-items:center;background:#00000080;background:var(--color-bg-overlay,#00000080);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.preferences-panel{background:#fff;background:var(--color-bg-secondary,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:480px;overflow-y:auto;scrollbar-color:#00000026 #0000;scrollbar-width:thin;width:100%}.preferences-panel::-webkit-scrollbar{width:4px}.preferences-panel::-webkit-scrollbar-track{background:#0000}.preferences-panel::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.preferences-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border-light,#e0e0e0);display:flex;gap:12px;padding:16px 24px}.preferences-header h2{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:20px;font-weight:600;margin:0}.preferences-panel .exit-btn{align-items:center;background:none;border:none;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s,transform .2s}.preferences-panel .exit-btn:hover{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);transform:translateX(-2px)}.preferences-content{padding:20px 24px}.preferences-group{margin-bottom:24px}.preferences-group:last-child{margin-bottom:0}.preferences-group-title{color:#666;color:var(--color-text-secondary,#666);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.preferences-list{display:flex;flex-direction:column;gap:16px}.preferences-row{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border-light,#e0e0e0);padding:12px 0}.preferences-row:last-child{border-bottom:none}.preferences-row.with-toggle{align-items:center;display:flex;gap:16px;justify-content:space-between}.preferences-row-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.preferences-label{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:15px;font-weight:500}.preferences-description{color:#666;color:var(--color-text-secondary,#666);font-size:13px;line-height:1.4}.toggle-switch{display:inline-block;flex-shrink:0;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;background-color:var(--color-border,#ccc);border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}input:checked+.toggle-slider{background-color:#8b5cf6;background-color:var(--color-primary,#8b5cf6)}input:checked+.toggle-slider:before{transform:translateX(22px)}@media (max-width:768px){.preferences-panel-overlay{align-items:flex-end;padding:0}.preferences-panel{border-radius:20px 20px 0 0;max-height:85vh;max-width:100%}.preferences-header{padding:16px 20px}.preferences-content{padding:16px 20px 32px}}.preferences-group-description{color:#666;color:var(--color-text-secondary,#666);display:block;font-size:13px;margin-bottom:12px}.custom-emote-input-row{display:flex;gap:8px;margin-bottom:12px}.custom-emote-input{background:#f8f8f8;background:var(--color-bg-primary,#f8f8f8);border:1px solid #ccc;border:1px solid var(--color-border,#ccc);border-radius:8px;color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);flex:1 1;font-size:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.custom-emote-input:focus{border-color:#8b5cf6;border-color:var(--color-primary,#8b5cf6);box-shadow:0 0 0 3px #8b5cf626;outline:none}.custom-emote-input::placeholder{color:#999;color:var(--color-text-tertiary,#999)}.add-emote-btn{background:#8b5cf6;background:var(--color-primary,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:background .2s,transform .1s}.add-emote-btn:hover:not(:disabled){background:#7c3aed;background:var(--color-primary-dark,#7c3aed)}.add-emote-btn:active:not(:disabled){transform:scale(.97)}.add-emote-btn:disabled{cursor:not-allowed;opacity:.5}.custom-emotes-list{display:flex;flex-wrap:wrap;gap:8px}.custom-emote-tag{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:20px;color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);display:flex;font-size:13px;gap:6px;padding:6px 10px}.custom-emote-tag span{font-style:italic}.remove-emote-btn{background:none;border:none;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-size:16px;line-height:1;padding:0;transition:color .2s}.remove-emote-btn:hover{color:#ef4444}.no-emotes-hint{margin:0}.loading-hint,.no-emotes-hint{color:#999;color:var(--color-text-tertiary,#999);font-size:13px;font-style:italic}.loading-hint{margin:8px 0}.vision-panel-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.vision-panel{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.vision-panel-header{align-items:center;background:#0f0f1a;background:var(--bg-primary,#0f0f1a);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color,#ffffff1a);display:flex;justify-content:space-between;padding:16px 20px}.vision-panel-title{align-items:center;display:flex;gap:10px}.vision-panel-title svg{color:#c9a227;color:var(--accent-color,#c9a227)}.vision-panel-title h2{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;font-weight:600;margin:0}.vision-total-badge{background:#c9a227;background:var(--accent-color,#c9a227);border-radius:10px;color:#000;font-size:.75rem;font-weight:600;padding:2px 8px}.vision-panel-controls{align-items:center;display:flex;gap:8px}.vision-close-btn,.vision-refresh-btn{align-items:center;background:none;border:none;border-radius:8px;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.vision-close-btn:hover,.vision-refresh-btn:hover{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.vision-refresh-btn .spin{animation:spin 1s linear infinite}.vision-tabs{background:#0f0f1a;background:var(--bg-primary,#0f0f1a);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color,#ffffff1a);display:flex}.vision-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;gap:6px;justify-content:center;padding:12px 16px;transition:all .2s}.vision-tab:hover{background:#ffffff08;color:#fff;color:var(--text-primary,#fff)}.vision-tab.active{border-bottom-color:#c9a227;border-bottom-color:var(--accent-color,#c9a227);color:#c9a227;color:var(--accent-color,#c9a227)}.vision-tab-count{background:#ffffff1a;border-radius:8px;font-size:.75rem;padding:2px 6px}.vision-tab.active .vision-tab-count{background:#c9a227;background:var(--accent-color,#c9a227);color:#000}.vision-panel-content{flex:1 1;min-height:200px;overflow-y:auto;padding:16px}.vision-loading{align-items:center;color:#888;color:var(--text-secondary,#888);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px}.vision-error{background:#ff64641a;border:1px solid #ff64644d;border-radius:8px;color:#ff6b6b;padding:16px;text-align:center}.vision-empty{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.vision-empty svg{height:48px;margin-bottom:16px;opacity:.3;width:48px}.vision-empty p{color:#fff;color:var(--text-primary,#fff);font-size:1rem;margin:0 0 8px}.vision-empty span{font-size:.85rem;line-height:1.5}.vision-list{display:flex;flex-direction:column;gap:8px}.vision-item{align-items:flex-start;background:#ffffff08;background:var(--bg-tertiary,#ffffff08);border:1px solid #ffffff0d;border:1px solid var(--border-color,#ffffff0d);border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .2s}.vision-item:hover{background:#ffffff0d;border-color:#ffffff1a}.vision-item-icon{align-items:center;background:#c9a227;background:var(--accent-color,#c9a227);border-radius:10px;color:#000;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.vision-item-info{flex:1 1;min-width:0}.vision-item-name{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;flex-wrap:wrap;font-weight:500;gap:8px;margin-bottom:4px}.vision-item-relation{font-size:.9em;font-weight:400}.vision-item-relation,.vision-item-type{color:#888;color:var(--text-secondary,#888)}.vision-item-type{background:#ffffff1a;border-radius:4px;font-size:.75rem;padding:2px 8px}.vision-item-meta{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;font-size:.8rem;gap:8px}.vision-item-notes{color:#888;color:var(--text-secondary,#888);font-size:.85rem;font-style:italic;margin-top:6px}.vision-item-delete{background:none;border:none;border-radius:8px;color:#666;color:var(--text-secondary,#666);cursor:pointer;opacity:0;padding:8px;transition:all .2s}.vision-item:hover .vision-item-delete{opacity:1}.vision-item-delete:hover{background:#ff64641a;color:#ff6b6b}.vision-panel-footer{background:#0f0f1a;background:var(--bg-primary,#0f0f1a);border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color,#ffffff1a);padding:12px 20px}.vision-footer-hint{color:#666;color:var(--text-secondary,#666);font-size:.8rem;margin:0;text-align:center}.vision-delete-confirm{align-items:center;background:#000c;border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.vision-delete-dialog{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border-radius:12px;max-width:300px;padding:24px;text-align:center}.vision-delete-dialog p{color:#fff;color:var(--text-primary,#fff);font-size:1rem;margin:0 0 8px}.vision-delete-dialog span{color:#888;color:var(--text-secondary,#888);display:block;font-size:.85rem;margin-bottom:20px}.vision-delete-actions{display:flex;gap:12px;justify-content:center}.vision-delete-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.vision-delete-actions button:first-child{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.vision-delete-actions button:first-child:hover{background:#ffffff26}.vision-delete-actions button.delete{background:#f44;color:#fff}.vision-delete-actions button.delete:hover{background:#f55}@media (max-width:640px){.vision-panel{max-height:90vh;width:95%}.vision-tab span{display:none}.vision-tab{padding:12px 8px}}.call-history-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.call-history-panel{background:#fff;background:var(--color-bg-primary,#fff);border-radius:10px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:75vh;max-width:320px;overflow:hidden;width:100%}.call-history-header{align-items:center;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--color-border,#0000000f);display:flex;flex-shrink:0;gap:10px;padding:10px 14px}.call-history-header h2{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:14px;font-weight:600;margin:0}.call-history-header .exit-btn{align-items:center;background:none;border:none;color:#999;color:var(--color-text-tertiary,#999);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s,transform .2s}.call-history-header .exit-btn:hover{color:#333;color:var(--color-text-primary,#333);transform:translateX(-2px)}.call-history-content{flex:1 1;overflow-y:auto;padding:10px 14px 14px;scrollbar-color:#00000026 #0000;scrollbar-width:thin}.call-history-content::-webkit-scrollbar{width:3px}.call-history-content::-webkit-scrollbar-track{background:#0000}.call-history-content::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.call-history-error,.call-history-loading{align-items:center;color:#999;color:var(--color-text-tertiary,#999);display:flex;flex-direction:column;font-size:12px;justify-content:center;padding:30px 16px}.loading-spinner{border:2px solid #eee;border-top-color:#666;border:2px solid var(--color-border,#eee);border-top-color:var(--color-text-secondary,#666);height:20px;margin-bottom:10px;width:20px}.call-history-error button{background:#1a1a1a;background:var(--color-text-primary,#1a1a1a);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:11px;margin-top:10px;padding:6px 12px}.period-label,.section-label{color:#999;color:var(--color-text-tertiary,#999);display:block;font-size:9px;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.billing-period{margin-bottom:10px}.period-nav{background:#f8f8f8;background:var(--color-bg-secondary,#f8f8f8);border-radius:8px;gap:10px;padding:6px}.period-nav,.period-nav .nav-btn{align-items:center;display:flex;justify-content:center}.period-nav .nav-btn{background:#fff;background:var(--color-bg-primary,#fff);border:none;border-radius:5px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-size:12px;height:26px;transition:all .15s ease;width:26px}.period-nav .nav-btn:hover:not(:disabled){background:#1a1a1a;background:var(--color-text-primary,#1a1a1a);color:#fff}.period-nav .nav-btn:disabled{cursor:not-allowed;opacity:.3}.period-value{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:12px;font-weight:600;min-width:80px;text-align:center}.summary-section{margin-bottom:10px}.summary-cards{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr)}.summary-card{background:#f8f8f8;background:var(--color-bg-secondary,#f8f8f8);border-radius:6px;padding:6px 4px;text-align:center}.summary-card .card-value{font-feature-settings:"tnum";color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700}.summary-card .card-label{color:#999;color:var(--color-text-tertiary,#999);font-size:7px;letter-spacing:.02em;margin-top:1px;text-transform:uppercase}.summary-card.highlight-gold .card-value{color:#d97706}.calls-section{margin-bottom:10px}.calls-list{background:#f8f8f8;background:var(--color-bg-secondary,#f8f8f8);border-radius:8px;max-height:140px;overflow:hidden;overflow-y:auto}.call-item{border-bottom:1px solid #0000000a;border-bottom:1px solid var(--color-border,#0000000a);padding:6px 10px}.call-item:last-child{border-bottom:none}.call-row{align-items:center;display:flex;flex-wrap:wrap;font-size:10px;gap:6px}.call-character{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);flex:1 1;font-weight:600;min-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-duration{font-feature-settings:"tnum";color:#7c3aed;font-variant-numeric:tabular-nums;font-weight:600}.call-billed{color:#999;color:var(--color-text-tertiary,#999);font-size:9px}.call-gold{font-feature-settings:"tnum";color:#d97706;font-variant-numeric:tabular-nums;font-weight:600}.call-status{border-radius:3px;font-size:8px;font-weight:500;padding:1px 4px}.call-status.status-timeout{background:#f59e0b26;color:#d97706}.call-status.status-error{background:#ef444426;color:#dc2626}.call-date{font-size:9px}.call-date,.no-calls{color:#999;color:var(--color-text-tertiary,#999)}.no-calls{background:#f8f8f8;background:var(--color-bg-secondary,#f8f8f8);border-radius:8px;font-size:11px;padding:16px;text-align:center}.quota-section{margin-bottom:10px}.quota-card{background:#f8f8f8;background:var(--color-bg-secondary,#f8f8f8);border-radius:8px;padding:10px}.quota-bar{background:#fff;background:var(--color-bg-primary,#fff);border-radius:3px;height:5px;margin-bottom:6px;overflow:hidden}.quota-fill{background:#a78bfa;border-radius:3px;height:100%;transition:width .3s ease}.quota-text{align-items:center;display:flex;font-size:11px;gap:3px;justify-content:center}.quota-used{font-feature-settings:"tnum";color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-variant-numeric:tabular-nums;font-weight:600}.quota-limit,.quota-separator{color:#999;color:var(--color-text-tertiary,#999)}.quota-limit{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.quota-percentage{color:#999;color:var(--color-text-tertiary,#999);font-size:9px;margin-left:3px}.quota-reset{color:#bbb;color:var(--color-text-tertiary,#bbb);font-size:9px;margin-top:6px}.quota-reset,.topup-section{text-align:center}.topup-btn{background:#1a1a1a;background:var(--color-text-primary,#1a1a1a);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:8px 16px;transition:all .15s ease;width:100%}.topup-btn:hover:not(:disabled){opacity:.85}.topup-btn:disabled{cursor:not-allowed;opacity:.4}.topup-hint{color:#bbb;color:var(--color-text-tertiary,#bbb);display:block;font-size:9px;margin-top:6px}@media (max-width:480px){.call-history-overlay{align-items:flex-end;padding:0}.call-history-panel{border-radius:12px 12px 0 0;max-height:80vh;max-width:100%}.call-history-header{padding:10px 12px}.call-history-content{padding:10px 12px 16px}.summary-cards{grid-template-columns:repeat(2,1fr)}.call-row{font-size:9px}}.dne-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dne-modal{background:#1a1a2e;background:var(--color-bg-secondary,#1a1a2e);border-radius:12px;box-shadow:0 20px 60px #0006;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;max-width:400px;overflow:hidden;width:90%}.dne-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--color-border,#ffffff1a);display:flex;justify-content:space-between;padding:16px 20px}.dne-header h3{color:#fff;color:var(--color-text-primary,#fff);font-size:18px;font-weight:600;margin:0}.dne-close{background:none;border:none;color:#888;color:var(--color-text-secondary,#888);cursor:pointer;font-size:24px;line-height:1;padding:0;transition:color .2s}.dne-close:hover{color:#fff;color:var(--color-text-primary,#fff)}.dne-content{padding:20px}.dne-toggle{align-items:center;cursor:pointer;display:flex;gap:12px;margin-bottom:20px}.dne-toggle input[type=checkbox]{accent-color:#6366f1;accent-color:var(--color-primary,#6366f1);cursor:pointer;height:18px;width:18px}.dne-toggle-label{color:#fff;color:var(--color-text-primary,#fff);font-size:14px}.dne-input-group{margin-bottom:20px;transition:opacity .2s}.dne-input-group.disabled{opacity:.5}.dne-input-group label{color:#888;color:var(--color-text-secondary,#888);display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.dne-input-group input{background:#ffffff0d;background:var(--color-bg-tertiary,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--color-border,#ffffff1a);border-radius:8px;box-sizing:border-box;color:#fff;color:var(--color-text-primary,#fff);font-size:14px;padding:12px;transition:border-color .2s,background .2s;width:100%}.dne-input-group input:focus{background:#1a1a2e;background:var(--color-bg-secondary,#1a1a2e);border-color:#6366f1;border-color:var(--color-primary,#6366f1);outline:none}.dne-input-group input:disabled{cursor:not-allowed}.dne-input-hint{color:#666;color:var(--color-text-secondary,#666);display:block;font-size:11px;margin-top:4px}.dne-preview{background:#ffffff08;background:var(--color-bg-tertiary,#ffffff08);border-radius:8px;margin-bottom:16px;padding:12px 16px}.dne-preview-title{color:#888;color:var(--color-text-secondary,#888);font-size:11px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.dne-preview-item{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.dne-preview-label{color:#aaa;color:var(--color-text-secondary,#aaa);font-size:13px}.dne-preview-value{color:#fff;color:var(--color-text-primary,#fff);font-size:13px;font-weight:500}.dne-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;font-size:13px;padding:10px 12px}.dne-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--color-border,#ffffff1a);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.dne-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.dne-btn:disabled{cursor:not-allowed;opacity:.6}.dne-btn-cancel{background:#0000;border:1px solid #fff3;border:1px solid var(--color-border,#fff3);color:#aaa;color:var(--color-text-secondary,#aaa)}.dne-btn-cancel:hover:not(:disabled){background:#ffffff0d;color:#fff;color:var(--color-text-primary,#fff)}.dne-btn-save{background:#6366f1;background:var(--color-primary,#6366f1);color:#fff}.dne-btn-save:hover:not(:disabled){background:#5558e3;background:var(--color-primary-hover,#5558e3)}[data-account-class=wellbeing] .dne-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0d0d10d9}[data-account-class=wellbeing] .dne-modal{background:linear-gradient(180deg,#1a1a1f,#151518);border:1px solid #8b5cf633;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 40px #8b5cf61a}[data-account-class=wellbeing] .dne-header{border-bottom-color:#8b5cf626}[data-account-class=wellbeing] .dne-header h3{color:#fff}[data-account-class=wellbeing] .dne-close{color:#ffffff80}[data-account-class=wellbeing] .dne-close:hover{color:#fff}[data-account-class=wellbeing] .dne-toggle-label{color:#fffc}[data-account-class=wellbeing] .dne-toggle input[type=checkbox]{accent-color:#8b5cf6e6}[data-account-class=wellbeing] .dne-input-group label{color:#ffffff80}[data-account-class=wellbeing] .dne-input-group input{background:#ffffff0d;border:1px solid #ffffff26;color:#fff}[data-account-class=wellbeing] .dne-input-group input:focus{background:#ffffff14;border-color:#8b5cf699}[data-account-class=wellbeing] .dne-preview{background:#ffffff08}[data-account-class=wellbeing] .dne-preview-label,[data-account-class=wellbeing] .dne-preview-title{color:#ffffff80}[data-account-class=wellbeing] .dne-preview-value{color:#fff}[data-account-class=wellbeing] .dne-footer{border-top-color:#8b5cf626}[data-account-class=wellbeing] .dne-btn-cancel{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fffc}[data-account-class=wellbeing] .dne-btn-cancel:hover:not(:disabled){background:#ffffff1f;color:#fff}[data-account-class=wellbeing] .dne-btn-save{background:linear-gradient(135deg,#8b5cf6e6,#6d3ed8f2);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 15px #8b5cf666}[data-account-class=wellbeing] .dne-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#9f70fff2,#8b5cf6);box-shadow:0 6px 25px #8b5cf680}[data-account-class=casual] .dne-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c14b3}[data-account-class=casual] .dne-modal{background:#141821;border:1px solid #2d3548}[data-account-class=casual] .dne-header{border-bottom-color:#2d3548}[data-account-class=casual] .dne-footer{border-top-color:#2d3548}[data-account-class=casual] .dne-btn-cancel{background:#1c2130;border:1px solid #2d3548;border-radius:25px;color:#b8c0cc}[data-account-class=casual] .dne-btn-save{background:linear-gradient(135deg,#8a2be2,#ff6ec7);border-radius:25px}:root{--gold-primary:#d4af37;--gold-light:gold;--gold-dark:#b8962e;--gold-glow:#d4af3766;--gold-subtle:#d4af371a;--bg-deepest:#050505;--bg-deep:#0a0a0a;--bg-dark:#111;--bg-card:#161616;--bg-elevated:#1a1a1a;--bg-hover:#222;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--border-subtle:#ffffff0f;--border-light:#ffffff1a;--danger:#ef4444;--warning:#f59e0b}.image-gen-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.image-gen-modal{animation:modalSlideIn .3s ease-out;background:#0a0a0a;background:var(--bg-deep);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 0 0 1px #ffffff0f,0 25px 50px -12px #000c,0 0 100px -20px #d4af3766;box-shadow:0 0 0 1px var(--border-subtle),0 25px 50px -12px #000c,0 0 100px -20px var(--gold-glow);display:flex;flex-direction:column;height:90vh;max-height:800px;max-width:1200px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.image-gen-header{align-items:center;background:#111;background:var(--bg-dark);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:16px 24px}.image-gen-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:10px}.image-gen-title svg{color:#d4af37;color:var(--gold-primary);filter:drop-shadow(0 0 8px rgba(212,175,55,.4));filter:drop-shadow(0 0 8px var(--gold-glow))}.image-gen-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#d4af37 50%,#b8962e);background:linear-gradient(135deg,var(--gold-light) 0,var(--gold-primary) 50%,var(--gold-dark) 100%);-webkit-background-clip:text;background-clip:text}.image-gen-close{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:10px;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.image-gen-close:hover{background:#222;background:var(--bg-hover);border-color:#d4af37;border-color:var(--gold-primary);box-shadow:0 0 20px #d4af3766;box-shadow:0 0 20px var(--gold-glow);color:#fff;color:var(--text-primary)}.image-gen-body{display:flex;flex:1 1;overflow:hidden}.image-gen-left-panel{background:#0a0a0a;background:var(--bg-deep);border-right:1px solid #d4af3726;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow-y:auto;padding:20px}.left-panel-content{flex:1 1}.left-panel-footer{margin-top:auto;padding-top:16px}.generation-status{align-items:center;background:linear-gradient(135deg,#d4af3726,#d4af370d);border:1px solid #b8962e;border:1px solid var(--gold-dark);border-radius:8px;color:gold;color:var(--gold-light);display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px;padding:10px 14px}.image-gen-right-panel{background:linear-gradient(180deg,#111,#050505);background:linear-gradient(180deg,var(--bg-dark) 0,var(--bg-deepest) 100%);border-left:1px solid #d4af371a;display:flex;flex-direction:column;overflow:hidden;width:420px}.canvas-container{align-items:center;aspect-ratio:16/10;background:#050505;background:var(--bg-deepest);border:1px solid #d4af3733;border-radius:12px;display:flex;justify-content:center;margin-bottom:20px;max-height:350px;min-height:200px;overflow:hidden;position:relative}.canvas-container:before{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:20px 20px;content:"";inset:0;pointer-events:none;position:absolute}.canvas-placeholder{align-items:center;color:#666;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;z-index:1}.canvas-placeholder svg{color:#d4af37;color:var(--gold-primary);opacity:.4}.canvas-placeholder span{font-size:14px}.canvas-image{cursor:pointer;height:100%;inset:0;object-fit:contain;position:absolute;transition:transform .3s ease;width:100%}.canvas-image:hover{transform:scale(1.02)}.canvas-loading{align-items:center;background:#050505;background:var(--bg-deepest);display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:absolute;z-index:2}.canvas-loading svg{animation:spin 1s linear infinite;color:#d4af37;color:var(--gold-primary)}.canvas-loading span{color:#d4af37;color:var(--gold-primary);font-size:14px;font-weight:500}.prompt-section{margin-bottom:16px}.prompt-header{justify-content:space-between;margin-bottom:8px}.prompt-header,.prompt-label{align-items:center;display:flex}.prompt-label{color:#a0a0a0;color:var(--text-secondary);font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.prompt-label svg{color:#d4af37;color:var(--gold-primary)}.prompt-char-count{color:#666;color:var(--text-muted);font-size:12px}.prompt-textarea{background:#161616;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:10px;color:#fff;color:var(--text-primary);font-family:inherit;font-size:13px;min-height:60px;padding:10px 12px;resize:none;transition:all .2s ease;width:100%}.prompt-textarea::placeholder{color:#666;color:var(--text-muted)}.prompt-textarea:focus{border-color:#d4af37;border-color:var(--gold-primary);box-shadow:0 0 0 3px #d4af371a,0 0 20px #d4af3766;box-shadow:0 0 0 3px var(--gold-subtle),0 0 20px var(--gold-glow);outline:none}.controls-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.control-group{flex:1 1;flex-direction:column;gap:6px;min-width:100px}.control-label{color:#666;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.control-input,.control-select{background:#161616;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:13px;padding:10px 12px;transition:all .2s ease}.control-input:hover,.control-select:hover{border-color:#fff3}.control-input:focus,.control-select:focus{border-color:#d4af37;border-color:var(--gold-primary);box-shadow:0 0 0 2px #d4af371a;box-shadow:0 0 0 2px var(--gold-subtle);outline:none}.reference-section{margin-bottom:16px}.reference-header{align-items:center;color:#a0a0a0;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.reference-header svg{color:#d4af37;color:var(--gold-primary)}.reference-hint{color:#666;color:var(--text-muted);font-size:11px;font-weight:400;margin-left:4px;text-transform:none}.reference-grid{display:flex;flex-wrap:wrap;gap:10px}.reference-item{border:2px solid #ffffff1a;border:2px solid var(--border-light);border-radius:10px;height:80px;overflow:hidden;position:relative;transition:all .3s ease;width:80px}.reference-item:hover{border-color:#d4af37;border-color:var(--gold-primary);box-shadow:0 0 20px #d4af3766;box-shadow:0 0 20px var(--gold-glow);transform:translateY(-2px)}.reference-item img{height:100%;object-fit:cover;width:100%}.reference-remove{align-items:center;background:#000c;border:none;border-radius:50%;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;display:flex;height:22px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:all .2s ease;width:22px}.reference-item:hover .reference-remove{opacity:1}.reference-remove:hover{background:#ef4444;background:var(--danger);color:#fff}.reference-add{align-items:center;background:#0000;border:2px dashed #ffffff1a;border:2px dashed var(--border-light);border-radius:10px;color:#666;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:10px;gap:4px;height:80px;justify-content:center;transition:all .3s ease;width:80px}.reference-add:hover{background:#d4af371a;background:var(--gold-subtle);border-color:#d4af37;border-color:var(--gold-primary);color:#d4af37;color:var(--gold-primary)}.advanced-toggle{align-items:center;background:#0000;border:none;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 0;transition:color .2s ease}.advanced-toggle:hover{color:#d4af37;color:var(--gold-primary)}.advanced-toggle svg{transition:transform .2s ease}.advanced-toggle.open svg{transform:rotate(180deg)}.advanced-options{grid-gap:12px;animation:slideDown .2s ease-out;background:#161616;background:var(--bg-card);border-radius:10px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px;padding:16px}.control-slider{-webkit-appearance:none;appearance:none;background:#1a1a1a;background:var(--bg-elevated);border-radius:3px;cursor:pointer;height:6px;width:100%}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#d4af37;background:var(--gold-primary);border-radius:50%;cursor:pointer;height:16px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:16px}.control-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.control-hint{color:#666;color:var(--text-muted);cursor:help;font-size:11px;margin-left:6px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.model-warning{color:orange;cursor:help;font-size:11px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.model-selector-row{display:flex;gap:6px}.model-selector-row .control-select{flex:1 1}.custom-model-display{align-items:center;background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid #d4af37;border:1px solid var(--gold-primary);border-radius:8px;display:flex;flex:1 1;font-size:12px;justify-content:space-between;padding:8px 12px}.custom-model-name{color:gold;color:var(--gold-light);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-custom-model{align-items:center;background:#0000;border:none;color:#666;color:var(--text-muted);cursor:pointer;display:flex;padding:2px;transition:color .2s}.clear-custom-model:hover{color:#ef4444;color:var(--danger)}.model-search-btn{align-items:center;background:#161616;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:all .2s ease;width:38px}.model-search-btn:hover{background:#d4af371a;background:var(--gold-subtle);border-color:#d4af37;border-color:var(--gold-primary);color:#d4af37;color:var(--gold-primary)}.model-search-panel{animation:slideDown .2s ease-out;background:#161616;background:var(--bg-card);border:1px solid #b8962e;border:1px solid var(--gold-dark);border-radius:12px;box-shadow:0 10px 40px #00000080;left:0;margin-top:4px;position:absolute;right:0;top:100%;z-index:100}.model-control-group{flex:2 1!important;position:relative}.model-search-header{align-items:center;background:#111;background:var(--bg-dark);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:10px 14px}.model-search-header h4{color:#d4af37;color:var(--gold-primary);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.model-search-close{background:#0000;border:none;color:#666;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;transition:color .2s}.model-search-close:hover{color:#fff;color:var(--text-primary)}.model-search-filters{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px;padding:10px 14px}.model-search-input{background:#050505;background:var(--bg-deepest);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:6px;color:#fff;color:var(--text-primary);font-size:12px;padding:8px 10px;transition:all .2s;width:100%}.model-search-input::placeholder{color:#666;color:var(--text-muted)}.model-search-input:focus{border-color:#d4af37;border-color:var(--gold-primary);box-shadow:0 0 0 2px #d4af371a;box-shadow:0 0 0 2px var(--gold-subtle);outline:none}.model-search-filter-row{display:flex;gap:6px}.model-filter-select{background:#050505;background:var(--bg-deepest);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:6px;color:#fff;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:11px;padding:6px 8px}.model-filter-select:focus{border-color:#d4af37;border-color:var(--gold-primary);outline:none}.model-search-results{max-height:150px;overflow-y:auto;padding:6px}.model-search-results::-webkit-scrollbar{width:5px}.model-search-results::-webkit-scrollbar-thumb{background:#b8962e;background:var(--gold-dark);border-radius:3px}.model-search-empty,.model-search-loading{align-items:center;color:#666;color:var(--text-muted);display:flex;flex-direction:column;font-size:12px;gap:8px;justify-content:center;padding:20px}.model-search-empty svg,.model-search-loading svg{color:#d4af37;color:var(--gold-primary);opacity:.5}.model-search-item{border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:all .2s ease}.model-search-item:hover{background:#222;background:var(--bg-hover);border-color:#b8962e;border-color:var(--gold-dark)}.model-search-thumb{border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:4px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.model-search-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.model-search-name{color:#fff;color:var(--text-primary);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-search-meta{color:#d4af37;color:var(--gold-primary);font-size:10px;letter-spacing:.3px;text-transform:uppercase}.model-search-air{color:#666;color:var(--text-muted);font-family:monospace;font-size:9px}.generate-button{background:linear-gradient(135deg,gold,#d4af37 50%,#b8962e);background:linear-gradient(135deg,var(--gold-light) 0,var(--gold-primary) 50%,var(--gold-dark) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #d4af3766,inset 0 1px 0 #ffffff4d;box-shadow:0 4px 15px var(--gold-glow),inset 0 1px 0 #ffffff4d;color:#050505;color:var(--bg-deepest);cursor:pointer;font-size:15px;font-weight:700;letter-spacing:1px;overflow:hidden;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.generate-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.generate-button:hover:before{left:100%}.generate-button:hover{box-shadow:0 8px 25px #d4af3766,inset 0 1px 0 #fff6;box-shadow:0 8px 25px var(--gold-glow),inset 0 1px 0 #fff6;transform:translateY(-2px)}.generate-button:active{transform:translateY(0)}.generate-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.generate-button:disabled:before{display:none}.generate-button-content{align-items:center;display:flex;gap:10px;justify-content:center;position:relative;z-index:1}.generate-button .spin{animation:spin 1s linear infinite}.error-display{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;display:flex;font-size:13px;gap:10px;margin-bottom:16px;padding:12px 16px}.error-display svg{color:#ef4444;color:var(--danger);flex-shrink:0}.gallery-header{background:linear-gradient(180deg,#111,#050505);background:linear-gradient(180deg,var(--bg-dark) 0,var(--bg-deepest) 100%);border-bottom:1px solid #b8962e;border-bottom:1px solid var(--gold-dark);justify-content:space-between;padding:14px 16px}.gallery-header,.gallery-title{align-items:center;display:flex}.gallery-title{color:#d4af37;color:var(--gold-primary);font-size:14px;font-weight:700;gap:8px;letter-spacing:1px;text-transform:uppercase}.gallery-title svg{color:gold;color:var(--gold-light);filter:drop-shadow(0 0 8px rgba(212,175,55,.4));filter:drop-shadow(0 0 8px var(--gold-glow))}.gallery-count{color:#666;color:var(--text-muted);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}.gallery-upload-btn{align-items:center;background:linear-gradient(180deg,#d4af371a,#0000);border:1px solid #b8962e;border:1px solid var(--gold-dark);border-radius:6px;color:#d4af37;color:var(--gold-primary);cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.gallery-upload-btn:hover{background:linear-gradient(180deg,#d4af3733,#d4af371a);border-color:#d4af37;border-color:var(--gold-primary);box-shadow:0 0 20px #d4af3766;box-shadow:0 0 20px var(--gold-glow);transform:translateY(-1px)}.gallery-upload-btn svg{color:gold;color:var(--gold-light)}.filter-pills-container{background:#050505;background:var(--bg-deepest);border-bottom:1px solid #d4af3733;padding:12px 16px}.filter-pills{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.filter-scope-group{background:#0000004d;border-radius:8px;display:flex;gap:3px;padding:3px}.filter-scope-group .filter-pill.scope-pill{background:#0000;border:none;padding:6px 12px}.filter-scope-group .filter-pill.scope-pill.active{background:linear-gradient(135deg,#d4af37,#b8962e);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));color:#000}.filter-scope-group .filter-pill.scope-pill:before{display:none}.filter-pills-separator{background:#ffffff26;height:24px;margin:0 4px;width:1px}.filter-pill{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#888;cursor:pointer;display:flex;font-size:10px;font-weight:700;gap:5px;letter-spacing:.5px;overflow:hidden;padding:8px 14px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-pill:before{background:linear-gradient(120deg,#0000,#0000 35%,#ffd70080 50%,#0000 65%,#0000);content:"";height:100%;left:-150%;pointer-events:none;position:absolute;top:0;transform:skewX(-25deg);width:100%}.filter-pill:hover:before{animation:shimmer-continuous-hover 1.2s ease-in-out infinite}@keyframes shimmer-continuous-hover{0%{left:-150%}to{left:150%}}.filter-pill:hover{background:#d4af3726;border-color:#d4af37;box-shadow:0 0 15px #d4af374d,0 4px 12px #0006;color:gold;transform:translateY(-2px)}.filter-pill.active{background:linear-gradient(135deg,gold,#d4af37 50%,#b8962e);border-color:gold;box-shadow:0 0 0 1px gold,0 0 20px #ffd70080,0 4px 20px #d4af3766,inset 0 1px 0 #ffffff4d;color:#0a0a0a;font-weight:800}.filter-pill.active:before{animation:shimmer-continuous 2s ease-in-out infinite;background:linear-gradient(120deg,#0000,#0000 40%,#ffffff80 50%,#0000 60%,#0000)}@keyframes shimmer-continuous{0%{left:-150%}50%{left:150%}to{left:150%}}.filter-pill.active:hover{box-shadow:0 0 0 2px gold,0 0 30px #ffd70099,0 8px 30px #d4af3780,inset 0 1px 0 #fff6;transform:translateY(-3px)}.filter-pill.active svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.filter-pill.nsfw-pill.active{background:linear-gradient(135deg,#f59e0b,#d97706 50%,#b45309);border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b,0 4px 20px #f59e0b80}.gallery-content{background:#050505;background:var(--bg-deepest);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px}.gallery-content::-webkit-scrollbar{width:6px}.gallery-content::-webkit-scrollbar-track{background:#0000}.gallery-content::-webkit-scrollbar-thumb{background:#b8962e;background:var(--gold-dark);border-radius:3px}.gallery-content::-webkit-scrollbar-thumb:hover{background:#d4af37;background:var(--gold-primary)}.gallery-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);padding:20px}.gallery-item{aspect-ratio:1;background:#161616;border:3px solid #2a2a2a;border-radius:10px;box-shadow:0 0 12px #d4af3780,0 0 25px #d4af3759,0 0 45px #d4af3733,0 4px 15px #0006!important;cursor:pointer;overflow:visible!important;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s ease,box-shadow .3s ease}.gallery-item-image{overflow:hidden}.gallery-item-image,.gallery-item:before{border-radius:7px;inset:0;position:absolute}.gallery-item:before{background:linear-gradient(180deg,#0000 50%,#000000e6);content:"";pointer-events:none;z-index:1}.gallery-item:after{border-color:#0000 #2a2a2a #0000 #0000;border-style:solid;border-width:0 28px 28px 0;content:"";height:0;position:absolute;right:0;top:0;transition:all .3s ease;width:0;z-index:10}.gallery-item:hover{border-color:gold!important;box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70099,0 0 70px #d4af3766,0 0 100px #d4af3740,0 8px 25px #00000080!important;transform:translateY(-8px);z-index:20}.gallery-item:hover:after{border-color:#0000 gold #0000 #0000}.gallery-item-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.gallery-item:hover .gallery-item-image img{transform:scale(1.08)}.gallery-item.selected{border-color:gold;border-color:var(--gold-light);box-shadow:0 0 0 3px gold,0 0 40px #ffd700b3,inset 0 0 20px #d4af3733;box-shadow:0 0 0 3px var(--gold-light),0 0 40px #ffd700b3,inset 0 0 20px #d4af3733}.gallery-item.selected:after{border-color:#0000 gold #0000 #0000;border-color:#0000 var(--gold-light) #0000 #0000}.gallery-item.selected .selection-check{align-items:center;background:#d4af37;background:var(--gold-primary);border-radius:50%;box-shadow:0 2px 8px #00000080;color:#050505;color:var(--bg-deepest);display:flex;height:24px;justify-content:center;position:absolute;right:6px;top:6px;width:24px;z-index:10}.gallery-item-label{background:#000000b3;border-radius:4px;color:#fff;color:var(--text-primary);font-size:9px;font-weight:700;left:6px;letter-spacing:.5px;padding:4px 8px;position:absolute;text-shadow:0 1px 2px #000000e6;text-transform:uppercase;top:6px;z-index:3}.gallery-item.is-nsfw{border-color:#f59e0b99}.gallery-item.is-nsfw:hover{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b,0 0 25px #f59e0b80,0 15px 40px #0009}.nsfw-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;box-shadow:0 2px 8px #00000080;color:#fff;font-size:8px;font-weight:700;left:6px;letter-spacing:.5px;padding:4px 8px;position:absolute;text-transform:uppercase;top:6px;z-index:5}.gallery-item-icons{align-items:center;bottom:8px;display:flex;justify-content:space-between;left:8px;opacity:0;position:absolute;right:8px;transform:translateY(8px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:4}.gallery-item:hover .gallery-item-icons{opacity:1;transform:translateY(0)}.gallery-icon-group{display:flex;gap:4px}.gallery-icon-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border:1px solid #d4af374d;border-radius:6px;color:#d4af37;color:var(--gold-primary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.gallery-icon-btn:hover{background:#d4af37;background:var(--gold-primary);border-color:#d4af37;border-color:var(--gold-primary);box-shadow:0 0 15px #d4af3766;box-shadow:0 0 15px var(--gold-glow);color:#050505;color:var(--bg-deepest);transform:scale(1.15)}.gallery-icon-btn.active{border-color:#ef444480;color:#ef4444}.gallery-icon-btn.active:hover{background:#ef4444;border-color:#ef4444;box-shadow:0 0 15px #ef444480;color:#fff}.gallery-icon-btn.nsfw-btn.active{border-color:#f59e0b80;color:#f59e0b}.gallery-icon-btn.nsfw-btn.active:hover{background:#f59e0b;background:var(--warning);color:#fff}.gallery-empty{align-items:center;color:#666;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.gallery-empty svg{color:#d4af37;color:var(--gold-primary);margin-bottom:16px;opacity:.3}.gallery-empty h4{color:#a0a0a0;color:var(--text-secondary);font-size:15px;margin-bottom:8px}.gallery-empty p{font-size:13px}.gallery-loading{align-items:center;color:#666;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.gallery-loading svg{animation:spin 1s linear infinite;color:#d4af37;color:var(--gold-primary)}.gallery-pagination{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);gap:12px;padding:12px 20px}.gallery-pagination,.pagination-btn{align-items:center;display:flex;justify-content:center}.pagination-btn{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;color:#a0a0a0;color:var(--text-secondary);height:32px;transition:all .2s ease;width:32px}.pagination-btn:hover:not(:disabled){background:#d4af371a;background:var(--gold-subtle);border-color:#d4af37;border-color:var(--gold-primary);color:#d4af37;color:var(--gold-primary)}.pagination-btn:disabled{opacity:.3}.pagination-info{color:#666;color:var(--text-muted);font-size:12px}.fullscreen-overlay{animation:fadeIn .2s ease-out;background:#000000f2;inset:0;position:fixed;z-index:2000}.fullscreen-exit-btn,.fullscreen-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center}.fullscreen-exit-btn{background:#0009;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;height:44px;left:20px;position:absolute;top:20px;transition:all .2s ease;width:44px;z-index:10}.fullscreen-exit-btn:hover{background:#000c;border-color:#d4af37;border-color:var(--gold-primary);color:#d4af37;color:var(--gold-primary)}.fullscreen-exit-btn .icon-flip{transform:rotate(180deg)}.fullscreen-icon-overlay{display:flex;gap:8px;position:absolute;right:20px;top:20px;z-index:10}.fullscreen-icon-overlay button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.fullscreen-icon-overlay button:hover{background:#000c}.fullscreen-icon-overlay button.active,.fullscreen-icon-overlay button:hover{border-color:#d4af37;border-color:var(--gold-primary);color:#d4af37;color:var(--gold-primary)}.fullscreen-image-container{max-height:90vh;max-width:90vw;position:relative}.fullscreen-image-container img{border-radius:8px;max-height:90vh;max-width:100%;object-fit:contain}.fullscreen-spinner{align-items:center;color:#d4af37;color:var(--gold-primary);display:flex;inset:0;justify-content:center;position:absolute}.fullscreen-spinner svg{animation:spin 1s linear infinite}.fullscreen-info-panel{animation:slideUp .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;bottom:20px;left:50%;max-width:500px;padding:16px 24px;position:absolute;transform:translateX(-50%);z-index:10}.fullscreen-info-panel h4{color:#fff;color:var(--text-primary);font-size:14px;margin-bottom:8px}.fullscreen-info-panel p{color:#a0a0a0;color:var(--text-secondary);font-size:12px}.delete-confirm-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.delete-confirm-modal{animation:modalSlideIn .2s ease-out;background:#161616;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:16px;max-width:320px;padding:32px;text-align:center}.delete-confirm-modal .delete-icon{color:#ef4444;color:var(--danger);margin-bottom:16px}.delete-confirm-modal h3{color:#fff;color:var(--text-primary);font-size:18px;margin-bottom:8px}.delete-confirm-modal p{color:#a0a0a0;color:var(--text-secondary);font-size:14px;margin-bottom:24px}.delete-confirm-actions{display:flex;gap:12px}.delete-confirm-actions button{border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.delete-confirm-actions button:first-child{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);color:#a0a0a0;color:var(--text-secondary)}.delete-confirm-actions button:first-child:hover{background:#222;background:var(--bg-hover);color:#fff;color:var(--text-primary)}.delete-confirm-actions button.delete-btn{align-items:center;background:#ef4444;background:var(--danger);border:none;color:#fff;display:flex;gap:8px;justify-content:center}.delete-confirm-actions button.delete-btn:hover{background:#dc2626}@media (max-width:900px){.image-gen-modal{height:95vh;max-height:95vh}.image-gen-body{flex-direction:column}.image-gen-left-panel{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);border-right:none;max-height:50%;overflow-y:auto}.image-gen-right-panel{flex:1 1;min-height:0;width:100%}.canvas-container{aspect-ratio:16/9;max-height:200px;min-height:150px}.gallery-grid{grid-template-columns:repeat(3,1fr)}.gallery-item-icons{opacity:1;transform:translateY(0)}}@media (max-width:500px){.image-gen-overlay{padding:10px}.image-gen-header{padding:12px 16px}.image-gen-title{font-size:16px}.image-gen-left-panel{padding:16px}.controls-row{flex-direction:column}.control-group{min-width:100%}.advanced-options{grid-template-columns:1fr}.filter-pills{gap:6px}.filter-pill{font-size:10px;padding:6px 10px}.gallery-grid{gap:8px;grid-template-columns:repeat(2,1fr)}}.spin{animation:spin 1s linear infinite}.hidden{display:none}.image-studio-pinned{background:#0a0a0a;background:var(--bg-deep);border-left:1px solid #ffffff0f;border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.studio-pinned-header{align-items:center;background:#050505;background:var(--bg-deepest);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.studio-pinned-title{align-items:center;color:#d4af37;color:var(--gold-primary);display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:1px}.studio-pinned-actions{display:flex;gap:6px}.studio-action-btn{color:var(--text-secondary)}.studio-action-btn:hover{color:var(--text-primary)}.studio-pinned-body{display:grid;flex:1 1;grid-template-columns:40% 8px 1fr;overflow:hidden}.image-studio-pinned.resizing *{pointer-events:none;-webkit-user-select:none;user-select:none}.image-studio-pinned.resizing .studio-internal-resize-handle{pointer-events:auto}.studio-pinned-controls{background:#050505;background:var(--bg-deepest);display:flex;flex-direction:column;grid-column:1;overflow:hidden}.studio-internal-resize-handle{align-items:center;background:#0a0a0a;background:var(--bg-deep);color:#666;color:var(--text-muted);cursor:col-resize;display:flex;grid-column:2;justify-content:center;opacity:.4;transition:all .2s;-webkit-user-select:none;user-select:none;width:8px}.image-studio-pinned.resizing .studio-internal-resize-handle,.studio-internal-resize-handle:hover{background:#d4af371a;color:#d4af37;color:var(--gold-primary);opacity:1}.studio-pinned-gallery{background:#0a0a0a;background:var(--bg-deep);display:flex;flex-direction:column;grid-column:3;overflow-x:hidden;overflow-y:auto}.pinned-controls-scroll{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:12px}.pinned-control-section{display:flex;flex-direction:column;gap:6px}.pinned-control-header{align-items:center;display:flex;justify-content:space-between}.pinned-reset-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.pinned-reset-btn:hover{background:#d4af371a;color:#d4af37;color:var(--gold-primary)}.pinned-control-label{color:#666;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.pinned-prompt-textarea{background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:8px;color:#fff;color:var(--text-primary);font-size:12px;line-height:1.4;min-height:70px;padding:10px;resize:vertical;transition:border-color .2s;width:100%}.pinned-prompt-textarea:focus{border-color:#d4af37;border-color:var(--gold-primary);outline:none}.pinned-prompt-textarea.small{min-height:50px}.pinned-label-hint,.pinned-prompt-textarea::placeholder{color:#666;color:var(--text-muted)}.pinned-label-hint{font-weight:400;margin-left:4px}.pinned-reference-grid{grid-gap:6px;border:2px dashed #ffffff0f;border:2px dashed var(--border-subtle);border-radius:8px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);max-height:200px;min-height:70px;overflow-y:auto;padding:8px;position:relative;transition:all .2s ease}.pinned-reference-grid.empty{align-items:center;display:flex;justify-content:center;min-height:70px}.pinned-reference-empty-state{align-items:center;color:#666;color:var(--text-muted);display:flex;flex-direction:column;font-size:11px;gap:6px;justify-content:center;padding:15px 20px;text-align:center}.pinned-reference-empty-state.clickable{border-radius:6px;cursor:pointer;transition:all .2s ease}.pinned-reference-empty-state.clickable:hover{background:#d4af371a;color:#d4af37;color:var(--gold-primary)}.pinned-reference-empty-state svg{opacity:.6}.pinned-reference-empty-state.clickable:hover svg{opacity:1}.pinned-reference-drop-indicator{align-items:center;background:#d4af3726;border-radius:6px;bottom:0;color:#d4af37;color:var(--gold-primary);display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:6px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.reference-section-wrapper{background:#ffffff05;border-radius:8px;margin-top:4px;padding:10px}.pinned-reference-grid::-webkit-scrollbar{width:4px}.pinned-reference-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.pinned-reference-item{aspect-ratio:1;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:6px;min-width:0;overflow:hidden;position:relative}.pinned-reference-item img{height:100%;image-orientation:initial;object-fit:cover;width:100%}.pinned-reference-remove{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:18px;justify-content:center;opacity:0;position:absolute;right:2px;top:2px;transition:opacity .2s;width:18px}.pinned-reference-item:hover .pinned-reference-remove{opacity:1}.pinned-reference-remove:hover{background:#ef4444;background:var(--danger)}.pinned-reference-add{align-items:center;aspect-ratio:1;background:#0000;border:1px dashed #ffffff1a;border:1px dashed var(--border-light);border-radius:6px;color:#666;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:10px;gap:4px;justify-content:center;transition:all .2s}.pinned-reference-add:hover{border-color:#d4af37;border-color:var(--gold-primary);color:#d4af37;color:var(--gold-primary)}.pinned-reference-hint{color:#f59e0b;color:var(--warning);font-size:10px;margin-top:4px}.pinned-reference-grid.drag-over{background:#d4af371a;border:2px dashed #d4af37;border:2px dashed var(--gold-primary);border-radius:8px}.pinned-reference-add.drag-active{background:#d4af3726;border-color:#d4af37;border-color:var(--gold-primary);color:#d4af37;color:var(--gold-primary);transform:scale(1.02)}.pinned-reference-drag-hint{color:#666;color:var(--text-muted);font-size:10px;margin-top:6px;opacity:.7}.pinned-reference-hint.warning{color:#f59e0b;color:var(--warning)}.pinned-gallery-item[draggable=true]{cursor:grab}.pinned-gallery-item[draggable=true]:active{cursor:grabbing}.pinned-gallery-item.dragging{opacity:.5;transform:scale(.95)}.pinned-item-drag-hint{background:#000c;border-radius:4px;bottom:2px;color:#d4af37;color:var(--gold-primary);font-size:8px;left:50%;opacity:0;padding:2px 6px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap}.pinned-gallery-item:hover .pinned-item-drag-hint{opacity:1}.pinned-control-select{-webkit-appearance:none;appearance:none;background:#ffffff08;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:6px;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:8px 10px;width:100%}.pinned-control-select:focus{border-color:#d4af37;border-color:var(--gold-primary);outline:none}.pinned-control-input{background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:6px;color:#fff;color:var(--text-primary);font-size:12px;padding:8px 10px;width:100%}.pinned-control-input:focus{border-color:#d4af37;border-color:var(--gold-primary);outline:none}.pinned-checkbox-label{align-items:center;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;gap:8px}.pinned-checkbox-label.disabled{cursor:not-allowed;opacity:.6}.pinned-checkbox-label input[type=checkbox]{accent-color:#d4af37;accent-color:var(--gold-primary);cursor:pointer;height:16px;width:16px}.pinned-checkbox-label.disabled input[type=checkbox]{cursor:not-allowed}.pinned-control-hint{color:#666;color:var(--text-muted);font-size:10px;margin-top:4px;opacity:.8}.pinned-size-options{display:flex;gap:6px}.pinned-size-btn{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:6px;color:#666;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:9px;gap:4px;padding:8px 4px;transition:all .2s}.pinned-size-btn:hover{border-color:#d4af374d;color:#d4af37;color:var(--gold-primary)}.pinned-size-btn.active{background:#d4af371a;border-color:#d4af37;border-color:var(--gold-primary);color:#d4af37;color:var(--gold-primary)}.pinned-size-btn .size-icon{border:1.5px solid;border-radius:2px;height:16px;width:16px}.pinned-size-btn .size-icon.portrait{height:16px;width:12px}.pinned-size-btn .size-icon.landscape{height:12px;width:16px}.pinned-count-row{align-items:center;display:flex;gap:12px}.pinned-count-btn{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:6px;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .2s;width:28px}.pinned-count-btn:hover:not(:disabled){border-color:#d4af37;border-color:var(--gold-primary);color:#d4af37;color:var(--gold-primary)}.pinned-count-btn:disabled{cursor:not-allowed;opacity:.3}.pinned-count-value{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;min-width:20px;text-align:center}.pinned-advanced-toggle{align-items:center;background:#ffffff05;border:none;border-radius:6px;color:#666;color:var(--text-muted);cursor:pointer;display:flex;font-size:11px;justify-content:space-between;padding:8px 10px;transition:background .2s}.pinned-advanced-toggle:hover{background:#ffffff0d}.pinned-advanced-toggle svg{transition:transform .2s}.pinned-advanced-toggle svg.rotated{transform:rotate(180deg)}.pinned-advanced-options{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:12px;padding-top:8px}.pinned-slider{-webkit-appearance:none;appearance:none;background:#1a1a1a;background:var(--bg-elevated);border-radius:2px;cursor:pointer;height:4px;width:100%}.pinned-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#d4af37;background:var(--gold-primary);border-radius:50%;cursor:pointer;height:14px;width:14px}.pinned-slider-hint{color:#666;color:var(--text-muted);font-size:10px;margin-top:4px}.pinned-model-warning{color:orange;font-size:10px;margin-top:4px}.pinned-generate-section{background:#050505;background:var(--bg-deepest);border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);padding:12px}.pinned-error{align-items:center;background:#ef44441a;border-radius:6px;color:#ef4444;color:var(--danger);display:flex;font-size:11px;gap:6px;margin-bottom:8px;padding:8px 10px}.pinned-generate-btn{align-items:center;background:linear-gradient(135deg,#d4af37,#b8962e);background:linear-gradient(135deg,var(--gold-primary) 0,var(--gold-dark) 100%);border:none;border-radius:10px;box-shadow:0 4px 16px #d4af3733;color:#000;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease;width:100%}.pinned-generate-btn:hover:not(:disabled){box-shadow:0 6px 20px #d4af374d;transform:translateY(-1px)}.pinned-generate-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.pinned-credit-badge{background:#0003;border-radius:8px;font-size:11px;padding:2px 6px}.pinned-gallery-header{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;gap:8px;padding:8px 12px}.filter-scope-toggle{background:#0003;border-radius:8px;display:flex;gap:2px;padding:2px}.scope-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;color:var(--text-muted);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;padding:5px 10px;transition:all .2s}.scope-btn:hover{color:#fff;color:var(--text-primary)}.scope-btn.active{background:linear-gradient(135deg,#d4af37,#b8962e);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));box-shadow:0 1px 3px #0000004d;color:#000}.filter-separator{background:#ffffff0f;background:var(--border-subtle);height:20px;margin:0 4px;width:1px}.filter-supplements{display:flex;gap:4px}.supplement-btn{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:6px;color:#666;color:var(--text-muted);cursor:pointer;display:flex;font-size:10px;font-weight:500;height:26px;justify-content:center;min-width:26px;padding:0 6px;transition:all .2s}.supplement-btn:hover{border-color:#d4af3766;color:#d4af37;color:var(--gold-primary)}.supplement-btn.active{background:#d4af3726;border-color:#d4af37;border-color:var(--gold-primary);color:#d4af37;color:var(--gold-primary)}.supplement-btn.active:hover{background:#d4af3740}.pinned-gallery-header .gallery-upload-btn{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:6px;color:#666;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.pinned-gallery-header .gallery-upload-btn:hover{background:#d4af371a;border-color:#d4af37;border-color:var(--gold-primary);color:#d4af37;color:var(--gold-primary)}.pinned-gallery-header .gallery-upload-btn:disabled{cursor:not-allowed;opacity:.5}.pinned-filter-pill{background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:12px;color:#666;color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:500;padding:5px 10px;transition:all .2s}.pinned-filter-pill:hover{border-color:#d4af374d;color:#d4af37;color:var(--gold-primary)}.pinned-filter-pill.active{background:linear-gradient(135deg,#d4af37,#b8962e);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border-color:#0000;color:#000}.pinned-gallery-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:10px}.pinned-gallery-empty,.pinned-gallery-loading{align-items:center;color:#666;color:var(--text-muted);display:flex;flex-direction:column;font-size:12px;gap:8px;grid-column:1/-1;justify-content:center;padding:40px 20px}.pinned-gallery-item{aspect-ratio:1;background:#161616;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.pinned-item-image{border-radius:8px;inset:0;overflow:hidden;position:absolute}.pinned-item-image img{height:100%;image-orientation:initial;object-fit:cover;width:100%}.pinned-item-loader{align-items:center;background:#161616;background:var(--bg-card);color:#d4af37;color:var(--gold-primary);display:flex;inset:0;justify-content:center;position:absolute;z-index:1}.pinned-gallery-item.loaded .pinned-item-loader{display:none}.pinned-item-placeholder{align-items:center;background:#161616;background:var(--bg-card);color:#666;color:var(--text-muted);display:none;inset:0;justify-content:center;position:absolute}.pinned-gallery-item.image-failed .pinned-item-placeholder{display:flex}.pinned-gallery-item:hover{box-shadow:0 4px 16px #d4af3726,0 0 0 1px #d4af374d;transform:scale(1.02)}.pinned-item-label{background:#000000b3;border-radius:4px;color:#d4af37;color:var(--gold-primary);font-size:8px;font-weight:600;left:4px;padding:2px 5px;position:absolute;text-transform:uppercase;top:4px;z-index:5}.pinned-icon-container{background:#00000080;border-radius:6px;display:flex;opacity:0;padding:4px;position:absolute;transition:opacity .2s;z-index:5}.pinned-gallery-item:hover .pinned-icon-container{opacity:1}.pinned-icon-container.bottom-left{bottom:4px;flex-direction:row;gap:6px;left:4px}.pinned-icon-container .pinned-item-icon.vision:hover{color:#c9a227;color:var(--accent-color,#c9a227)}.pinned-icon-container.right{flex-direction:column;gap:6px;right:4px;top:4px}.pinned-icon-container .pinned-item-icon{align-items:center;color:#ffffffd9;cursor:pointer;display:flex;font-size:12px;justify-content:center;opacity:1;padding:2px;position:relative;transition:color .15s,transform .15s}.pinned-icon-container .pinned-item-icon:hover{color:#fff;transform:scale(1.15)}.pinned-icon-container .pinned-item-icon.active,.pinned-icon-container .pinned-item-icon.delete:hover,.pinned-icon-container .pinned-item-icon.favorite.active{color:#ef4444}.pinned-icon-container .pinned-item-icon[data-tooltip]:hover:after{background:#000000e6;border-radius:4px;color:#fff;content:attr(data-tooltip);font-size:10px;padding:4px 8px;pointer-events:none;position:absolute;white-space:nowrap;z-index:100}.pinned-icon-container.bottom-left .pinned-item-icon[data-tooltip]:hover:after{bottom:auto;left:100%;margin-left:6px;right:auto;top:50%;transform:translateY(-50%)}.pinned-icon-container.right .pinned-item-icon[data-tooltip]:hover:after{left:auto;margin-right:6px;right:100%;top:50%;transform:translateY(-50%)}.pinned-item-icons{display:flex;gap:6px;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s;z-index:5}.pinned-gallery-item:hover .pinned-item-icons{opacity:1}.pinned-item-icon{align-items:center;color:#ffffffb3;cursor:pointer;display:flex;font-size:12px;position:relative;text-shadow:0 1px 2px #000c;transition:color .15s}.pinned-item-icon:hover{color:#fff}.pinned-item-icon.active,.pinned-item-icon.delete:hover,.pinned-item-icon.favorite.active{color:#ef4444}.pinned-item-icon svg{pointer-events:none}.pinned-item-icon[data-tooltip]:hover:after{background:#000000e6;border-radius:4px;color:#fff;content:attr(data-tooltip);font-size:10px;left:50%;margin-top:4px;padding:4px 8px;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap;z-index:100}.pinned-item-icon.delete[data-tooltip]:hover:after,.pinned-item-icons>.pinned-item-icon:last-child[data-tooltip]:hover:after,.pinned-item-icons>span:nth-last-child(-n+2)[data-tooltip]:hover:after{left:auto;right:0;transform:none}.pinned-item-icon.bottom-right[data-tooltip]:hover:after{bottom:100%;left:auto;margin-bottom:4px;margin-top:0;right:0;top:auto;transform:none}.pinned-item-icon.bottom-left[data-tooltip]:hover:after{bottom:100%;left:0;margin-bottom:4px;margin-top:0;top:auto;transform:none}.pinned-info-backdrop{background:#0000004d;inset:0;position:absolute;z-index:9998}.pinned-item-info-panel{background:#161616;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:10px;box-shadow:0 8px 32px #0009,0 0 0 1px #d4af374d;left:50%;max-width:90%;padding:14px;position:absolute;top:50%;transform:translate(-50%,-50%);width:280px;z-index:9999}.pinned-info-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;top:8px;transition:all .15s}.pinned-info-close:hover{background:#ffffff1a;color:#fff}.pinned-info-content{color:#fff;font-size:12px}.pinned-info-label{color:#666;color:var(--text-muted);font-size:10px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.pinned-info-prompt-area{background:#0000004d;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:6px;color:#fff;color:var(--text-primary);font-size:12px;line-height:1.5;margin-bottom:12px;max-height:120px;overflow-y:auto;padding:10px;word-break:break-word}.pinned-info-prompt-area::-webkit-scrollbar{width:4px}.pinned-info-prompt-area::-webkit-scrollbar-track{background:#0000}.pinned-info-prompt-area::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.pinned-info-prompt-area{scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.pinned-info-meta{display:flex;flex-direction:column;gap:8px}.pinned-info-row{align-items:center;display:flex;justify-content:space-between}.pinned-info-row .pinned-info-label{font-size:10px;margin-bottom:0}.pinned-info-value{color:#fff;color:var(--text-primary);font-size:11px;max-width:180px;text-align:right;word-break:break-all}.pinned-item-fav-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#666;color:var(--text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:all .2s;width:24px;z-index:2}.pinned-gallery-item:hover .pinned-item-fav-btn{opacity:1}.pinned-item-fav-btn:hover{background:#000c;color:#ef4444}.pinned-item-fav-btn.active{color:#ef4444;opacity:1}.pinned-item-fav-btn:disabled{cursor:not-allowed;opacity:.5}.pinned-gallery-footer{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);flex-shrink:0;padding:10px 12px}.pinned-upload-btn{align-items:center;background:#0000;border:1px dashed #ffffff1a;border:1px dashed var(--border-light);border-radius:8px;color:#666;color:var(--text-muted);cursor:pointer;display:flex;font-size:11px;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s}.pinned-upload-btn:hover{border-color:#d4af37;border-color:var(--gold-primary);color:#d4af37;color:var(--gold-primary)}.pinned-fullscreen-overlay{background:#000000f2;flex-direction:column;inset:0;position:fixed;z-index:2000}.pinned-fullscreen-content,.pinned-fullscreen-overlay{align-items:center;display:flex;justify-content:center}.pinned-fullscreen-content{max-height:calc(100vh - 100px);max-width:90vw;position:relative}.pinned-fullscreen-loader{color:#d4af37;color:var(--gold-primary);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pinned-fullscreen-content.loaded .pinned-fullscreen-loader{display:none}.pinned-fullscreen-content img{border-radius:8px;max-height:calc(100vh - 100px);max-width:100%;opacity:0;transition:opacity .3s}.pinned-fullscreen-content.loaded img{opacity:1}.pinned-fullscreen-info{background:#161616;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:10px;box-shadow:0 8px 32px #0009,0 0 0 1px #d4af374d;left:50%;max-width:90%;padding:14px;position:absolute;top:50%;transform:translate(-50%,-50%);width:320px;z-index:10}.pinned-fullscreen-actions{background:#000000b3;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:30px;bottom:24px;display:flex;gap:12px;left:50%;padding:12px 20px;position:fixed;transform:translateX(-50%)}.pinned-fullscreen-actions button{align-items:center;background:#161616;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:50%;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.pinned-fullscreen-actions button:hover{background:#1a1a1a;background:var(--bg-elevated);color:#fff;color:var(--text-primary)}.pinned-fullscreen-actions button.active,.pinned-fullscreen-actions button.delete:hover{color:#ef4444}.pinned-controls-scroll::-webkit-scrollbar,.pinned-gallery-grid::-webkit-scrollbar,.studio-pinned-gallery::-webkit-scrollbar{width:4px}.pinned-controls-scroll::-webkit-scrollbar-track,.pinned-gallery-grid::-webkit-scrollbar-track,.studio-pinned-gallery::-webkit-scrollbar-track{background:#0000}.pinned-controls-scroll::-webkit-scrollbar-thumb,.pinned-gallery-grid::-webkit-scrollbar-thumb,.studio-pinned-gallery::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.pinned-controls-scroll,.pinned-gallery-grid,.studio-pinned-gallery{scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.companion-migration-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:10000}.companion-migration-modal{background:#1a1a2e;border:1px solid #c9a22740;border-radius:8px;box-shadow:0 16px 40px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:100%}.migration-header{align-items:center;background:#12121f;border-bottom:1px solid #c9a22733;display:flex;gap:10px;padding:10px 14px}.migration-header-icon{color:#c9a227;flex-shrink:0;height:20px;width:20px}.migration-header-icon svg{height:100%;width:100%}.migration-header h2{color:#c9a227;flex:1 1;font-size:.9rem;font-weight:500;margin:0}.migration-close-btn{background:none;border:none;color:#666;cursor:pointer;height:24px;padding:2px;width:24px}.migration-close-btn:hover{color:#c9a227}.migration-close-btn svg{stroke:currentColor;stroke-width:2;fill:none;height:100%;width:100%}.migration-content{flex:1 1;overflow-y:auto;padding:10px 12px}.migration-content::-webkit-scrollbar{width:4px}.migration-content::-webkit-scrollbar-track{background:#0000}.migration-content::-webkit-scrollbar-thumb{background:#c9a2274d;border-radius:2px}.migration-step{animation:fadeIn .2s ease;position:relative}.migration-step h3{color:#fff;font-size:.9rem;margin:0 0 6px}.migration-step p{color:#999;font-size:.8rem;line-height:1.4;margin:0 0 8px}.intro-message{background:#00000040;border:1px solid #c9a2271a;border-radius:6px;margin-bottom:10px;padding:10px 12px}.intro-message p{color:#ccc;font-size:.8rem;line-height:1.4;margin:0 0 6px}.intro-message ol{color:#ccc;margin:8px 0;padding-left:18px}.intro-message ol li{font-size:.8rem;margin:4px 0}.intro-message strong{color:#c9a227}.template-downloads{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.template-card{align-items:center;background:#00000040;border:1px solid #c9a22726;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:all .2s}.template-card:hover{background:#c9a2271a;border-color:#c9a2274d}.template-icon{align-items:center;background:#c9a22726;border-radius:6px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.template-icon svg{stroke:#c9a227;fill:none;height:18px;width:18px}.template-info{flex:1 1;min-width:0}.template-info h3{color:#fff;font-size:.8rem;font-weight:500;margin:0 0 2px}.template-info p{color:#888;font-size:.7rem;margin:0}.download-btn{background:#c9a227;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:.75rem;font-weight:500;padding:5px 10px;transition:background .2s}.download-btn:hover{background:#d4af37}.upload-zone{border:2px dashed #c9a2274d;border-radius:6px;cursor:pointer;margin:16px 0;padding:30px 20px;text-align:center;transition:all .2s}.upload-zone:hover{background:#c9a2270d;border-color:#c9a227}.upload-icon{color:#c9a227;height:40px;margin:0 auto 10px;width:40px}.upload-icon svg{stroke:currentColor;fill:none;height:100%;width:100%}.upload-zone p{color:#ccc;font-size:.85rem;margin:0 0 6px}.file-hint{color:#666;font-size:.75rem}.review-content{margin:12px 0;max-height:280px;overflow-y:auto}.review-content::-webkit-scrollbar{width:4px}.review-content::-webkit-scrollbar-thumb{background:#c9a2274d;border-radius:2px}.review-section{border-bottom:1px solid #c9a2271a;margin-bottom:12px;padding-bottom:12px}.review-section:last-child{border-bottom:none}.review-section label{color:#c9a227;display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.review-section p{color:#ddd;font-size:.85rem;line-height:1.4;margin:0}.review-section p.long-text{max-height:80px;overflow-y:auto;white-space:pre-wrap}.llm-params{display:flex;flex-wrap:wrap;gap:6px}.llm-params span{background:#c9a22726;border-radius:3px;color:#ccc;font-size:.75rem;padding:3px 8px}.memories-list{margin:12px 0;max-height:250px;overflow-y:auto}.memories-list::-webkit-scrollbar{width:4px}.memories-list::-webkit-scrollbar-thumb{background:#c9a2274d;border-radius:2px}.memory-item{background:#00000040;border:1px solid #c9a2271a;border-radius:6px;margin-bottom:8px;padding:10px 12px}.memory-text{color:#ddd;font-size:.85rem;margin-bottom:6px}.memory-meta{display:flex;flex-wrap:wrap;gap:10px}.memory-meta span{color:#888;font-size:.7rem}.memory-type{background:#c9a22733;border-radius:3px;color:#c9a227!important;padding:2px 6px}.step-actions{border-top:1px solid #c9a22726;display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:12px}.ready-text{align-self:center;color:#888;flex:1 1;font-size:.8rem;margin:0}.primary-btn{background:#c9a227;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s}.primary-btn:hover:not(:disabled){background:#d4af37}.primary-btn:disabled{cursor:not-allowed;opacity:.5}.secondary-btn{background:#0000;border:1px solid #c9a2274d;border-radius:6px;color:#c9a227;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s}.secondary-btn:hover{background:#c9a2271a}.parse-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;font-size:.8rem;margin-bottom:12px;padding:10px 12px}.success-banner{background:#c9a2271a;border:1px solid #c9a2274d;border-radius:6px;color:#c9a227;font-size:.85rem;font-weight:500;margin-bottom:16px;padding:10px 12px}.complete-step{padding:16px 0;text-align:center}.complete-icon{color:#c9a227;height:48px;margin:0 auto 12px;width:48px}.complete-icon svg{stroke:currentColor;fill:none;height:100%;width:100%}.complete-step h3{color:#c9a227;font-size:1.1rem;margin:0 0 10px}.complete-step p{color:#ccc;margin:0 0 6px}.complete-details{color:#888!important;font-size:.85rem;margin:12px 0!important}.migration-progress{background:#12121f;border-radius:0 0 8px 8px;border-top:1px solid #c9a22726;display:flex;gap:20px;justify-content:center;padding:8px 12px}.progress-step{align-items:center;display:flex;flex-direction:column;gap:4px}.step-dot{background:#333;border-radius:50%;height:8px;transition:all .3s;width:8px}.progress-step.active .step-dot{background:#c9a227;box-shadow:0 0 6px #c9a22780}.progress-step span{color:#555;font-size:.65rem}.progress-step.active span{color:#999}.embeddings-step .embeddings-options{margin:16px 0}.embeddings-step .option-card{align-items:center;background:#00000040;border:1px solid #c9a22726;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.embeddings-step .option-card:hover{background:#c9a2271a;border-color:#c9a2274d}.embeddings-step .option-icon{align-items:center;background:#c9a22726;border-radius:6px;display:flex;height:32px;justify-content:center;width:32px}.embeddings-step .option-icon svg{stroke:#c9a227;fill:none;height:18px;width:18px}.embeddings-step .option-info h4{color:#fff;font-size:.85rem;font-weight:500;margin:0 0 2px}.embeddings-step .option-info p{color:#888;font-size:.75rem;margin:0}@media (max-width:480px){.companion-migration-overlay{padding:8px}.companion-migration-modal{border-radius:8px;max-height:90vh}.migration-header{padding:8px 12px}.migration-header h2{font-size:.85rem}.migration-content{padding:12px}.template-card{flex-direction:column;gap:8px;text-align:center}.template-info{order:1}.download-btn{order:2;width:100%}.step-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.migration-progress{gap:16px;padding:10px 12px}.progress-step span{font-size:.6rem}.upload-zone{padding:20px 16px}}.building-patterns{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.building-patterns h3{color:#c9a227;font-size:1.2rem;margin:20px 0 10px}.building-patterns p{color:#888;font-size:.9rem;margin:0}.spinner-container{height:60px;width:60px}.spinner{animation:spin 1s linear infinite;border:3px solid #c9a22733;border-top-color:#c9a227;height:100%;width:100%}.import-overlay{align-items:center;background:#0f0f14d9;border-radius:12px;display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:absolute;z-index:10}.import-overlay .spinner{height:48px;width:48px}.import-overlay p{color:#c9a227;font-size:14px;letter-spacing:.5px}.shimmer-btn{overflow:hidden;position:relative}.shimmer-btn:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.companion-migration-pinned{background:#1a1a2e;border-left:1px solid #c9a22733;display:flex;flex-direction:column;height:100%}.migration-header-pinned{align-items:center;background:#12121f;border-bottom:1px solid #c9a22733;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.migration-title{align-items:center;color:#c9a227;display:flex;font-size:.95rem;font-weight:500;gap:8px}.migration-title svg{color:#c9a227}.migration-close-btn-pinned{align-items:center;background:#0000;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.migration-close-btn-pinned:hover{background:#c9a22726;color:#c9a227}.migration-content-pinned{flex:1 1;overflow-y:auto;padding:16px}.migration-progress-pinned{background:#12121f;border-top:1px solid #c9a22733;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.migration-progress-pinned .progress-step{align-items:center;display:flex;flex-direction:column;gap:4px}.migration-progress-pinned .step-dot{background:#333;border-radius:50%;height:8px;transition:all .3s;width:8px}.migration-progress-pinned .progress-step.active .step-dot{background:#c9a227}.migration-progress-pinned .progress-step span{color:#666;font-size:.65rem;text-transform:uppercase}.migration-progress-pinned .progress-step.active span{color:#c9a227}.hume-library-overlay{background:#050505;background:var(--bg-deepest,#050505);display:flex;flex-direction:column;inset:0;position:absolute;z-index:50}.hume-library-panel{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.hume-library-header{align-items:center;background:#0a0a0a;background:var(--bg-deep,#0a0a0a);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle,#ffffff0f);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.hume-library-back{align-items:center;background:#ffffff0d;border:none;border-radius:6px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.hume-library-back:hover{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.hume-library-title{align-items:center;color:#d4af37;color:var(--voice-gold-primary,#d4af37);display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px}.hume-library-title svg{filter:drop-shadow(0 0 6px rgba(212,175,55,.4))}.hume-library-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.hume-library-close:hover{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.hume-library-filters{background:#0a0a0a;background:var(--bg-deep,#0a0a0a);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle,#ffffff0f);display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px}.hume-search-wrapper{flex:1 1;min-width:150px;position:relative}.hume-search-icon{color:#666;color:var(--text-muted,#666);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.hume-search-input{background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-size:13px;padding:10px 12px 10px 40px;transition:border-color .2s;width:100%}.hume-search-input:focus{border-color:#d4af37;border-color:var(--voice-gold-primary,#d4af37);outline:none}.hume-search-input::placeholder{color:#666;color:var(--text-muted,#666)}.hume-filter-select{background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:12px;min-width:100px;padding:10px 12px;transition:border-color .2s}.hume-filter-select:focus{border-color:#d4af37;border-color:var(--voice-gold-primary,#d4af37);outline:none}.hume-filter-select option{background:#050505;background:var(--bg-deepest,#050505);color:#fff;color:var(--text-primary,#fff)}.hume-filter-btn{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:8px;color:#666;color:var(--text-muted,#666);cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:all .2s;width:42px}.hume-filter-btn:hover{background:#ffffff0d;color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.hume-filter-btn.active{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.hume-library-count{background:#050505;background:var(--bg-deepest,#050505);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle,#ffffff0f);color:#666;color:var(--text-muted,#666);font-size:11px;padding:8px 16px}.hume-library-error{align-items:center;background:#ef44441a;border-bottom:1px solid #ef444433;color:#fca5a5;display:flex;font-size:12px;justify-content:space-between;padding:10px 16px}.hume-library-error button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1}.hume-library-success{background:#22c55e1a;border-bottom:1px solid #22c55e33;color:#86efac;font-size:12px;padding:10px 16px;text-align:center}.hume-library-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:16px}.hume-library-loading{align-items:center;color:#d4af37;color:var(--voice-gold-primary,#d4af37);display:flex;flex-direction:column;gap:12px;height:200px;justify-content:center}.hume-library-loading span{color:#666;color:var(--text-muted,#666);font-size:13px}.hume-library-loading .spin{animation:spin 1s linear infinite}.hume-library-empty{align-items:center;color:#666;color:var(--text-muted,#666);display:flex;flex-direction:column;gap:12px;height:200px;justify-content:center}.hume-library-empty svg{color:#d4af37;color:var(--voice-gold-primary,#d4af37);opacity:.3}.hume-voice-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.hume-voice-card{align-items:center;background:#161616;background:var(--bg-card,#161616);border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:10px;display:flex;gap:12px;padding:14px;transition:all .2s}.hume-voice-card:hover{background:#1a1a1a;background:var(--bg-elevated,#1a1a1a);border-color:#b8962e;border-color:var(--voice-gold-dark,#b8962e)}.hume-voice-preview{align-items:center;background:#0000;border:2px solid #b8962e;border:2px solid var(--voice-gold-dark,#b8962e);border-radius:50%;color:#d4af37;color:var(--voice-gold-primary,#d4af37);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.hume-voice-preview:hover:not(:disabled){background:#d4af37;background:var(--voice-gold-primary,#d4af37);color:#050505;color:var(--bg-deepest,#050505);transform:scale(1.05)}.hume-voice-preview:disabled{cursor:wait;opacity:.7}.hume-voice-preview .spin{animation:spin 1s linear infinite}.hume-voice-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.hume-voice-name{color:#fff;color:var(--text-primary,#fff);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hume-voice-tags{display:flex;flex-wrap:wrap;gap:4px}.hume-tag{border-radius:4px;font-size:9px;font-weight:500;max-width:80px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.hume-tag.gender{background:#9333ea26;border:1px solid #9333ea4d;color:#c084fc}.hume-tag.language{background:#3b82f626;border:1px solid #3b82f64d;color:#93c5fd}.hume-tag.accent{background:#22c55e26;border:1px solid #22c55e4d;color:#86efac}.hume-voice-actions{display:flex;flex-shrink:0;gap:6px}.hume-voice-action{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:6px;color:#666;color:var(--text-muted,#666);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.hume-voice-action:hover{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.hume-voice-action.favorited{border-color:#ef44444d;color:#ef4444}.hume-voice-action.favorited:hover{background:#ef44441a}.hume-voice-action.use:hover{background:#d4af37;background:var(--voice-gold-primary,#d4af37);border-color:#d4af37;border-color:var(--voice-gold-primary,#d4af37);color:#050505;color:var(--bg-deepest,#050505)}.hume-voice-action:disabled{cursor:not-allowed;opacity:.5}.hume-voice-action .spin{animation:spin 1s linear infinite}.hume-library-content::-webkit-scrollbar{width:6px}.hume-library-content::-webkit-scrollbar-track{background:#0000}.hume-library-content::-webkit-scrollbar-thumb{background:#b8962e;background:var(--voice-gold-dark,#b8962e);border-radius:3px}.hume-library-content::-webkit-scrollbar-thumb:hover{background:#d4af37;background:var(--voice-gold-primary,#d4af37)}:root{--voice-gold-primary:#d4af37;--voice-gold-light:gold;--voice-gold-dark:#b8962e;--voice-gold-glow:#d4af3766}.voice-studio-pinned{background:#0a0a0a;background:var(--bg-deep,#0a0a0a);border-left:1px solid #ffffff0f;border-left:1px solid var(--border-subtle,#ffffff0f);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.voice-studio-header{align-items:center;background:#050505;background:var(--bg-deepest,#050505);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle,#ffffff0f);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.voice-studio-title{align-items:center;color:#d4af37;color:var(--voice-gold-primary);display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:1px}.voice-studio-title svg{filter:drop-shadow(0 0 6px rgba(212,175,55,.4));filter:drop-shadow(0 0 6px var(--voice-gold-glow))}.voice-studio-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#d4af37 50%,#b8962e);background:linear-gradient(135deg,var(--voice-gold-light) 0,var(--voice-gold-primary) 50%,var(--voice-gold-dark) 100%);-webkit-background-clip:text;background-clip:text}.voice-studio-actions{display:flex;gap:6px}.studio-action-btn{align-items:center;background:#ffffff0d;border:none;border-radius:6px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.studio-action-btn:hover{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.studio-action-btn.hume-library-btn{background:linear-gradient(135deg,#d4af3726,#d4af370d);border:1px solid #d4af374d;color:#d4af37;color:var(--voice-gold-primary)}.studio-action-btn.hume-library-btn:hover{background:linear-gradient(135deg,#d4af3740,#d4af371a);border-color:#d4af37;border-color:var(--voice-gold-primary)}.voice-studio-body{display:grid;flex:1 1;grid-template-columns:40% 8px 1fr;overflow:hidden}.voice-studio-pinned.resizing *{pointer-events:none;-webkit-user-select:none;user-select:none}.voice-studio-pinned.resizing .voice-resize-handle{pointer-events:auto}.voice-studio-controls{background:#050505;background:var(--bg-deepest,#050505);display:flex;flex-direction:column;grid-column:1;overflow:hidden}.voice-studio-tabs{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle,#ffffff0f);display:flex;gap:4px;padding:8px}.voice-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;color:var(--text-muted,#666);cursor:pointer;display:flex;flex:1 1;font-size:11px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase;transition:all .2s}.voice-tab:hover{background:#ffffff0d;color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.voice-tab.active{background:linear-gradient(135deg,#d4af3726,#d4af370d);border:1px solid #d4af374d;color:#d4af37;color:var(--voice-gold-primary)}.voice-tab.active svg{filter:drop-shadow(0 0 4px rgba(212,175,55,.4));filter:drop-shadow(0 0 4px var(--voice-gold-glow))}.voice-controls-scroll{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:12px}.voice-control-section{display:flex;flex-direction:column;gap:6px}.voice-control-label{color:#666;color:var(--text-muted,#666);font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.voice-textarea{background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-family:inherit;font-size:12px;line-height:1.4;min-height:80px;padding:10px;resize:vertical;transition:border-color .2s;width:100%}.voice-textarea:focus{border-color:#d4af37;border-color:var(--voice-gold-primary);outline:none}.voice-textarea.small{min-height:50px}.voice-hint,.voice-textarea::placeholder{color:#666;color:var(--text-muted,#666)}.voice-hint{font-size:10px;font-style:italic;line-height:1.3}.voice-input{background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-size:12px;padding:10px;transition:border-color .2s;width:100%}.voice-input:focus{border-color:#d4af37;border-color:var(--voice-gold-primary);outline:none}.voice-generate-btn{align-items:center;background:linear-gradient(135deg,gold,#d4af37 50%,#b8962e);background:linear-gradient(135deg,var(--voice-gold-light) 0,var(--voice-gold-primary) 50%,var(--voice-gold-dark) 100%);border:none;border-radius:8px;box-shadow:0 4px 15px #d4af3766;box-shadow:0 4px 15px var(--voice-gold-glow);color:#050505;color:var(--bg-deepest,#050505);cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase;transition:all .3s;width:100%}.voice-generate-btn:hover:not(:disabled){box-shadow:0 8px 25px #d4af3766;box-shadow:0 8px 25px var(--voice-gold-glow);transform:translateY(-2px)}.voice-generate-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.voice-generate-btn .spin{animation:spin 1s linear infinite}.voice-generations{display:flex;flex-direction:column;gap:6px}.voice-generation-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s}.voice-generation-item:hover{background:#ffffff0d;border-color:#b8962e;border-color:var(--voice-gold-dark)}.voice-generation-item.selected{background:linear-gradient(135deg,#d4af3726,#d4af370d);border-color:#d4af37;border-color:var(--voice-gold-primary)}.voice-play-btn{align-items:center;background:#d4af37;background:var(--voice-gold-primary);border:none;border-radius:50%;color:#050505;color:var(--bg-deepest,#050505);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.voice-play-btn:hover{box-shadow:0 0 15px #d4af3766;box-shadow:0 0 15px var(--voice-gold-glow);transform:scale(1.1)}.voice-generation-label{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:12px;font-weight:500}.voice-generation-duration{color:#666;color:var(--text-muted,#666);font-size:10px}.voice-selected-check{color:#d4af37;color:var(--voice-gold-primary);filter:drop-shadow(0 0 4px rgba(212,175,55,.4));filter:drop-shadow(0 0 4px var(--voice-gold-glow))}.voice-save-actions{display:flex;gap:8px;margin-top:8px}.voice-save-btn{align-items:center;background:#0000;border:1px solid #b8962e;border:1px solid var(--voice-gold-dark);border-radius:6px;color:#d4af37;color:var(--voice-gold-primary);cursor:pointer;display:flex;flex:1 1;font-size:11px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.voice-save-btn:hover:not(:disabled){background:#d4af371a}.voice-save-btn:disabled{cursor:not-allowed;opacity:.5}.voice-set-btn{align-items:center;background:#0000;border:1px solid #b8962e;border:1px solid var(--voice-gold-dark);border-radius:6px;color:#d4af37;color:var(--voice-gold-primary);cursor:pointer;display:flex;justify-content:center;transition:all .2s;width:40px}.voice-set-btn:hover:not(:disabled){background:#d4af37;background:var(--voice-gold-primary);color:#050505;color:var(--bg-deepest,#050505)}.voice-count-info{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle,#ffffff0f);color:#666;color:var(--text-muted,#666);font-size:10px;padding:8px;text-align:center}.voice-library-filters{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle,#ffffff0f);display:flex;gap:6px;padding-bottom:12px}.voice-filter-btn{background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:6px;color:#666;color:var(--text-muted,#666);cursor:pointer;flex:1 1;font-size:11px;font-weight:500;padding:8px 12px;transition:all .2s}.voice-filter-btn.icon{align-items:center;display:flex;flex:none;justify-content:center;width:36px}.voice-filter-btn:hover{background:#ffffff0d;color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.voice-filter-btn.active{background:#d4af371a;border-color:#b8962e;border-color:var(--voice-gold-dark);color:#d4af37;color:var(--voice-gold-primary)}.voice-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;display:flex;font-size:11px;justify-content:space-between;margin:8px;padding:10px 12px}.voice-error button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1}.voice-success{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;color:#86efac;font-size:11px;margin:8px;padding:10px 12px;text-align:center}.voice-resize-handle{align-items:center;background:#0a0a0a;background:var(--bg-deep,#0a0a0a);color:#666;color:var(--text-muted,#666);cursor:col-resize;display:flex;grid-column:2;justify-content:center;opacity:.4;transition:all .2s;-webkit-user-select:none;user-select:none;width:8px}.voice-resize-handle:hover,.voice-studio-pinned.resizing .voice-resize-handle{background:#d4af371a;color:#d4af37;color:var(--voice-gold-primary);opacity:1}.voice-studio-gallery{background:#0a0a0a;background:var(--bg-deep,#0a0a0a);display:flex;flex-direction:column;grid-column:3;overflow-x:hidden;overflow-y:auto;padding:12px}.voice-gallery-header{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.voice-gallery-title{color:#d4af37;color:var(--voice-gold-primary);font-size:13px;font-weight:600;letter-spacing:.5px}.voice-gallery-filters{display:flex;gap:4px}.voice-gallery-filter{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:6px;color:#ffffff80;cursor:pointer;display:flex;font-size:11px;justify-content:center;padding:6px 10px;transition:all .2s}.voice-gallery-filter:hover{background:#ffffff0d;color:#fffc}.voice-gallery-filter.active{background:#d4af37;background:var(--voice-gold-primary);border-color:#d4af37;border-color:var(--voice-gold-primary);color:#000}.voice-gallery-filter.active:hover{background:gold;background:var(--voice-gold-light)}.voice-gallery-loading{align-items:center;color:#d4af37;color:var(--voice-gold-primary);display:flex;height:100%;justify-content:center}.voice-gallery-loading .spin{animation:spin 1s linear infinite}.voice-gallery-empty{align-items:center;color:#666;color:var(--text-muted,#666);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center}.voice-gallery-empty svg{color:#d4af37;color:var(--voice-gold-primary);opacity:.3}.voice-empty-hint{font-size:11px;opacity:.7}.voice-gallery-grid{display:flex;flex-direction:column;gap:10px}.voice-card{align-items:center;background:#161616;background:var(--bg-card,#161616);border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:10px;display:flex;gap:12px;padding:12px;position:relative;transition:all .2s}.voice-card:hover{background:#1a1a1a;background:var(--bg-elevated,#1a1a1a);border-color:#b8962e;border-color:var(--voice-gold-dark)}.voice-card.global{border-color:#9333ea4d}.voice-card.global:hover{border-color:#9333ea80}.voice-card-play{align-items:center;background:#0000;border:2px solid #b8962e;border:2px solid var(--voice-gold-dark);border-radius:50%;color:#d4af37;color:var(--voice-gold-primary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.voice-card-play:hover:not(:disabled){background:#d4af37;background:var(--voice-gold-primary);color:#050505;color:var(--bg-deepest,#050505);transform:scale(1.05)}.voice-card-play:disabled{cursor:not-allowed;opacity:.3}.voice-card-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.voice-card-name{color:#fff;color:var(--text-primary,#fff);font-size:13px;font-weight:600}.voice-card-desc,.voice-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-card-desc{color:#666;color:var(--text-muted,#666);font-size:10px}.voice-card-actions{display:flex;flex-shrink:0;gap:6px}.voice-card-action{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:6px;color:#666;color:var(--text-muted,#666);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.voice-card-action:hover{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.voice-card-action.active{border-color:#ef44444d;color:#ef4444}.voice-card-action.active:hover{background:#ef44441a}.voice-card-action.set:hover{background:#d4af37;background:var(--voice-gold-primary);border-color:#d4af37;border-color:var(--voice-gold-primary);color:#050505;color:var(--bg-deepest,#050505)}.voice-card-action.delete:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.voice-card-badge{background:linear-gradient(135deg,#9333ea33,#9333ea1a);border:1px solid #9333ea4d;border-radius:4px;color:#c084fc;font-size:8px;font-weight:700;letter-spacing:.5px;padding:3px 6px;position:absolute;right:6px;text-transform:uppercase;top:6px}.voice-delete-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;position:absolute;z-index:100}.voice-delete-modal{background:#161616;background:var(--bg-card,#161616);border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:12px;max-width:280px;padding:24px;text-align:center}.voice-delete-modal .delete-icon{color:#ef4444;margin-bottom:12px}.voice-delete-modal h3{color:#fff;color:var(--text-primary,#fff);font-size:16px;margin-bottom:8px}.voice-delete-modal p{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:12px;margin-bottom:20px}.voice-delete-actions{display:flex;gap:10px}.voice-delete-actions button{align-items:center;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.voice-delete-actions button:first-child{background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.voice-delete-actions button:first-child:hover{background:#ffffff0d}.voice-delete-actions .delete-btn{background:#ef4444;border:none;color:#fff}.voice-delete-actions .delete-btn:hover{background:#dc2626}.voice-delete-actions .delete-btn:disabled{cursor:not-allowed;opacity:.5}.voice-controls-scroll::-webkit-scrollbar,.voice-studio-gallery::-webkit-scrollbar{width:6px}.voice-controls-scroll::-webkit-scrollbar-track,.voice-studio-gallery::-webkit-scrollbar-track{background:#0000}.voice-controls-scroll::-webkit-scrollbar-thumb,.voice-studio-gallery::-webkit-scrollbar-thumb{background:#b8962e;background:var(--voice-gold-dark);border-radius:3px}.voice-controls-scroll::-webkit-scrollbar-thumb:hover,.voice-studio-gallery::-webkit-scrollbar-thumb:hover{background:#d4af37;background:var(--voice-gold-primary)}.character-chat-window{background-color:#fff8ec;background-color:var(--color-bg-primary,#fff8ec);display:flex;flex-direction:column;height:100vh;height:100dvh;height:var(--vh-full,100vh);margin-left:0;margin-right:0;min-height:-webkit-fill-available;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0);position:relative}.desktop-chat-header{display:none}@media (min-width:769px){.desktop-chat-header{display:flex;position:fixed;right:24px;top:16px;z-index:200}.character-chat-window{display:grid;grid-template-columns:33.333% 8px 1fr 1fr;margin-left:0;margin-right:0;padding:0;width:100%}.character-chat-window.resizing *{pointer-events:none}.character-chat-window.resizing .left-resize-handle,.character-chat-window.resizing .main-resize-handle{pointer-events:auto}.left-panel-area{grid-column:1;position:relative}.left-resize-handle{align-items:center;background:#141821;background:var(--color-bg-secondary,#141821);cursor:col-resize;display:flex;grid-column:2;justify-content:center;transition:background .2s;-webkit-user-select:none;user-select:none;width:8px;z-index:50}.character-chat-window.resizing .left-resize-handle,.left-resize-handle:hover{background:#d4af3726}.chat-container{border-left:1px solid #d4af374d;border-left:1px solid var(--chat-edge-color,#d4af374d);border-right:1px solid #d4af374d;border-right:1px solid var(--chat-edge-color,#d4af374d);display:flex;flex-direction:column;grid-column:3;height:100vh;height:100dvh;overflow:hidden}[data-account-class=casual] .chat-container{--chat-edge-color:#d4af374d}[data-account-class=wellbeing] .chat-container{--chat-edge-color:#a99bd44d}.main-resize-handle{align-items:center;background:#141821;background:var(--color-bg-secondary,#141821);cursor:col-resize;display:flex;grid-column:4;justify-content:center;transition:background .2s;-webkit-user-select:none;user-select:none;width:8px;z-index:50}.character-chat-window.resizing .main-resize-handle,.main-resize-handle:hover{background:#d4af3726}.resize-handle-grip{color:#666;color:var(--color-text-secondary,#666);opacity:.4;transition:opacity .2s,color .2s}.character-chat-window.resizing .resize-handle-grip,.left-resize-handle:hover .resize-handle-grip,.main-resize-handle:hover .resize-handle-grip{color:#d4af37;opacity:1}.right-panel-area{grid-column:5/-1;height:calc(100vh - 60px);height:calc(100dvh - 60px);margin-top:60px;overflow:hidden;position:relative}.right-panel-empty{grid-column:4;position:relative}.chat-header{display:none!important}}.chat-header .back-button{background-color:#fff;background-color:var(--color-bg-tertiary,#fff);border:1px solid #e8d5b7;border:1px solid var(--color-border-light,#e8d5b7);border-radius:8px;color:#2c2416;color:var(--color-text-primary,#2c2416);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.chat-header .back-button:hover{background-color:var(--color-bg-primary);border-color:var(--color-primary);transform:translateX(3px)}.chat-header .back-button svg{transition:transform .2s ease}.chat-header .back-button:hover svg{transform:scale(1.1)}@media (max-width:768px){.chat-header .back-button:hover{transform:translateX(-3px)}}.chat-header-info h2{color:#2c2416;color:var(--color-text-primary,#2c2416);font-size:24px;font-weight:600;margin:0}.mobile-chat-header{display:none}@media (max-width:768px){.mobile-chat-header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid #00000014;border-bottom:1px solid var(--color-border,#00000014);display:flex;flex-shrink:0;gap:12px;padding:calc(env(safe-area-inset-top, 0px) + 10px) 16px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-header-avatar{border:2px solid #0000001a;border:2px solid var(--color-border,#0000001a);border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.mobile-header-avatar img{height:100%;object-fit:cover;object-position:center 15%;width:100%}.avatar-placeholder-small{align-items:center;background:var(--color-bg-secondary);display:flex;font-size:20px;height:100%;justify-content:center;width:100%}.mobile-header-info{flex:1 1;min-width:0}.mobile-header-name{color:#2c2416;color:var(--color-text-primary,#2c2416);display:block;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-header-right{flex-shrink:0;margin-left:auto}}@media (min-width:769px){.character-avatar-canvas{left:calc(30px + 16.6665vw);left:calc(30px + var(--left-panel-width, 33.333)*.5vw);opacity:1;pointer-events:none;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%);width:350px;z-index:1}}.character-avatar-fixed{align-items:center;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 180px)}.character-avatar-fixed .avatar-placeholder,.character-avatar-fixed img{aspect-ratio:3/4;border:3px solid #d4af37;border:3px solid var(--avatar-border-color,#d4af37);border-radius:16px;box-shadow:0 0 15px #d4af37b3,0 0 30px #d4af3780,0 0 50px #d4af374d;box-shadow:0 0 15px var(--avatar-glow-1,#d4af37b3),0 0 30px var(--avatar-glow-2,#d4af3780),0 0 50px var(--avatar-glow-3,#d4af374d);object-fit:cover;object-position:top;transition:all .3s cubic-bezier(.4,0,.2,1);width:300px}.character-avatar-fixed .avatar-placeholder:hover,.character-avatar-fixed img:hover{border-color:#e5c158;border-color:var(--avatar-border-hover,#e5c158);box-shadow:0 0 20px #e5c158cc,0 0 40px #e5c15899,0 0 70px #e5c15866;box-shadow:0 0 20px var(--avatar-glow-hover-1,#e5c158cc),0 0 40px var(--avatar-glow-hover-2,#e5c15899),0 0 70px var(--avatar-glow-hover-3,#e5c15866)}[data-account-class=casual] .character-avatar-fixed .avatar-placeholder,[data-account-class=casual] .character-avatar-fixed img{--avatar-border-color:#d4af37;--avatar-glow-1:#d4af37b3;--avatar-glow-2:#d4af3780;--avatar-glow-3:#d4af374d;--avatar-border-hover:#e5c158;--avatar-glow-hover-1:#e5c158cc;--avatar-glow-hover-2:#e5c15899;--avatar-glow-hover-3:#e5c15866}[data-account-class=wellbeing] .character-avatar-fixed .avatar-placeholder,[data-account-class=wellbeing] .character-avatar-fixed img{--avatar-border-color:#a99bd4;--avatar-glow-1:#a99bd4b3;--avatar-glow-2:#a99bd480;--avatar-glow-3:#a99bd44d;--avatar-border-hover:#b8abe0;--avatar-glow-hover-1:#b8abe0cc;--avatar-glow-hover-2:#b8abe099;--avatar-glow-hover-3:#b8abe066}.character-avatar-fixed .avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;font-size:64px;justify-content:center}.character-name-label{color:var(--color-text-primary);font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:12px 0 8px;padding:0 16px;text-align:center}.character-name-container{align-items:center;display:flex;gap:6px;justify-content:center;margin:12px 0 8px;padding:0 16px;pointer-events:auto}.character-name-container .character-name-label{margin:0;padding:0}.character-name-edit-btn{align-items:center;background:#ffffff1a;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;opacity:.6;padding:6px;pointer-events:auto;transition:opacity .2s,transform .2s,background .2s}.character-name-edit-btn:hover{background:#fff3;opacity:1;transform:scale(1.1)}.character-name-edit-btn svg{stroke:#fff;stroke:var(--color-text-primary,#fff)}.mobile-header-info{align-items:center;display:flex;gap:6px}.mobile-name-edit-btn{align-items:center;background:#ffffff26;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:5px;transition:opacity .2s,background .2s}.mobile-name-edit-btn:active,.mobile-name-edit-btn:hover{background:#ffffff40;opacity:1}.mobile-name-edit-btn svg{stroke:#fff;stroke:var(--color-text-primary,#fff)}.character-description-label{color:#7f8c8d;color:var(--color-text-secondary,#7f8c8d);font-size:13px;font-weight:400;height:240px!important;line-height:1;margin:4px auto 0;max-height:240px!important;min-height:240px!important;overflow-y:auto;padding:0 8px;text-align:center}@media (min-width:769px){.character-description-label{margin:4px auto 0;max-width:270px;padding:0;width:270px}}.character-description-label::-webkit-scrollbar{width:4px}.character-description-label::-webkit-scrollbar-track{background:#0000}.character-description-label::-webkit-scrollbar-thumb{background:#ddd;background:var(--color-border,#ddd);border-radius:2px}.character-description-label::-webkit-scrollbar-thumb:hover{background:#4a90e2;background:var(--color-primary,#4a90e2)}.panel-toggle-button{background:var(--color-primary);border:none;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:12px;padding:10px;transition:all .2s;width:100%}.panel-toggle-button:hover{background:var(--color-btn-primary-hover);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.chat-container{background-color:#fff8ec;background-color:var(--color-bg-primary,#fff8ec);display:flex;flex:1 1;flex-direction:column;gap:0;justify-content:flex-start;min-height:0;overflow:hidden;padding:0;position:relative;z-index:2}.chat-container.with-avatar-background{background-color:#2c3539}.chat-container.with-avatar-background:before{background-image:var(--chat-avatar-url);background-position:top;background-size:cover;border-radius:16px;content:"";height:667px;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px;z-index:-1}@media (max-width:768px){.chat-container.with-avatar-background{padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 20px)}.chat-container.with-avatar-background .messages-area{padding-bottom:clamp(100px,15vh,130px)}.chat-container.with-avatar-background:before{height:400px;opacity:.3;width:300px}}.test-chat-notice{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border-bottom:1px solid #8b5cf633;color:#666;color:var(--color-text-secondary,#666);display:flex;flex-shrink:0;font-size:15px;gap:10px;justify-content:center;line-height:1;padding:12px 16px;text-align:center}.test-chat-notice svg{stroke:#8b5cf6;stroke:var(--color-primary,#8b5cf6);flex-shrink:0;height:18px;opacity:.8;width:18px}.test-chat-notice span{opacity:.9}[data-account-class=wellbeing] .test-chat-notice{background:linear-gradient(135deg,#a78bfa1a,#6d28d91a);border-color:#a78bfa33}[data-account-class=wellbeing] .test-chat-notice svg{stroke:#a78bfa}@media (max-width:768px){.test-chat-notice{font-size:14px;padding:10px 12px}.test-chat-notice svg{height:16px;width:16px}}.class-chat-banner{align-items:center;background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;flex-shrink:0;gap:12px;justify-content:center;padding:14px 20px;position:relative}.class-chat-banner .banner-message{color:#666;color:var(--color-text-secondary,#666);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.class-chat-banner .banner-dismiss-btn{background:none;border:none;color:#999;color:var(--color-text-tertiary,#999);cursor:pointer;font-size:16px;opacity:.6;padding:4px 8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.class-chat-banner .banner-dismiss-btn:hover{opacity:1}[data-account-class=casual] .class-chat-banner{background:linear-gradient(135deg,#8b5cf614,#ec489914);border-color:#8b5cf626}[data-account-class=casual] .class-chat-banner .banner-message{color:#b8c0cc;color:var(--color-text-secondary,#b8c0cc)}[data-account-class=wellbeing] .class-chat-banner{background:linear-gradient(135deg,#a78bfa1a,#6d28d914);border-color:#a78bfa33}[data-account-class=wellbeing] .class-chat-banner .banner-message{color:#6b7280}@media (max-width:768px){.class-chat-banner{padding:12px 40px 12px 16px}.class-chat-banner .banner-message{font-size:13px}.class-chat-banner .banner-dismiss-btn{right:8px}}@media (min-width:769px){.chat-container{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px}.chat-container,.chat-container :not(.message-bubble):not(.user-initial):not(.send-button):not(.toolbar-icon-button):not(.chat-header-avatar):not(.chat-input-container):not(.input-action-btn){border-radius:0!important}}.character-avatar-column{display:none}.messages-area{display:flex;flex:1 1;flex-direction:column;gap:8px;margin:0 auto;min-height:0;overflow-y:auto;padding:0 8px;position:relative;width:100%;z-index:10}@media (min-width:769px){.messages-area{border-radius:0;flex:1 1;max-width:100%;min-height:0;overflow-y:auto;padding:0 16px;width:100%}}.messages-area{-ms-overflow-style:none;scrollbar-width:none}.messages-area::-webkit-scrollbar{display:none}.welcome-message{color:var(--color-text-secondary);padding:48px 24px;text-align:center}.welcome-message h3{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.welcome-message p{font-size:16px;margin:0}.messages-area .message-bubble{--icon-offset-bottom:0px;--icon-offset-left:6px;--icon-offset-right:6px;animation:fadeIn .3s ease;border-radius:16px;box-sizing:border-box;margin-bottom:12px;max-width:70%;min-width:120px;padding:6px 14px;position:relative}.icon-container-left{left:6px}.icon-container-left,.icon-container-right{align-items:center;bottom:0;display:flex;height:20px;position:absolute}.icon-container-right{gap:4px;right:6px}.icon-container-left .message-action-icon,.icon-container-right .message-action-icon{bottom:auto;left:auto;position:relative;right:auto}.user-message{align-self:flex-end;background-color:#d4a574;background-color:var(--user-bubble-bg,#d4a574);border:2px solid #ffffff4d;border:2px solid var(--user-bubble-border,#ffffff4d);border-bottom-right-radius:4px;color:#fff;color:var(--user-bubble-text,#fff);margin-left:auto;text-align:left}[data-account-class=casual] .user-message{--user-bubble-bg:#d4af3740;--user-bubble-text:var(--color-text-primary,#e8e8e8);--user-bubble-border:#d4af3766}[data-account-class=wellbeing] .user-message{--user-bubble-bg:var(--color-primary,#d4a574);--user-bubble-text:#fff;--user-bubble-border:#ffffff4d}.user-message.failed-message{background-color:#e74c3c;background-color:var(--color-error,#e74c3c);border-color:#c0392b;border-color:var(--color-error,#c0392b);opacity:.9}.message-action-icon{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex!important;height:22px;justify-content:center;opacity:.7;padding:3px;position:absolute;transition:opacity .2s,transform .15s;width:22px;z-index:10}.message-action-icon:hover{opacity:1;transform:scale(1.15)}.message-action-icon:active{transform:scale(.95)}.message-action-icon svg{height:14px;transition:stroke .2s;width:14px}.assistant-message .message-action-icon svg{stroke:#888;stroke:var(--color-text-secondary,#888)}.assistant-message .message-action-icon:hover svg{stroke:#333;stroke:var(--color-text-primary,#333)}.tts-speaker-button{bottom:4px;bottom:var(--icon-offset-bottom,4px);left:6px;left:var(--icon-offset-left,6px)}.tts-speaker-button.playing{opacity:1}.tts-speaker-button.playing svg{fill:#ccc;fill:var(--color-text-primary,#ccc);stroke:#ccc;stroke:var(--color-text-primary,#ccc)}.tts-eq-bars{align-items:flex-end;display:flex;gap:2px;height:14px;margin-left:2px}.tts-eq-bars span{background:#d4af37;background:var(--color-primary,#d4af37);border-radius:1px;display:block;width:2px}.tts-eq-bars.loading span{animation:eq-pulse 1s ease-in-out infinite}.tts-eq-bars.loading span:first-child{animation-delay:0s;height:6px}.tts-eq-bars.loading span:nth-child(2){animation-delay:.15s;height:10px}.tts-eq-bars.loading span:nth-child(3){animation-delay:.3s;height:4px}@keyframes eq-pulse{0%,to{opacity:.4}50%{opacity:1}}.tts-eq-bars.active span{animation:eq-bounce .6s ease-in-out infinite alternate}.tts-eq-bars.active span:first-child{animation-delay:0s;height:4px}.tts-eq-bars.active span:nth-child(2){animation-delay:.15s;height:8px}.tts-eq-bars.active span:nth-child(3){animation-delay:.3s;height:6px}@keyframes eq-bounce{0%{height:3px}to{height:14px}}.tts-speaker-button.processing{animation:tts-processing 1s ease-in-out infinite}.tts-speaker-button.processing svg{stroke:#8b5cf6;stroke:var(--color-primary,#8b5cf6)}@keyframes tts-processing{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}}.tts-speaker-button:disabled{cursor:not-allowed;opacity:.3}.user-message .message-action-icon svg{stroke:#ffffffd9}.user-message .message-action-icon:hover svg{stroke:#fff}.retry-button{bottom:4px;bottom:var(--icon-offset-bottom,4px);left:6px;left:var(--icon-offset-left,6px)}.retry-button.retry-failed{animation:subtle-pulse 2s infinite;background-color:#e74c3c1a;opacity:.9}.retry-button.retry-failed svg{stroke:#e74c3c;stroke:var(--color-error,#e74c3c)}.retry-button.retry-failed:hover{background-color:#e74c3c33}.retry-button.retry-failed:hover svg{stroke:#c0392b;stroke:var(--color-error,#c0392b)}@keyframes subtle-pulse{0%,to{opacity:.7}50%{opacity:1}}.assistant-message{align-self:flex-start;background-color:#fff;background-color:var(--assistant-bubble-bg,var(--color-bg-tertiary,#fff));border:2px solid #e8d5b7;border:2px solid var(--assistant-bubble-border,#e8d5b7);border-bottom-left-radius:4px;color:#2c2416;color:var(--color-text-primary,#2c2416);margin-right:auto;text-align:left}[data-account-class=casual] .assistant-message{--assistant-bubble-bg:#1e1e23e6;--assistant-bubble-border:#d4af3780}[data-account-class=wellbeing] .assistant-message{--assistant-bubble-bg:var(--color-bg-tertiary,#fff);--assistant-bubble-border:var(--color-border-light,#e8d5b7)}.assistant-message.streaming{border-color:#d4a574;border-color:var(--color-primary,#d4a574);box-shadow:0 0 0 2px #d4a5741a}.assistant-message.streaming .message-content:after{animation:blink 1s infinite;color:#d4a574;color:var(--color-primary,#d4a574);content:"▊";margin-left:2px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.assistant-message .message-content{color:#2c2416;color:var(--color-text-primary,#2c2416)}.message-content{word-wrap:break-word;font-size:15px;line-height:1.35;padding-bottom:12px;white-space:pre-wrap}.message-content .markdown-emote{animation:emote-fade-in .15s ease-in;color:inherit;font-style:italic;opacity:.85}.user-message .message-content .markdown-emote{font-weight:400;opacity:.9}.message-content .markdown-bold{animation:emote-fade-in .15s ease-in;font-weight:600}@keyframes emote-fade-in{0%{opacity:.6}to{opacity:.85}}.message-content p,.message-content span{white-space:pre-wrap}.message-timestamp{margin-top:6px;opacity:.7;text-align:right}.message-bubble.loading{padding:16px}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s infinite;background-color:var(--color-text-secondary);border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.error-message{background-color:#fee;background-color:var(--color-bg-tertiary,#fee);border:1px solid #fcc;border:1px solid var(--color-error,#fcc);border-radius:8px;color:#c33;color:var(--color-error,#c33);font-size:14px;padding:12px 16px;text-align:center}.chat-input-container{align-items:center;background-color:initial;border:1px solid #e8d5b7;border:1px solid var(--input-border-color,#e8d5b7);border-radius:999px;display:flex;gap:4px;min-height:48px;padding:6px 8px;transition:border-color .2s,box-shadow .2s}.quota-exhausted-banner{background:#f0a05014;border:1px solid #f0a05033;border-radius:8px;color:#f0a050;font-size:13px;margin:0 16px 4px;padding:8px 16px;text-align:center}[data-account-class=casual] .chat-input-container{--input-border-color:#d4af3780;--input-focus-color:#d4af37;--input-focus-glow:#d4af3733}[data-account-class=wellbeing] .chat-input-container{--input-border-color:#a99bd480;--input-focus-color:#a99bd4;--input-focus-glow:#a99bd433}@media (min-width:769px){.chat-input-container{background-color:#0b0e14;background-color:var(--color-bg-primary,#0b0e14);border-radius:999px;flex-shrink:0;margin:16px 16px 8px;position:relative;z-index:100}}.chat-input-container:focus-within{border-color:#d4a574;border-color:var(--input-focus-color,#d4a574);box-shadow:0 0 0 3px #d4a57426;box-shadow:0 0 0 3px var(--input-focus-glow,#d4a57426)}.chat-input-container input[type=text]{background:#f003;border:none;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:14px;height:32px;line-height:32px;margin:auto 0;padding:0 8px}.chat-input-container input[type=text]::placeholder{color:var(--color-text-secondary);opacity:.6}.chat-input-container input[type=text]:focus{outline:none}.chat-input-container input[type=text]:disabled{cursor:not-allowed;opacity:.5}.chat-input-editable{word-wrap:break-word;-ms-overflow-style:none;background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:56px;min-height:24px;overflow-y:auto;padding:4px 8px;scrollbar-width:none;white-space:pre-wrap}.chat-input-editable::-webkit-scrollbar{display:none}.chat-input-editable:focus{outline:none}.chat-input-editable[contenteditable=false]{cursor:not-allowed;opacity:.5}.chat-input-editable:empty:before{color:var(--color-text-secondary);content:attr(data-placeholder);opacity:.6;pointer-events:none}.input-action-btn{align-items:center;background-color:initial;border:none;border-radius:50%;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.input-action-btn svg{height:16px;width:16px}.input-action-btn:hover:not(:disabled){background-color:#0000000d;background-color:var(--color-bg-hover,#0000000d);color:var(--color-text-primary)}.input-action-btn:disabled{cursor:not-allowed;opacity:.4}.input-action-btn.plus-btn{color:#fff9;display:flex;transition:all .2s ease}.input-action-btn.plus-btn:hover{transform:scale(1.05)}.input-action-btn.plus-btn.has-image,.input-action-btn.plus-btn:hover{color:#c9a227;color:var(--accent-color,#c9a227)}.attached-image-preview{border:2px solid #c9a227;border:2px solid var(--accent-color,#c9a227);border-radius:8px;flex-shrink:0;height:40px;margin-right:4px;overflow:hidden;position:relative;width:40px}.attached-image-preview img{height:100%;object-fit:cover;width:100%}.attached-image-preview .remove-image-btn{align-items:center;background:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:18px;justify-content:center;line-height:1;opacity:0;position:absolute;right:-4px;top:-4px;transition:all .2s ease;width:18px}.attached-image-preview:hover .remove-image-btn{opacity:1}.attached-image-preview .remove-image-btn:hover{background:#f66;transform:scale(1.1)}.input-action-btn.emoji-btn{color:#fff9;display:flex}.input-action-btn.emoji-btn:hover{color:#ffffffe6}.input-action-btn.voice-btn{display:flex;position:relative}.input-action-btn.voice-btn.active{animation:pulse-wavy 1.5s ease-in-out infinite;color:#10b981;color:var(--color-success,#10b981)}.input-action-btn.voice-btn.playing{animation:pulse-wavy-fast .8s ease-in-out infinite;color:#10b981;color:var(--color-success,#10b981)}@keyframes pulse-wavy{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes pulse-wavy-fast{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.input-action-btn.mic-btn{color:#888;color:var(--color-text-secondary,#888);display:flex}.input-action-btn.mic-btn.active,.input-action-btn.mic-btn.listening{color:#10b981;color:var(--color-success,#10b981)}.input-action-btn.mic-btn.listening{animation:pulse-mic 1s ease-in-out infinite}.input-action-btn.mic-btn.muted{opacity:.4}@keyframes pulse-mic{0%,to{opacity:1}50%{opacity:.5}}.input-action-btn.send-btn{background-color:initial;color:#888;color:var(--color-text-secondary,#888)}.input-action-btn.send-btn.active{background-color:initial;color:#d4a574;color:var(--color-btn-primary-bg,#d4a574)}.input-action-btn.send-btn.active:hover:not(:disabled){background-color:initial;color:#c89563;color:var(--color-btn-primary-hover,#c89563);transform:scale(1.1)}.input-action-btn.send-btn:disabled{background-color:initial;opacity:.4}.welcome-message{padding:clamp(32px,6vh,56px) clamp(16px,4vw,28px)}.welcome-message h3{font-size:clamp(20px,5vw,26px)}.welcome-message p{font-size:clamp(14px,3.5vw,17px)}@media (max-width:768px){.typing-indicator span{height:clamp(6px,2vw,9px);width:clamp(6px,2vw,9px)}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(clamp(-8px,-2.5vw,-12px))}}}@media (max-width:768px){.character-chat-window{background-color:var(--color-bg-primary)!important;bottom:0;display:flex;flex-direction:column;left:0;margin-left:0;margin-right:0;max-width:100vw;overflow:hidden;padding:0;position:fixed;right:0;top:0;width:100vw}.character-avatar-canvas,.left-resize-handle,.main-resize-handle{display:none!important}.right-panel-area{-webkit-overflow-scrolling:touch;bottom:44px;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:250}.right-panel-area .cep-pinned{height:100%;overflow-y:auto}.right-panel-area .cep-pinned .cep-content{-webkit-overflow-scrolling:touch;overflow-y:auto}.chat-header{display:none!important}.chat-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background-color:var(--color-bg-primary)!important;display:flex;flex:1 1;flex-direction:column;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0;position:relative;scrollbar-width:none}@keyframes voice-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.voice-playing{animation:voice-pulse 1s ease-in-out infinite}.chat-container::-webkit-scrollbar{display:none}.messages-area{-ms-overflow-style:none;overscroll-behavior:contain;padding:clamp(12px,2vh,20px) clamp(12px,3vw,20px);scrollbar-width:none;width:100%}.messages-area::-webkit-scrollbar{display:none}.messages-area .message-bubble{--icon-offset-bottom:0px;--icon-offset-left:4px;--icon-offset-right:4px;border-radius:clamp(16px,4vw,20px);box-shadow:0 1px 2px #0000001a;font-size:clamp(14px,3.8vw,16px);line-height:1.35;max-width:85%;min-width:120px;padding:6px clamp(12px,3.5vw,18px)}.retry-button{bottom:0!important;left:4px;left:var(--icon-offset-left,4px)}.message-trash-icon{bottom:0!important;right:4px;right:var(--icon-offset-right,4px)}.message-copy-icon{bottom:0!important;right:30px;right:calc(var(--icon-offset-right, 4px) + 26px)}.user-message{border-bottom-right-radius:clamp(4px,1.5vw,8px)}.assistant-message{border-bottom-left-radius:clamp(4px,1.5vw,8px)}.message-timestamp{font-size:clamp(10px,2.5vw,12px);margin-top:clamp(4px,1vh,6px)}.chat-input-container{background:#0b0e14;background:var(--color-bg-primary,#0b0e14);border-radius:999px;box-shadow:0 2px 12px #00000026;flex-shrink:0;gap:3px;margin:8px 12px calc(env(safe-area-inset-bottom, 0px) + 52px);padding:4px 6px;position:relative;z-index:299}.chat-input-container .chat-input-editable,.chat-input-container textarea{align-self:center;font-size:14px;line-height:1.4;min-height:28px;padding:6px 8px}.chat-input-container .chat-input-editable{max-height:48px}.input-action-btn{height:28px;min-width:28px;width:28px}.input-action-btn.send-btn{height:30px;min-width:30px;width:30px}}.message-trash-icon{bottom:4px;bottom:var(--icon-offset-bottom,4px);right:6px;right:var(--icon-offset-right,6px);z-index:10}.message-trash-icon:hover svg{stroke:#e74c3c;stroke:var(--color-error,#e74c3c)}.message-copy-icon{bottom:4px;bottom:var(--icon-offset-bottom,4px);right:32px;right:calc(var(--icon-offset-right, 6px) + 26px);z-index:10}.message-copy-icon:hover svg{stroke:#3498db;stroke:var(--color-primary,#3498db)}@media (max-width:380px){.chat-header{padding:calc(env(safe-area-inset-top, 0px) + 8px) 10px 8px}.chat-header-avatar{height:50px;object-position:center 10%;width:50px}.chat-header-name{font-size:14px}.chat-header-icons{gap:4px}.chat-header-icon{height:32px;min-height:44px;min-width:44px;width:32px}.chat-input-container{gap:2px;padding:2px 3px}.chat-input-container .chat-input-editable,.chat-input-container textarea{font-size:13px;height:20px;min-height:20px;padding:2px 5px}.chat-input-container .chat-input-editable{line-height:1;max-height:60px}.input-action-btn{height:20px;min-width:20px;width:20px}.input-action-btn.send-btn{height:22px;min-width:22px;width:22px}.messages-area .message-bubble{font-size:14px;max-width:88%;min-width:100px;padding:6px 14px}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.vector-search-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.modal-header h3{font-size:20px;margin:0}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:32px;height:32px;line-height:1;padding:0;width:32px}.close-button:hover{color:#000}.modal-body{padding:20px}.search-input-container{display:flex;gap:10px;margin-bottom:20px}.search-input{border:2px solid #ddd;border-radius:8px;flex:1 1;padding:12px}.search-input:focus{border-color:#8a2be2;border-color:var(--color-accent,#8a2be2)}.search-button{background:#8a2be2;background:var(--color-accent,#8a2be2);border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.search-button:hover:not(:disabled){box-shadow:0 4px 12px #0003;filter:brightness(1.1);transform:translateY(-2px)}.search-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.search-results{margin-top:20px}.search-results h4{color:#333;margin-bottom:15px}.search-result-item{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:15px}.result-header{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.type-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.type-badge.fact{background-color:#6c757d;color:#fff}.type-badge.message{background-color:#007bff;color:#fff}.similarity-badge{background-color:#28a745;color:#fff}.importance-badge,.similarity-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.importance-badge{background-color:#ffc107;color:#333}.role-badge{background-color:#17a2b8;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.search-result-item.message{border-left-color:#007bff}.search-result-item.fact{border-left-color:#6c757d}.result-fact{color:#333;font-size:14px;line-height:1.5;margin:10px 0}.result-content{word-wrap:break-word;color:#333;font-size:14px;line-height:1.6;margin:0;min-height:20px;padding:8px 0}.result-timestamp{color:#666;font-size:12px;font-style:italic;margin-top:4px}.tts-debug-panel{background:#000000e6;border-radius:12px;box-shadow:0 4px 20px #0000004d;color:#fff;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;max-height:500px;overflow:hidden;position:fixed;right:20px;top:80px;width:320px;z-index:1000}.tts-debug-header{align-items:center;background:#ffffff1a;border-bottom:1px solid #ffffff1a;display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:12px 16px}.tts-debug-close{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;opacity:.7;padding:0 4px}.tts-debug-close:hover{opacity:1}.tts-debug-content{max-height:420px;overflow-y:auto;padding:12px 16px}.tts-debug-summary{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding-bottom:12px}.tts-debug-row{display:flex;justify-content:space-between;padding:4px 0}.tts-debug-row span:first-child{color:#ffffffb3}.tts-debug-row span.slow{color:#ff6b6b}.tts-debug-row span.fast{color:#51cf66}.tts-debug-chunks-header{border-bottom:1px solid #fff3;color:#fff9;font-size:10px;font-weight:600;padding:8px 0;text-transform:uppercase}.tts-debug-chunk-row,.tts-debug-chunks-header{grid-gap:4px;display:grid;gap:4px;grid-template-columns:30px 70px 70px 60px 60px}.tts-debug-chunk-row{border-bottom:1px solid #ffffff0d;padding:6px 0}.tts-debug-chunk-row span.slow{color:#ff6b6b;font-weight:600}.tts-debug-chunk-row span.warn{color:#fcc419}@media (max-width:768px){.tts-debug-panel{display:none}}.tts-debug-chunk-row.incremental{background:#00ff881a;border-left:2px solid #0f8}.emoji-picker-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.emoji-picker-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e28f2;border-radius:16px;box-shadow:0 8px 32px #0006;max-height:70vh;overflow-y:auto;padding:44px 12px 12px;position:relative;scrollbar-color:#fff3 #0000;scrollbar-width:thin;width:320px}.emoji-picker-panel::-webkit-scrollbar{width:4px}.emoji-picker-panel::-webkit-scrollbar-track{background:#0000}.emoji-picker-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.emoji-picker-exit{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;left:10px;padding:6px;position:absolute;top:10px;transition:transform .2s,color .2s}.emoji-picker-exit:hover{color:#fff;transform:translateX(-3px)}.emoji-picker-selection{background:#ffffff0d;border-radius:6px;font-size:20px;letter-spacing:1px;margin-bottom:6px;min-height:32px;padding:6px;text-align:center}.emoji-picker-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(10,1fr)}.emoji-picker-item{align-items:center;background:#0000;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;padding:0;transition:background .15s,transform .15s;width:28px}.emoji-picker-item:hover{background:#ffffff1a;transform:scale(1.12)}.emoji-picker-item:active{transform:scale(.95)}.emoji-picker-item.selected{background:#64c8ff4d;border-radius:5px;box-shadow:0 0 0 2px #64c8ff80}@media (max-width:480px){.emoji-picker-panel{max-height:60vh;max-width:300px;padding:40px 10px 10px;width:90vw}.emoji-picker-grid{grid-template-columns:repeat(8,1fr)}.emoji-picker-item{font-size:16px;height:26px;width:26px}.emoji-picker-selection{font-size:18px}}.input-action-btn.emote-btn{color:#fff9;display:flex}.input-action-btn.emote-btn:hover{color:#ffffffe6}.emote-picker-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.emote-picker-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e28f2;border-radius:16px;box-shadow:0 8px 32px #0006;max-height:70vh;overflow-y:auto;padding:44px 14px 14px;position:relative;scrollbar-color:#fff3 #0000;scrollbar-width:thin;width:380px}.emote-picker-panel::-webkit-scrollbar{width:4px}.emote-picker-panel::-webkit-scrollbar-track{background:#0000}.emote-picker-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.emote-picker-exit{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;left:10px;padding:6px;position:absolute;top:10px;transition:transform .2s,color .2s}.emote-picker-exit:hover{color:#fff;transform:translateX(-3px)}.emote-picker-grid{display:flex;flex-wrap:wrap;gap:6px}.emote-picker-item{background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;color:#ffffffe6;cursor:pointer;font-size:11px;padding:5px 9px;transition:all .15s;white-space:nowrap}.emote-picker-item:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.02)}.emote-picker-item:active{transform:scale(.98)}@media (max-width:480px){.emote-picker-panel{max-height:60vh;max-width:340px;padding:40px 10px 10px;width:92vw}.emote-picker-item{font-size:10px;padding:4px 8px}.emote-picker-grid{gap:5px}}.emote-picker-item.custom{background:#8b5cf626;border-color:#8b5cf64d}.emote-picker-item.custom:hover{background:#8b5cf640;border-color:#8b5cf680}.emote-picker-divider{background:#ffffff26;height:1px;margin:8px 0;width:100%}.journal-viewer-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--color-bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.journal-viewer-container{animation:slideUp .3s ease;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:16px;box-shadow:var(--shadow-xl);color:var(--color-text-primary);max-height:85vh;max-width:800px;overflow-y:auto;padding:24px;position:relative;width:90%}.journal-close{background:none;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:28px;padding:4px 12px;position:absolute;right:20px;top:20px;transition:all .2s ease}.journal-close:hover{background:var(--color-bg-tertiary);color:var(--color-error)}.journal-header{border-bottom:1px solid var(--color-border-light);margin-bottom:24px;padding-bottom:20px;text-align:center}.journal-header h2{color:var(--color-text-primary);font-size:28px;font-weight:600;margin:0 0 8px}.journal-subtitle{color:var(--color-text-secondary);font-size:14px;margin:0}.journal-filter{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.filter-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.filter-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.filter-btn.active{background:var(--color-btn-primary-bg);border-color:var(--color-accent);color:var(--color-btn-primary-text)}.journal-content{min-height:300px}.journal-empty,.journal-error,.journal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.journal-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-accent);height:40px;margin-bottom:16px;width:40px}.journal-loading p{color:var(--color-text-secondary);font-size:14px}.journal-error p{color:var(--color-error);font-size:16px}.journal-empty p{color:var(--color-text-secondary);font-size:16px;margin:8px 0}.empty-subtitle{color:var(--color-text-tertiary);font-size:14px}.journal-list{display:flex;flex-direction:column;gap:16px}.journal-entry{animation:fadeInUp .3s ease;background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:12px;padding:20px;transition:all .2s ease}.journal-entry:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.entry-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;gap:12px;margin-bottom:12px;padding-bottom:12px}.entry-icon{font-size:20px}.entry-type{color:var(--color-accent);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.entry-date{color:var(--color-text-tertiary);font-size:12px;margin-left:auto}.entry-badge{background:var(--color-bg-secondary);border:1px solid var(--color-success);border-radius:12px;color:var(--color-success);font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.entry-content{color:var(--color-text-primary);font-size:15px;line-height:1.7;white-space:pre-wrap}.journal-viewer-container::-webkit-scrollbar{width:8px}.journal-viewer-container::-webkit-scrollbar-track{background:var(--color-bg-primary);border-radius:4px}.journal-viewer-container::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:4px}.journal-viewer-container::-webkit-scrollbar-thumb:hover{background:var(--color-border-medium)}.cookie-backdrop{animation:fadeIn .3s ease-in;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.cookie-consent-banner{animation:fadeInPlace .4s ease-out forwards;background:#fff;border-radius:12px;bottom:20px;box-shadow:0 10px 40px #0000004d;left:50%;max-width:600px;opacity:0;padding:24px;position:fixed;transform:translateX(-50%);width:90%;z-index:9999}@keyframes fadeInPlace{0%{opacity:0}to{opacity:1}}.cookie-content{display:flex;gap:16px;margin-bottom:20px}.cookie-icon{flex-shrink:0;font-size:32px}.cookie-text h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.cookie-text p{color:#4b5563;font-size:14px;line-height:1.6;margin:0 0 12px}.cookie-links{color:#6b7280;font-size:13px}.cookie-links a{color:#3b82f6;font-weight:500;text-decoration:none}.cookie-links a:hover{text-decoration:underline}.cookie-actions{display:flex;gap:12px;justify-content:flex-end}.cookie-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:10px 24px;transition:all .2s ease}.cookie-btn-accept{background:#10b981;color:#fff}.cookie-btn-accept:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.cookie-btn-reject{background:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.cookie-btn-reject:hover{background:#e5e7eb;border-color:#9ca3af}@media (max-width:640px){.cookie-consent-banner{animation:fadeInPlace .4s ease-out forwards;border-radius:12px 12px 0 0;bottom:0;left:0;max-width:100%;padding:20px;right:0;transform:none;width:100%}@keyframes fadeInPlaceMobile{0%{opacity:0}to{opacity:1}}.cookie-content{flex-direction:column;gap:12px}.cookie-icon{font-size:28px}.cookie-text h3{font-size:16px}.cookie-text p{font-size:13px}.cookie-actions{flex-direction:column-reverse}.cookie-btn{padding:12px;width:100%}}@media (prefers-color-scheme:dark){.cookie-consent-banner{background:#1f2937;border:1px solid #374151}.cookie-text h3{color:#f9fafb}.cookie-text p{color:#d1d5db}.cookie-links{color:#9ca3af}.cookie-btn-reject{background:#374151;border-color:#4b5563;color:#d1d5db}.cookie-btn-reject:hover{background:#4b5563;border-color:#6b7280}}.App.debug-active{padding-right:50vw}.debug-context-panel{background:#1a1a2e;border-left:1px solid #2a2a4e;bottom:0;box-shadow:-4px 0 16px #00000080;display:flex;flex-direction:column;overflow:hidden;position:fixed;right:0;top:0;width:50vw;z-index:100}.debug-header{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid #2a2a4e;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.debug-header h2{color:#00d9ff;font-size:18px;margin:0}.close-debug{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;opacity:.7;padding:4px 8px;transition:opacity .2s}.close-debug:hover{opacity:1}.debug-loading{color:#999;font-size:18px;padding:40px;text-align:center}.debug-tabs{border-bottom:1px solid #2a2a4e;display:flex;gap:8px;margin-bottom:16px;padding-bottom:8px}.debug-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#999;cursor:pointer;font-size:12px;font-weight:500;padding:10px 16px;transition:all .2s}.debug-tab:hover{background:#00d9ff0d;color:#00d9ff}.debug-tab.active{border-bottom-color:#00d9ff;color:#00d9ff}.debug-content{flex:1 1;font-size:13px;line-height:1.5;overflow-y:auto;padding:16px}.debug-section h3{color:#fff;font-size:18px;margin:0 0 20px}.facts-list,.history-list{display:flex;flex-direction:column;gap:15px}.debug-fact-item{background:#252545;border-left:4px solid #00d9ff;border-radius:8px;padding:15px}.fact-importance{background:#00d9ff;border-radius:12px;color:#000;display:inline-block;font-size:11px;font-weight:700;margin-bottom:8px;padding:3px 10px}.fact-category{color:#999;font-size:12px;margin-bottom:8px}.fact-text{color:#fff;font-size:14px;line-height:1.6;margin-bottom:8px}.fact-timestamp{color:#666;font-size:11px}.debug-message{background:#252545;border-left:4px solid #666;border-radius:8px;padding:15px}.debug-message.user{border-left-color:#4a9eff}.debug-message.assistant{border-left-color:#00d9ff}.message-role{color:#00d9ff;font-size:12px;font-weight:700;margin-bottom:8px}.message-content{color:#fff;font-size:14px;line-height:1.6;margin-bottom:8px}.message-timestamp{color:#666;font-size:11px}.prompt-display{background:#0a0a1e;border:1px solid #2a2a4e;border-radius:6px;max-height:none;overflow-y:auto;padding:12px}.prompt-display pre{word-wrap:break-word;color:#e0e0e0;font-family:Monaco,Menlo,Courier New,monospace;font-size:11px;line-height:1.4;margin:0;white-space:pre-wrap}.prompt-info{background:#252545;border-left:4px solid gold;border-radius:8px;padding:15px}.prompt-info p{color:#ddd;font-size:13px;margin:5px 0}.prompt-info strong{color:gold}.no-data{color:#666;font-style:italic;padding:40px;text-align:center}.debug-content::-webkit-scrollbar,.prompt-display::-webkit-scrollbar{width:8px}.debug-content::-webkit-scrollbar-track,.prompt-display::-webkit-scrollbar-track{background:#1a1a2e}.debug-content::-webkit-scrollbar-thumb,.prompt-display::-webkit-scrollbar-thumb{background:#00d9ff;border-radius:4px}.debug-content::-webkit-scrollbar-thumb:hover,.prompt-display::-webkit-scrollbar-thumb:hover{background:#00b8d4}.legal-document-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10002}.legal-document-container{border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.legal-document-header{align-items:center;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:24px}.legal-document-header h1{font-size:24px;font-weight:600;margin:0}.legal-document-close{align-items:center;background:none;border:none;border-radius:8px;color:#999;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.legal-document-close:hover{background:#333;color:#fff}.legal-document-content{flex:1 1;line-height:1.6;overflow-y:auto;padding:24px}.legal-document-updated{background:#2d2d2d;border:1px solid #404040;border-radius:8px;margin-bottom:24px;padding:12px;text-align:center}.legal-section{margin-bottom:32px}.legal-section h2{border-bottom:1px solid #333;color:#4a9eff;font-size:20px;margin-bottom:16px;margin-top:0;padding-bottom:8px}.legal-section h3{color:#66b3ff;font-size:16px;margin-bottom:12px;margin-top:20px}.legal-section p{color:#d0d0d0;margin-bottom:12px}.legal-section ul{margin-bottom:16px;padding-left:24px}.legal-section li{color:#d0d0d0;margin-bottom:8px}.legal-warning{background:#f44;border:1px solid #c33;border-radius:8px}.legal-highlight,.legal-warning{color:#fff;margin:16px 0;padding:16px}.legal-highlight{background:#2d4a2d;border:1px solid #4a7c59;border-left:4px solid #6c6;border-radius:8px}.crisis-resources{background:#2d2d2d;border:2px solid #ff6b6b;border-radius:12px;margin:16px 0;padding:20px}.crisis-item{background:#1a1a1a;border-left:4px solid #ff6b6b;border-radius:8px;color:#fff;font-size:15px;margin-bottom:12px;padding:12px}.crisis-item:last-child{margin-bottom:0}.legal-reminder{background:#2d2d2d;border:2px solid #ff9500;border-radius:12px;margin-top:32px;padding:20px}.legal-document-footer{border-radius:0 0 12px 12px;display:flex;justify-content:center;padding:24px}.legal-document-button{background:#4a9eff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s ease}.legal-document-button:hover{background:#3a8eef;transform:translateY(-1px)}.legal-document-content::-webkit-scrollbar{width:8px}.legal-document-content::-webkit-scrollbar-track{background:#2d2d2d;border-radius:4px}.legal-document-content::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.legal-document-content::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width:768px){.legal-document-overlay{padding:10px}.legal-document-container{max-height:95vh}.legal-document-header{padding:16px}.legal-document-header h1{font-size:20px}.legal-document-content{padding:16px}.legal-section h2{font-size:18px}.legal-document-footer{padding:16px}}.admin-login-container{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-box{animation:slideUp .4s ease-out;background:var(--color-bg-tertiary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:440px;padding:48px 40px;width:100%}.admin-login-header{margin-bottom:36px;text-align:center}.admin-login-header h1{color:var(--color-text-primary);font-size:32px;font-weight:700;margin:0 0 8px}.admin-login-header p{color:var(--color-text-secondary);font-size:15px;font-weight:500;margin:0}.admin-login-form{display:flex;flex-direction:column;gap:24px}.admin-error-message{align-items:center;animation:shake .4s ease-out;background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error);display:flex;font-size:14px;font-weight:600;gap:10px;line-height:1.4;margin-bottom:8px;min-height:48px;padding:14px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.error-icon{font-size:18px}.admin-form-group{display:flex;flex-direction:column;gap:8px}.admin-form-group label{color:var(--color-text-primary);font-size:14px;font-weight:600;margin-left:4px}.admin-form-group input{background-color:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-lg);color:var(--color-input-text);font-family:inherit;font-size:15px;padding:14px 16px;transition:all var(--transition-fast)}.admin-form-group input::placeholder{color:var(--color-input-placeholder)}.admin-form-group input:focus{border-color:var(--color-input-border-focus);box-shadow:var(--glow-accent);color:var(--color-input-text);outline:none}.admin-form-group input:disabled{background:var(--color-bg-secondary);cursor:not-allowed}.admin-login-button{align-items:center;background:var(--color-btn-primary-bg);border:none;border-radius:var(--radius-lg);color:var(--color-btn-primary-text);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:16px;transition:all var(--transition-fast)}.admin-login-button:hover:not(:disabled){background:var(--color-btn-primary-hover);box-shadow:var(--glow-accent);transform:translateY(-2px)}.admin-login-button:active:not(:disabled){transform:translateY(0)}.admin-login-button:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.admin-login-footer{margin-top:32px;text-align:center}.admin-notice{background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;margin:0 0 16px;padding:12px}.user-login-link{color:var(--color-accent);display:inline-block;font-size:14px;font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.user-login-link:hover{color:var(--color-primary);text-decoration:underline}.admin-success-message{align-items:flex-start;background:#22c55e1a;border:1px solid #22c55e;border-radius:var(--radius-lg);color:#22c55e;display:flex;font-size:14px;font-weight:600;gap:10px;line-height:1.5;margin-bottom:8px;padding:14px 16px}.success-icon{flex-shrink:0;font-size:18px}.admin-forgot-password-link{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:14px;padding:8px;text-decoration:underline;transition:color var(--transition-fast)}.admin-forgot-password-link:hover{color:var(--color-accent)}.admin-back-button{background:none;border:1px solid var(--color-input-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all var(--transition-fast)}.admin-back-button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.admin-back-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.admin-login-box{padding:36px 28px}.admin-login-header h1{font-size:28px}}.admin-dashboard{background:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh}.admin-header{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);box-shadow:var(--shadow-md);color:var(--color-text-inverse);display:flex;justify-content:space-between;padding:20px 32px}.admin-header-left{align-items:center;display:flex;gap:16px}.admin-header h1{font-size:24px;font-weight:700;margin:0}.admin-badge{background:#fff3;border-radius:var(--radius-md);font-size:13px;font-weight:600;padding:6px 12px}.admin-header-right{align-items:center;display:flex;gap:16px}.admin-email{font-size:14px;opacity:.9;select.admin-select,select.admin-select optgroup,select.admin-select option{background-color:var(--color-surface)!important;color:var(--color-text)!important}}.admin-logout-btn{background:#ffffff26;border:1px solid #fff3;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all var(--transition-fast)}.admin-logout-btn:hover{background:#ffffff40}.admin-nav{background:var(--color-bg-tertiary);border-bottom:2px solid var(--color-border-light);display:flex;gap:8px;overflow-x:auto;padding:0 32px}.admin-nav-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:15px;font-weight:600;padding:16px 20px;transition:all var(--transition-fast);white-space:nowrap}.admin-nav-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.admin-nav-btn.active{border-bottom-color:var(--color-accent);color:var(--color-accent)}.admin-content{flex:1 1;margin:0 auto;max-width:1400px;padding:32px;width:100%}.admin-section h2{color:var(--color-text-primary);font-size:28px;font-weight:700;margin:0 0 24px}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.admin-stat-card{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;gap:16px;padding:24px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.admin-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;font-size:36px;height:60px;justify-content:center;width:60px}.stat-content{flex:1 1}.stat-value{color:var(--color-text-primary);font-size:28px;font-weight:700;margin-bottom:4px}.stat-label{color:var(--color-text-secondary);font-size:14px;font-weight:500}.admin-info-box{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:24px;padding:28px}.admin-info-box h3{color:var(--color-text-primary);font-size:20px;font-weight:700;margin:0 0 16px}.admin-info-box p{color:var(--color-text-secondary);line-height:1.6;margin:0 0 16px}.admin-info-box ul{color:var(--color-text-secondary);line-height:1.8;margin:0;padding-left:24px}.admin-info-box li{margin-bottom:8px}.admin-table-container{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border-light)}.admin-table th{color:var(--color-text-secondary);font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:14px;padding:16px 20px}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--color-bg-secondary)}.level-badge{background:var(--color-bg-secondary);color:var(--color-accent)}.level-badge,.status-badge{border-radius:var(--radius-md);display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.status-badge.active{background:#10b9811a;color:var(--color-success)}.admin-action-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all var(--transition-fast)}.admin-action-btn:hover{background:var(--color-border-light);color:var(--color-text-primary)}.admin-empty-state{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:60px 40px;text-align:center}.admin-empty-state p{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.empty-state-subtitle{color:var(--color-text-secondary)!important;font-size:14px!important;font-weight:400!important}.admin-loading{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-text-secondary);font-size:16px;padding:60px 40px;text-align:center}.admin-error-banner{background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error);font-size:14px;margin-bottom:24px;padding:14px 16px}@media (max-width:768px){.admin-header{gap:12px;padding:16px 20px}.admin-header,.admin-header-left{align-items:flex-start;flex-direction:column}.admin-header-left{gap:8px}.admin-nav{padding:0 20px}.admin-content{padding:20px}.admin-stats-grid{grid-template-columns:1fr}.admin-table-container{overflow-x:auto}.admin-table{min-width:600px}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.themed-select{position:relative;width:100%}.themed-select-header{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-input-border);border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:space-between;padding:10px;-webkit-user-select:none;user-select:none}.themed-select-header:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-primary)}.themed-select-arrow{color:var(--color-text-secondary);font-size:10px}.themed-select-dropdown{background-color:var(--color-bg-secondary);border:1px solid var(--color-input-border);border-radius:6px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.themed-select-group{padding:4px 0}.themed-select-group:not(:last-child){border-bottom:1px solid var(--color-border)}.themed-select-group-label{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:12px;font-weight:600;padding:8px 12px}.themed-select-option{background-color:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;padding:10px 12px;transition:background-color .15s}.themed-select-option.selected,.themed-select-option:hover{background-color:var(--color-primary);color:#fff}.themed-select-option.selected{font-weight:500}.log-viewer-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.log-viewer-container{background-color:#1e1e1e;border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;height:90vh;max-width:1400px;width:95%}.log-viewer-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px 24px}.log-viewer-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.close-btn{background:#0000;border:none;border-radius:4px;color:#aaa;font-size:24px;height:32px;padding:0;transition:all .2s;width:32px}.close-btn:hover{background-color:#333;color:#fff}.log-viewer-controls{align-items:center;background-color:#252525;border-bottom:1px solid #333;display:flex;flex-wrap:wrap;gap:12px;padding:16px 24px}.control-group{align-items:center;display:flex;gap:8px}.control-group label{color:#aaa;font-size:13px;white-space:nowrap}.filter-input,.level-select,.line-count-input,.log-select{background-color:#1e1e1e;border:1px solid #444;border-radius:6px;color:#fff;font-size:13px;outline:none;padding:6px 10px;transition:border-color .2s}.filter-input:focus,.level-select:focus,.line-count-input:focus,.log-select:focus{border-color:#3b82f6}.log-select{min-width:150px}.level-select{min-width:120px}.line-count-input{width:80px}.filter-input{min-width:200px}.filter-group{flex:1 1;max-width:400px}.search-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s}.search-btn:hover{background-color:#2563eb}.checkbox-label{align-items:center;color:#aaa;cursor:pointer;display:flex;font-size:13px;gap:6px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer}.control-actions{display:flex;gap:8px;margin-left:auto}.clear-btn,.download-btn,.refresh-btn{background-color:#333;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s;white-space:nowrap}.refresh-btn:hover:not(:disabled){background-color:#3b82f6;border-color:#3b82f6}.clear-btn:hover{background-color:#dc2626;border-color:#dc2626}.download-btn:hover:not(:disabled){background-color:#10b981;border-color:#10b981}.download-btn:disabled,.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.log-stats{background-color:#2a2a2a;border-bottom:1px solid #333;color:#aaa;display:flex;flex-wrap:wrap;font-size:12px;gap:20px;padding:12px 24px}.log-stats span{white-space:nowrap}.log-error{background-color:#fef2f2;border-bottom:1px solid #333;color:#dc2626;font-size:13px;padding:12px 24px}.log-content{background-color:#1a1a1a;flex:1 1;overflow-y:auto;padding:16px 24px}.log-empty,.log-loading{align-items:center;color:#666;display:flex;font-size:14px;height:100%;justify-content:center}.log-text{color:#d4d4d4;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:12px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-all}.log-line{border-left:3px solid #0000;margin-left:-8px;padding:2px 0 2px 8px}.log-line.error{background-color:#dc26261a;border-left-color:#dc2626;color:#fca5a5}.log-line.warning{background-color:#f59e0b1a;border-left-color:#f59e0b;color:#fcd34d}.log-line.info{background-color:#3b82f60d;border-left-color:#3b82f6;color:#93c5fd}.log-line.debug{color:#a1a1aa}.log-line.voice{background-color:#a855f71a;border-left-color:#a855f7}.log-viewer-footer{background-color:#252525;border-top:1px solid #333;padding:12px 24px}.shortcuts{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.shortcuts strong{color:#aaa;font-size:13px;margin-right:8px}.shortcuts button{background-color:#333;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px;transition:all .2s}.shortcuts button:hover{background-color:#444;border-color:#555}.log-content::-webkit-scrollbar{width:10px}.log-content::-webkit-scrollbar-track{background:#1a1a1a}.log-content::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.log-content::-webkit-scrollbar-thumb:hover{background:#555}.diagnostics-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.diagnostics-content{background-color:#1e1e1e;border:1px solid #444;border-radius:8px;color:#fff;max-width:800px;padding:20px;width:90%}.diagnostics-content h3{color:#fff;margin-bottom:15px;margin-top:0}.diagnostics-content pre{background-color:#0d0d0d;border:1px solid #333;border-radius:4px;color:#d4d4d4;overflow:auto;padding:15px}.diagnostics-content button{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.diagnostics-content button:hover{background-color:#2563eb}@media (max-width:768px){.log-viewer-overlay{padding:10px}.log-viewer-container{height:95vh;width:100%}.log-viewer-controls{align-items:stretch;flex-direction:column}.control-group{width:100%}.filter-group{max-width:none}.control-actions{margin-left:0;width:100%}.log-stats{flex-direction:column;gap:8px}.log-text{font-size:11px}}.preview-modal-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.preview-modal,.preview-modal-overlay{background:var(--color-bg-primary);overflow:hidden}.preview-modal{display:flex;flex-direction:column;height:100vh;width:100%}.preview-header{align-items:flex-start;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 32px}.preview-header-left{align-items:center;display:flex;gap:16px}.preview-avatar{border:3px solid var(--color-border-light);border-radius:50%;height:64px;object-fit:cover;width:64px}.preview-avatar-placeholder{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--color-text-inverse);display:flex;font-size:24px;font-weight:700;height:64px;justify-content:center;width:64px}.preview-title-info h2{color:var(--color-text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.preview-meta{display:flex;flex-wrap:wrap;gap:16px}.meta-item{color:var(--color-text-secondary);font-size:13px}.meta-item strong{color:var(--color-text-tertiary);font-weight:500}.preview-header-right{align-items:center;display:flex;gap:12px}.imported-status-badge{background:#3b82f626;border:1px solid #3b82f6;border-radius:var(--radius-md);color:#3b82f6;cursor:default}.imported-status-badge,.lock-toggle{font-size:13px;font-weight:600;padding:8px 14px}.lock-toggle{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.lock-toggle.unlocked{background:#22c55e26;border:1px solid #22c55e;color:#22c55e}.lock-toggle.unlocked:hover{background:#22c55e40}.lock-toggle.locked{background:#ef444426;border:1px solid var(--color-error);color:var(--color-error)}.lock-toggle.locked:hover{background:#ef444440}.toggle-btn{border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all var(--transition-fast)}.toggle-btn.enabled{background:#22c55e26;border:1px solid #22c55e;color:#22c55e}.toggle-btn.enabled:hover{background:#22c55e40}.toggle-btn.disabled{background:#9ca3af26;border:1px solid var(--color-text-tertiary);color:var(--color-text-tertiary)}.toggle-btn.disabled:hover{background:#9ca3af40}.toggle-btn.unlocked{background:#22c55e26;border:1px solid #22c55e;color:#22c55e}.toggle-btn.unlocked:hover{background:#22c55e40}.toggle-btn.locked{background:#ef444426;border:1px solid var(--color-error);color:var(--color-error)}.toggle-btn.locked:hover{background:#ef444440}.close-btn{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.close-btn:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.preview-error{background:#ef44441a;color:var(--color-error);font-size:14px;padding:12px 24px}.preview-content{flex:1 1;margin:0 auto;max-width:1200px;overflow-y:auto;padding:32px;width:100%}.preview-section{margin-bottom:28px}.preview-section:last-child{margin-bottom:0}.preview-section h3{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.field-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.params-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.field-item{display:flex;flex-direction:column;gap:6px}.field-item.full-width{grid-column:1/-1}.field-item label{color:var(--color-text-tertiary);font-size:12px;font-weight:600;text-transform:capitalize}.field-value{color:var(--color-text-primary);font-size:14px}.param-value{border-radius:var(--radius-sm);display:inline-block;font-family:monospace;padding:4px 8px}.field-text,.param-value{background:var(--color-bg-tertiary)}.field-text{border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;line-height:1.6;margin:0;max-height:200px;overflow-y:auto;padding:12px;white-space:pre-wrap}.field-text.empty{color:var(--color-text-tertiary);font-style:italic}.field-item input,.field-item textarea{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:14px;padding:10px 12px;transition:all var(--transition-fast);width:100%}.field-item input:focus,.field-item textarea:focus{background:var(--color-bg-secondary);border-color:var(--color-primary);outline:none}.field-item textarea{line-height:1.5;min-height:80px;resize:vertical}.customized-fields-list{display:flex;flex-wrap:wrap;gap:8px}.customized-field-tag{background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary);display:inline-block;font-size:13px;font-weight:500;padding:6px 12px}.preview-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 32px}.cancel-btn,.close-btn-footer{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all var(--transition-fast)}.cancel-btn:hover,.close-btn-footer:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.edit-btn,.save-btn{background:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);color:#fff!important;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background var(--transition-fast),border-color var(--transition-fast)}.edit-btn:hover,.save-btn:hover:not(:disabled){background:var(--color-primary);background:var(--color-btn-primary-hover,var(--color-primary));border-color:var(--color-btn-primary-hover,var(--color-primary));color:#fff!important}.tools-grid{grid-template-columns:repeat(3,1fr)!important}.tool-toggle{align-items:center;background:#ffffff08;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.tool-toggle label{margin-bottom:0}.tool-toggle input[type=checkbox]{cursor:pointer;height:18px;width:18px}.tool-status{font-size:.85rem;font-weight:500}.tool-status.on{color:#10b981}.tool-status.off{color:#6b7280}.preview-section select{background:#ffffff0d;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.9rem;padding:8px 12px;width:100%}.preview-section select:focus{border-color:#6366f1;outline:none}.preview-section select option{background:#1f2937;color:#fff}.params-grid input[type=number]{background:#ffffff0d;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:.9rem;padding:6px 10px;width:100%}.params-grid input[type=number]:focus{border-color:#6366f1;outline:none}.all-edited-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.search-box{flex:1 1;max-width:400px;position:relative}.search-icon{font-size:14px;left:12px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;padding:10px 36px;transition:all var(--transition-fast);width:100%}.search-input:focus{background:var(--color-bg-secondary);border-color:var(--color-primary);outline:none}.search-clear,.search-input::placeholder{color:var(--color-text-tertiary)}.search-clear{background:none;border:none;cursor:pointer;font-size:12px;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.search-clear:hover{color:var(--color-text-primary)}.toolbar-info{color:var(--color-text-secondary);font-size:14px}.all-edited-error{background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);margin-bottom:20px;padding:16px}.all-edited-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid var(--color-border-light);border-top-color:var(--color-primary);height:32px;width:32px}.all-edited-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.all-edited-empty h3{color:var(--color-text-primary);font-size:18px;margin:0 0 8px}.all-edited-empty p{color:var(--color-text-secondary);font-size:14px;margin:0;max-width:400px}.characters-table-container{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow-x:auto}.characters-table{border-collapse:collapse;font-size:14px;width:100%}.characters-table th{background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:600;padding:14px 16px;text-align:left;white-space:nowrap}.characters-table td,.characters-table th{border-bottom:1px solid var(--color-border-light)}.characters-table td{padding:12px 16px;vertical-align:middle}.character-row{cursor:pointer;transition:background-color var(--transition-fast)}.character-row:hover{background:var(--color-bg-tertiary)}.character-row:last-child td{border-bottom:none}.col-avatar{width:60px}.col-name{min-width:150px}.col-owner{min-width:180px}.col-model{min-width:120px}.col-editable,.col-imported{width:90px}.col-fields{text-align:center;width:100px}.col-date{width:120px}.col-actions{width:80px}.avatar-thumbnail{border:2px solid var(--color-border-light);border-radius:50%;height:40px;object-fit:cover;width:40px}.avatar-placeholder{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--color-text-inverse);display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.character-name{color:var(--color-text-primary);font-weight:600}.owner-email{color:var(--color-text-secondary);display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editable-badge{border-radius:var(--radius-sm);display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.editable-badge.yes{background:#22c55e26;color:#22c55e}.editable-badge.no{background:#9ca3af26;color:var(--color-text-tertiary)}.imported-badge{border-radius:var(--radius-sm);display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.imported-badge.yes{background:#3b82f626;color:#3b82f6}.imported-badge.no{color:var(--color-text-tertiary)}.model-name{color:var(--color-text-secondary);display:block;font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-box{flex-shrink:0}.filter-select{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:14px;padding:10px 14px;transition:all var(--transition-fast)}.filter-select:focus{background:var(--color-bg-secondary);border-color:var(--color-primary);outline:none}.fields-count{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-primary);display:inline-flex;font-size:13px;font-weight:600;height:28px;justify-content:center;min-width:28px;padding:0 8px}.view-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all var(--transition-fast)}.view-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.pagination{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-top:20px;padding:16px}.pagination-info{color:var(--color-text-secondary);font-size:14px}.pagination-controls{display:flex;gap:8px}.pagination-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.defaults-config-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.defaults-config-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-primary);height:32px;width:32px}.defaults-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.defaults-title h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.defaults-description{color:var(--color-text-secondary);font-size:14px;margin:0;max-width:600px}.defaults-meta{text-align:right}.updated-info{color:var(--color-text-tertiary);font-size:13px}.defaults-info-banner{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:24px;padding:16px}.info-icon{flex-shrink:0;font-size:20px}.info-content{flex:1 1}.info-content strong{color:var(--color-text-primary);font-size:14px}.info-content p{font-size:13px;margin:8px 0}.info-content p,.marker-preview{color:var(--color-text-secondary)}.marker-preview{background:var(--color-bg-secondary);border-radius:var(--radius-sm);display:block;font-family:monospace;font-size:12px;line-height:1.6;margin-top:12px;padding:12px;white-space:pre-wrap;word-break:break-all}.defaults-error{background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error)}.defaults-error,.defaults-success{font-size:14px;margin-bottom:20px;padding:12px 16px}.defaults-success{background:#22c55e1a;border:1px solid #22c55e;border-radius:var(--radius-md);color:#22c55e}.segment-editors{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.segment-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.label-text{color:var(--color-text-primary);font-size:14px;font-weight:600}.label-field{border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-family:monospace;font-size:12px;padding:2px 8px}.label-field,.segment-textarea{background:var(--color-bg-tertiary)}.segment-textarea{border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:14px;line-height:1.5;min-height:100px;padding:12px 16px;resize:vertical;transition:all var(--transition-fast);width:100%}.segment-textarea:focus{background:var(--color-bg-secondary);border-color:var(--color-primary);outline:none}.segment-char-count,.segment-textarea::placeholder{color:var(--color-text-tertiary)}.segment-char-count{font-size:12px;margin-top:4px;text-align:right}.defaults-actions{border-top:1px solid var(--color-border-light);display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.reset-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all var(--transition-fast)}.reset-btn:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.reset-btn:disabled{cursor:not-allowed;opacity:.5}.save-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all var(--transition-fast)}.save-btn:hover:not(:disabled){background:#4f46e5;opacity:.9}.save-btn:disabled{cursor:not-allowed;opacity:.5}.user-characters-tab{padding:0}.user-characters-header{margin-bottom:24px}.user-characters-header h2{color:var(--color-text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.user-characters-subtitle{color:var(--color-text-secondary);font-size:14px;margin:0}.user-characters-nav{border-bottom:1px solid var(--color-border-light);display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px}.sub-tab-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all var(--transition-fast)}.sub-tab-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.sub-tab-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.user-characters-content{min-height:400px}.admin-char-modal-overlay{align-items:center;background-color:var(--color-bg-overlay);bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.admin-char-modal{background-color:var(--color-bg-tertiary);border-radius:12px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:95vh;max-width:1100px;overflow:hidden;width:100%}.admin-char-header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:20px 24px}.admin-char-header-left{align-items:center;display:flex;gap:16px}.admin-char-header-left h2{color:var(--color-text-primary);font-size:22px;font-weight:600;margin:0}.admin-char-header-right{align-items:center;display:flex;gap:12px}.admin-char-header .import-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s}.admin-char-header .import-btn:hover{opacity:.9}.admin-char-header .close-btn{background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:24px;padding:4px 8px}.admin-char-header .close-btn:hover{background:var(--color-bg-tertiary)}.admin-char-content{flex:1 1;overflow-y:auto;padding:24px}.admin-char-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:10px;margin-bottom:24px;padding:20px}.admin-char-section h3{align-items:center;display:flex;font-size:16px;gap:8px;margin:0 0 16px}.admin-char-section h3,.admin-char-section h4{color:var(--color-text-primary);font-weight:600}.admin-char-section h4{font-size:14px;margin:0 0 12px}.admin-char-field-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.admin-char-field-grid.single-column{grid-template-columns:1fr}.admin-char-field-item{display:flex;flex-direction:column;gap:6px}.admin-char-field-item label{color:var(--color-text-primary);font-size:14px;font-weight:500}.admin-char-field-item label .hint{color:var(--color-text-secondary);font-size:12px;font-weight:400}.admin-char-field-item input[type=number],.admin-char-field-item input[type=text],.admin-char-field-item select,.admin-char-field-item textarea{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.admin-char-field-item input:focus,.admin-char-field-item select:focus,.admin-char-field-item textarea:focus{border-color:var(--color-primary);outline:none}.admin-char-field-item textarea{font-family:monospace;font-size:13px;min-height:100px;resize:vertical}.admin-char-field-item .field-description{color:var(--color-text-secondary);font-size:12px;margin-top:4px}.admin-char-tools-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.admin-char-tool-toggle{align-items:flex-start;background:var(--color-bg-tertiary);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .2s}.admin-char-tool-toggle:hover{background:var(--color-bg-primary)}.admin-char-tool-toggle input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:18px;margin-top:2px;width:18px}.admin-char-tool-toggle .tool-info{flex:1 1}.admin-char-tool-toggle .tool-label{color:var(--color-text-primary);font-size:14px;font-weight:500}.admin-char-tool-toggle .tool-desc{color:var(--color-text-secondary);font-size:12px;margin-top:2px}.admin-char-slider-field{display:flex;flex-direction:column;gap:8px}.admin-char-slider-field .slider-header{align-items:center;display:flex;justify-content:space-between}.admin-char-slider-field .slider-value{color:var(--color-text-primary);font-size:14px;font-weight:600}.admin-char-slider-field input[type=range]{cursor:pointer;width:100%}.admin-char-slider-field .user-editable-toggle{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;gap:6px}.admin-char-classes{background:#6366f11a;border:2px solid #6366f1;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:16px}.admin-char-class-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:all .2s}.admin-char-class-option.selected{background:#8b5cf626;border:2px solid #8b5cf6}.admin-char-class-option.wellbeing.selected{background:#4a90a426;border-color:#4a90a4}.admin-char-class-option input[type=checkbox]{cursor:pointer;height:18px;width:18px}.admin-char-pills{display:flex;flex-wrap:wrap;gap:8px}.admin-char-pill{border:2px solid;border-radius:16px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .2s}.admin-char-pill:hover{opacity:.85;transform:scale(1.02)}.admin-char-avatar-section{align-items:flex-start;display:flex;gap:16px}.admin-char-avatar-preview{align-items:center;aspect-ratio:3/4;background:var(--color-bg-secondary);border:2px solid var(--color-border-light);border-radius:8px;display:flex;justify-content:center;overflow:hidden;width:150px}.admin-char-avatar-preview img{height:100%;object-fit:cover;object-position:center 40%;width:100%}.admin-char-avatar-upload{display:flex;flex:1 1;flex-direction:column;gap:12px}.admin-char-gender-options{display:flex;flex-wrap:wrap;gap:12px}.admin-char-gender-option{align-items:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 16px;transition:all .2s}.admin-char-gender-option.selected{background:var(--color-accent-bg);border-color:var(--color-accent)}.admin-char-gender-option input[type=radio]{display:none}.admin-char-cost-calc{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;padding:16px}.admin-char-cost-calc .cost-per-turn,.admin-char-cost-calc .model-info,.admin-char-cost-calc .prompt-breakdown{background:var(--color-bg-primary);border-radius:6px;margin-bottom:12px;padding:12px}.admin-char-cost-calc .cost-per-turn{border:1px solid var(--color-border);text-align:center}.admin-char-cost-calc .cost-total{color:var(--color-text-primary);font-size:18px;font-weight:700}.admin-char-cost-calc .cost-gold{color:var(--color-text-secondary);font-size:13px}.admin-char-progress-bar{background:var(--color-bg-primary);border-radius:4px;height:8px;margin:8px 0;overflow:hidden}.admin-char-progress-bar .fill{height:100%;transition:width .3s ease}.admin-char-progress-bar .fill.ok{background:#28a745}.admin-char-progress-bar .fill.warning{background:#ffc107}.admin-char-progress-bar .fill.danger{background:#dc3545}.admin-char-footer{align-items:center;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:16px 24px}.admin-char-footer .footer-left,.admin-char-footer .footer-right{display:flex;gap:12px}.admin-char-footer .cancel-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.admin-char-footer .cancel-btn:hover{background:var(--color-bg-primary)}.admin-char-footer .push-btn,.admin-char-footer .save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.admin-char-footer .save-btn{background:var(--color-success);color:#fff}.admin-char-footer .save-btn:hover:not(:disabled){opacity:.9}.admin-char-footer .save-btn:disabled{background:var(--color-border-medium);cursor:not-allowed}.admin-char-footer .push-btn{background:#4caf50;color:#fff}.admin-char-footer .push-btn:hover{opacity:.9}.admin-char-subsection{border-top:1px solid var(--color-border-light);margin-top:20px;padding-top:20px}.admin-char-subsection h5{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.admin-char-info-box{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:12px;padding:12px}.admin-char-info-box.warning{background:#ffc1071a;border-color:#ffc107;color:#ffc107}.admin-char-info-box.danger{background:#dc35451a;border-color:#dc3545;color:#dc3545}.admin-char-two-col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.admin-char-param-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.admin-char-param-item{background:var(--color-bg-primary);border-radius:4px;padding:8px}.admin-char-param-item label{color:var(--color-text-secondary);display:block;font-size:12px;font-weight:500;margin-bottom:4px}.admin-char-param-item input{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:13px;padding:6px 8px;width:100%}.admin-char-param-item .param-hint{color:var(--color-text-tertiary);font-size:10px;margin-top:2px}.admin-char-settings-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.admin-char-status-grid{grid-gap:12px;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:16px;padding:16px}.admin-char-status-toggle{align-items:center;background:#ffffff0d;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:background .2s}.admin-char-status-toggle:hover{background:#ffffff14}.admin-char-status-toggle input[type=checkbox]{display:none}.admin-char-status-toggle .toggle-switch{background:#ffffff26;border-radius:11px;flex-shrink:0;height:22px;position:relative;transition:background .2s;width:40px}.admin-char-status-toggle .toggle-switch:after{background:#fff;border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .2s;width:16px}.admin-char-status-toggle input:checked+.toggle-switch{background:#d4af37}.admin-char-status-toggle input:checked+.toggle-switch:after{transform:translateX(18px)}.admin-char-status-toggle .toggle-label{color:#ffffffe6;font-size:14px;white-space:nowrap}.admin-char-setting-toggle{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 12px}.admin-char-setting-toggle input[type=checkbox]{cursor:pointer;height:16px;width:16px}.admin-char-setting-toggle span{color:var(--color-text-primary);font-size:14px}@media (max-width:768px){.admin-char-modal{margin:10px;max-height:calc(100vh - 20px);max-width:100%}.admin-char-field-grid,.admin-char-param-grid,.admin-char-settings-grid,.admin-char-status-grid,.admin-char-tools-grid,.admin-char-two-col{grid-template-columns:1fr}.admin-char-footer{flex-direction:column;gap:12px}.admin-char-footer .footer-left,.admin-char-footer .footer-right{justify-content:center;width:100%}}.admin-voice-selector-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.admin-voice-selector-modal{background:#0a0a0a;background:var(--bg-deepest,#0a0a0a);border:1px solid #ffffff14;border:1px solid var(--border-subtle,#ffffff14);border-radius:12px;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:100%}.admin-voice-selector-header{align-items:center;background:#0d0d0d;background:var(--bg-deep,#0d0d0d);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle,#ffffff0f);display:flex;justify-content:space-between;padding:14px 16px}.admin-voice-selector-title{align-items:center;color:#d4af37;color:var(--voice-gold-primary,#d4af37);display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px}.admin-voice-selector-title svg{filter:drop-shadow(0 0 6px rgba(212,175,55,.4))}.admin-voice-selector-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.admin-voice-selector-close:hover{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.admin-voice-selector-tabs{background:#0d0d0d;background:var(--bg-deep,#0d0d0d);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle,#ffffff0f);display:flex}.admin-voice-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.admin-voice-tab:hover{background:#ffffff08;color:#fff;color:var(--text-primary,#fff)}.admin-voice-tab.active{border-bottom-color:#d4af37;border-bottom-color:var(--voice-gold-primary,#d4af37);color:#d4af37;color:var(--voice-gold-primary,#d4af37)}.admin-voice-tab svg{flex-shrink:0}.admin-voice-selector-filters{background:#0d0d0d;background:var(--bg-deep,#0d0d0d);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle,#ffffff0f);display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px}.admin-voice-search-box{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:8px;display:flex;gap:0;overflow:hidden;transition:border-color .2s}.admin-voice-search-box:focus-within{border-color:#d4af37;border-color:var(--voice-gold-primary,#d4af37)}.admin-voice-search-input{background:#0000;border:none;color:#fff;color:var(--text-primary,#fff);font-size:12px;outline:none;padding:8px 10px;width:180px}.admin-voice-search-btn,.admin-voice-search-input::placeholder{color:#666;color:var(--text-muted,#666)}.admin-voice-search-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.admin-voice-search-btn:hover{background:#d4af371a;color:#d4af37;color:var(--voice-gold-primary,#d4af37)}.admin-voice-search-clear{align-items:center;background:#ffffff1a;border:none;border-radius:4px;color:#666;color:var(--text-muted,#666);cursor:pointer;display:flex;height:24px;justify-content:center;margin-right:4px;transition:all .2s;width:24px}.admin-voice-search-clear:hover{background:#ef444433;color:#ef4444}.admin-voice-filter-select{background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:12px;min-width:100px;padding:10px 12px;transition:border-color .2s}.admin-voice-filter-select:focus{border-color:#d4af37;border-color:var(--voice-gold-primary,#d4af37);outline:none}.admin-voice-filter-select option{background:#0a0a0a;background:var(--bg-deepest,#0a0a0a);color:#fff;color:var(--text-primary,#fff)}.admin-voice-filter-btn{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:8px;color:#666;color:var(--text-muted,#666);cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:all .2s;width:42px}.admin-voice-filter-btn:hover{background:#ffffff0d;color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.admin-voice-filter-btn.active{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.admin-voice-filter-btn.active.unknown{background:#a855f71a;border-color:#a855f74d;color:#a855f7}.admin-voice-selector-count{background:#0a0a0a;background:var(--bg-deepest,#0a0a0a);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle,#ffffff0f);color:#666;color:var(--text-muted,#666);font-size:11px;padding:8px 16px}.admin-voice-selector-error{align-items:center;background:#ef44441a;border-bottom:1px solid #ef444433;color:#fca5a5;display:flex;font-size:12px;justify-content:space-between;padding:10px 16px}.admin-voice-selector-error button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1}.admin-voice-selector-success{background:#22c55e1a;border-bottom:1px solid #22c55e33;color:#86efac;font-size:12px;padding:10px 16px;text-align:center}.admin-voice-selector-content{background:#0a0a0a;background:var(--bg-deepest,#0a0a0a);flex:1 1;overflow-y:auto;padding:16px}.admin-voice-selector-loading{align-items:center;color:#d4af37;color:var(--voice-gold-primary,#d4af37);display:flex;flex-direction:column;gap:12px;height:200px;justify-content:center}.admin-voice-selector-loading span{color:#666;color:var(--text-muted,#666);font-size:13px}.admin-voice-selector-loading .spin{animation:admin-voice-spin 1s linear infinite}@keyframes admin-voice-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-voice-selector-empty{align-items:center;color:#666;color:var(--text-muted,#666);display:flex;flex-direction:column;gap:12px;height:200px;justify-content:center}.admin-voice-selector-empty svg{color:#d4af37;color:var(--voice-gold-primary,#d4af37);opacity:.3}.admin-voice-empty-hint{font-size:12px;opacity:.7}.admin-voice-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.admin-voice-card{align-items:center;background:#161616;background:var(--bg-card,#161616);border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:10px;display:flex;gap:12px;padding:14px;transition:all .2s}.admin-voice-card:hover{background:#1a1a1a;background:var(--bg-elevated,#1a1a1a);border-color:#b8962e;border-color:var(--voice-gold-dark,#b8962e)}.admin-voice-card.current{background:#22c55e0d;border-color:#22c55e66}.admin-voice-preview{align-items:center;background:#0000;border:2px solid #b8962e;border:2px solid var(--voice-gold-dark,#b8962e);border-radius:50%;color:#d4af37;color:var(--voice-gold-primary,#d4af37);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.admin-voice-preview:hover:not(:disabled){background:#d4af37;background:var(--voice-gold-primary,#d4af37);color:#050505;color:var(--bg-deepest,#050505);transform:scale(1.05)}.admin-voice-preview:disabled{cursor:wait;opacity:.7}.admin-voice-preview .spin{animation:admin-voice-spin 1s linear infinite}.admin-voice-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.admin-voice-name{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-voice-current-badge{background:#22c55e26;border:1px solid #22c55e4d;border-radius:4px;color:#86efac;font-size:9px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.admin-voice-tags{display:flex;flex-wrap:wrap;gap:4px}.admin-voice-tag{border-radius:4px;font-size:9px;font-weight:500;max-width:80px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.admin-voice-tag.gender{background:#9333ea26;border:1px solid #9333ea4d;color:#c084fc}.admin-voice-tag.language{background:#3b82f626;border:1px solid #3b82f64d;color:#93c5fd}.admin-voice-tag.accent{background:#22c55e26;border:1px solid #22c55e4d;color:#86efac}.admin-voice-tag.custom{background:#d4af3726;border:1px solid #d4af374d;color:#d4af37;color:var(--voice-gold-primary,#d4af37)}.admin-voice-actions{display:flex;flex-shrink:0;gap:6px}.admin-voice-action{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:6px;color:#666;color:var(--text-muted,#666);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.admin-voice-action:hover{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.admin-voice-action.favorited{border-color:#ef44444d;color:#ef4444}.admin-voice-action.favorited:hover{background:#ef44441a}.admin-voice-action.use:hover{background:#d4af37;background:var(--voice-gold-primary,#d4af37);border-color:#d4af37;border-color:var(--voice-gold-primary,#d4af37);color:#050505;color:var(--bg-deepest,#050505)}.admin-voice-action.use.disabled{cursor:not-allowed;opacity:.3}.admin-voice-action.use.disabled:hover{background:#0000;border-color:#ffffff0f;border-color:var(--border-subtle,#ffffff0f);color:#666;color:var(--text-muted,#666)}.admin-voice-action:disabled{cursor:not-allowed;opacity:.5}.admin-voice-action .spin{animation:admin-voice-spin 1s linear infinite}.admin-voice-selector-content::-webkit-scrollbar{width:6px}.admin-voice-selector-content::-webkit-scrollbar-track{background:#0000}.admin-voice-selector-content::-webkit-scrollbar-thumb{background:#b8962e;background:var(--voice-gold-dark,#b8962e);border-radius:3px}.admin-voice-selector-content::-webkit-scrollbar-thumb:hover{background:#d4af37;background:var(--voice-gold-primary,#d4af37)}@media (max-width:600px){.admin-voice-selector-modal{max-height:90vh}.admin-voice-selector-filters{flex-direction:column}.admin-voice-filter-select{width:100%}.admin-voice-grid{grid-template-columns:1fr}}.class-auth-screen{align-items:center;background:linear-gradient(135deg,#fff8ec,#fff0e0);background:linear-gradient(135deg,var(--color-bg-primary,var(--class-bg-primary,#fff8ec)) 0,var(--color-bg-secondary,var(--class-bg-secondary,#fff0e0)) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px;transition:background .3s ease}.class-auth-container{animation:fadeInUp .4s ease;background:#fff;background:var(--color-bg-secondary,var(--class-bg-primary,#fff));border:1px solid #0000;border:1px solid var(--color-border,var(--class-border-light,#0000));border-radius:16px;box-shadow:0 10px 40px #0003;max-height:calc(100vh - 40px);max-width:400px;overflow-y:auto;padding:24px 28px;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.class-auth-header{margin-bottom:16px;text-align:center}.class-auth-icon{display:block;font-size:40px;margin-bottom:8px}.class-auth-header h1{color:#2d3436;color:var(--class-text-primary,#2d3436);font-size:22px;font-weight:700;margin:0 0 4px}.class-auth-header p{color:#636e72;color:var(--class-text-secondary,#636e72);font-size:14px;margin:0}.class-tagline{color:#e8a87c!important;color:var(--class-color-primary,#e8a87c)!important;font-size:13px!important;font-style:italic;margin-top:4px!important}.auth-tabs{background:#fff0e0;background:var(--color-bg-tertiary,var(--class-bg-secondary,#fff0e0));border-radius:10px;display:flex;gap:0;margin-bottom:16px;padding:3px}.auth-tab{background:#0000;border:none;border-radius:7px;color:#636e72;color:var(--color-text-secondary,var(--class-text-secondary,#636e72));cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 14px;transition:all .2s ease}.auth-tab:hover{color:#2d3436;color:var(--color-text-primary,var(--class-text-primary,#2d3436))}.auth-tab.active{background:#fff;background:var(--color-bg-secondary,var(--class-bg-primary,#fff));box-shadow:0 2px 8px #00000026;color:#e8a87c;color:var(--color-primary,var(--class-color-primary,#e8a87c))}.google-signin-btn{align-items:center;background:#fff;background:var(--color-bg-tertiary,var(--class-bg-primary,#fff));border:2px solid #e8d5b7;border:2px solid var(--color-border,var(--class-border-light,#e8d5b7));border-radius:8px;color:#2d3436;color:var(--color-text-primary,var(--class-text-primary,#2d3436));cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;margin-bottom:0;padding:11px 16px;transition:all .2s ease;width:100%}.google-signin-btn:hover:not(:disabled){border-color:#e8a87c;border-color:var(--color-primary,var(--class-color-primary,#e8a87c));box-shadow:0 2px 8px #00000026}.google-signin-btn:disabled{cursor:not-allowed;opacity:.6}.google-icon{flex-shrink:0}.auth-divider{align-items:center;display:flex;margin:14px 0}.auth-divider:after,.auth-divider:before{background:#e8d5b7;background:var(--color-border,var(--class-border-light,#e8d5b7));content:"";flex:1 1;height:1px}.auth-divider span{color:#636e72;color:var(--color-text-secondary,var(--class-text-secondary,#636e72));font-size:13px;letter-spacing:.5px;padding:0 16px;text-transform:uppercase}.wellbeing-disclaimer{background:#e8f4f4;background:var(--class-bg-secondary,#e8f4f4);border-left:3px solid #7bc8a4;border-left:3px solid var(--class-color-secondary,#7bc8a4);border-radius:6px;display:flex;gap:10px;margin-bottom:16px;padding:12px}.disclaimer-icon{flex-shrink:0;font-size:16px;line-height:1}.disclaimer-content p{color:#5d6d7e;color:var(--class-text-secondary,#5d6d7e);font-size:12px;line-height:1.4;margin:0 0 8px}.disclaimer-checkbox{align-items:center;color:#2c3e50;color:var(--class-text-primary,#2c3e50);cursor:pointer;display:flex;font-size:12px;gap:6px}.disclaimer-checkbox input{accent-color:#4a90a4;accent-color:var(--class-color-primary,#4a90a4);height:14px;width:14px}.class-auth-form{display:flex;flex-direction:column;gap:12px}.class-auth-form .form-group{display:flex;flex-direction:column;gap:4px}.class-auth-form label{color:#2d3436;color:var(--color-text-primary,var(--class-text-primary,#2d3436));font-size:13px;font-weight:600}.class-auth-form input[type=email],.class-auth-form input[type=password]{background:#fff;background:var(--color-input-bg,var(--class-bg-primary,#fff));border:2px solid #e8d5b7;border:2px solid var(--color-border,var(--class-border-light,#e8d5b7));border-radius:8px;box-sizing:border-box;color:#2d3436;color:var(--color-text-primary,var(--class-text-primary,#2d3436));font-size:14px;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.class-auth-form input::placeholder{color:#636e72;color:var(--color-text-tertiary,var(--class-text-secondary,#636e72))}.class-auth-form input:focus{border-color:#e8a87c;border-color:var(--color-primary,var(--class-color-primary,#e8a87c));box-shadow:0 0 0 3px #8a2be226;box-shadow:0 0 0 3px var(--class-focus-shadow,#8a2be226);outline:none}.class-auth-form input.error{border-color:#ef4444;border-color:var(--color-error,#ef4444)}.field-error{color:#ef4444;color:var(--color-error,#ef4444);font-size:12px}.password-requirements{display:flex;flex-wrap:wrap;gap:3px 4px;margin-top:4px}.password-requirement{align-items:center;background:#ef44441a;border-radius:3px;color:#ef4444;color:var(--color-error,#ef4444);display:inline-flex;font-size:9px;gap:2px;padding:1px 5px;transition:all .2s ease}.password-requirement[data-met=true]{background:#22c55e1a;color:#22c55e;color:var(--color-success,#22c55e)}.auth-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#dc2626;color:var(--color-error,#dc2626);font-size:12px;line-height:1.4;margin-top:-4px;padding:8px 12px;text-align:center}.class-auth-submit{background:linear-gradient(135deg,#e8a87c,#c38d9e);background:linear-gradient(135deg,var(--color-primary,var(--class-color-primary,#e8a87c)) 0,var(--color-secondary,var(--class-color-secondary,#c38d9e)) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:4px;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.class-auth-submit:hover:not(:disabled){box-shadow:0 6px 20px #8a2be266;box-shadow:var(--glow-primary,0 6px 20px #8a2be266);transform:translateY(-2px)}.class-auth-submit:active:not(:disabled){transform:translateY(0)}.class-auth-submit:disabled{cursor:not-allowed;opacity:.6}.class-switch-link{border-top:1px solid #e8d5b7;border-top:1px solid var(--color-border,var(--class-border-light,#e8d5b7));margin-top:16px;padding-top:14px;text-align:center}.class-switch-link a{color:#636e72;color:var(--color-text-secondary,var(--class-text-secondary,#636e72));font-size:13px;text-decoration:none;transition:color .2s ease}.class-switch-link a:hover{color:#e8a87c;color:var(--color-primary,var(--class-color-primary,#e8a87c))}.class-switch-link.back-link{border-top:none;margin-top:8px;padding-top:0}.class-switch-link.back-link a{font-size:12px;opacity:.7}.class-switch-link.back-link a:hover{opacity:1}.class-auth-screen.class-wellbeing{background:linear-gradient(135deg,#f5f5f7,#e8e8ec)}.class-wellbeing .class-auth-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #3a3d4826}.class-wellbeing .class-auth-header h1{color:#3a3d48;font-style:italic;font-weight:400}.class-wellbeing .class-auth-header p{color:#6b6e7b;font-style:italic}.class-wellbeing .class-tagline{color:#5a5d68!important}.class-wellbeing .auth-tabs{background:#3a3d4814}.class-wellbeing .auth-tab{color:#6b6e7b}.class-wellbeing .auth-tab:hover{color:#3a3d48}.class-wellbeing .auth-tab.active{background:#3a3d48;box-shadow:0 2px 8px #3a3d4840;color:#fff}.class-wellbeing .google-signin-btn{background:#3a3d48;border:2px solid #3a3d48;color:#fff}.class-wellbeing .google-signin-btn:hover:not(:disabled){background:#4a4d58;border-color:#4a4d58;box-shadow:0 4px 12px #3a3d484d}.class-wellbeing .auth-divider:after,.class-wellbeing .auth-divider:before{background:#3a3d4833}.class-wellbeing .auth-divider span{color:#6b6e7b}.class-wellbeing .class-auth-form label{color:#3a3d48}.class-wellbeing .class-auth-form input,.class-wellbeing .class-auth-form input[type=email],.class-wellbeing .class-auth-form input[type=password]{background:#fff!important;border:2px solid #3a3d4833!important;color:#3a3d48!important}.class-wellbeing .class-auth-form input::placeholder{color:#9a9da8!important}.class-wellbeing .class-auth-form input:focus{border-color:#3a3d48!important;box-shadow:0 0 0 3px #3a3d4826!important}.class-wellbeing .class-auth-submit{background:#3a3d48;box-shadow:0 4px 12px #3a3d4833}.class-wellbeing .class-auth-submit:hover:not(:disabled){background:#4a4d58;box-shadow:0 6px 20px #3a3d4859}.class-wellbeing .class-switch-link{border-top-color:#3a3d4826}.class-wellbeing .class-switch-link a{color:#6b6e7b}.class-wellbeing .class-switch-link a:hover{color:#3a3d48}.class-auth-screen.class-creator{background:linear-gradient(135deg,#f9f6fc,#f0e6f6)}.class-creator .auth-tabs{background:#f0e6f6}.class-creator .auth-tab.active{color:#9b59b6}.class-creator .class-auth-form input:focus{border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b626}.class-creator .class-auth-submit{background:linear-gradient(135deg,#9b59b6,#f39c12)}@media (max-width:480px){.class-auth-screen{align-items:flex-start;padding:20px 12px 12px}.class-auth-container{border-radius:12px;max-height:calc(100vh - 40px);padding:20px 18px}.class-auth-header{margin-bottom:12px}.class-auth-icon{font-size:32px;margin-bottom:6px}.class-auth-header h1{font-size:20px}.class-auth-header p{font-size:13px}.class-tagline{font-size:12px!important}.auth-tabs{margin-bottom:12px}.auth-tab{font-size:12px;padding:8px 12px}.class-auth-form{gap:8px}.class-auth-form input[type=email],.class-auth-form input[type=password]{font-size:16px;padding:10px 12px}.class-auth-submit{font-size:14px;margin-top:2px;padding:10px 16px}.google-signin-btn{font-size:13px;padding:9px 12px}.auth-divider{margin:10px 0}.wellbeing-disclaimer{flex-direction:row;gap:6px;margin-bottom:8px;padding:8px}.wellbeing-disclaimer .disclaimer-icon{font-size:12px}.wellbeing-disclaimer .disclaimer-content p{font-size:10px;line-height:1.25;margin-bottom:4px}.wellbeing-disclaimer .disclaimer-checkbox{font-size:10px}.password-requirements{gap:2px 4px}.password-requirement{font-size:9px;padding:1px 4px}}@supports (padding:env(safe-area-inset-bottom)){.class-auth-screen{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}.new-class-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.new-class-modal{animation:slideUp .3s ease;background:#fff;background:var(--color-bg-secondary,var(--class-bg-primary,#fff));border:1px solid #0000;border:1px solid var(--color-border,#0000);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:32px;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.new-class-modal-icon{font-size:56px;margin-bottom:16px}.new-class-modal h2{color:#2d3436;color:var(--color-text-primary,var(--class-text-primary,#2d3436));font-size:24px;font-weight:700;margin:0 0 12px}.new-class-modal-message{color:#636e72;color:var(--color-text-secondary,var(--class-text-secondary,#636e72));font-size:15px;line-height:1.5;margin:0 0 24px}.new-class-modal-details{background:#fff0e0;background:var(--color-bg-tertiary,var(--class-bg-secondary,#fff0e0));border-radius:12px;margin-bottom:16px;padding:16px}.detail-item{display:flex;justify-content:space-between;padding:8px 0}.detail-item:not(:last-child){border-bottom:1px solid #e8d5b7;border-bottom:1px solid var(--color-border,var(--class-border-light,#e8d5b7))}.detail-label{color:#636e72;color:var(--color-text-secondary,var(--class-text-secondary,#636e72));font-size:14px}.detail-value{color:#2d3436;color:var(--color-text-primary,var(--class-text-primary,#2d3436));font-size:14px;font-weight:600}.new-class-modal-note{color:#636e72;color:var(--color-text-secondary,var(--class-text-secondary,#636e72));font-size:12px;font-style:italic;margin:0 0 20px}.new-class-modal-btn{background:linear-gradient(135deg,#e8a87c,#c38d9e);background:linear-gradient(135deg,var(--color-primary,var(--class-color-primary,#e8a87c)) 0,var(--color-secondary,var(--class-color-secondary,#c38d9e)) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.new-class-modal-btn:hover{box-shadow:0 6px 20px #8a2be266;box-shadow:var(--glow-primary,0 6px 20px #8a2be266);transform:translateY(-2px)}.class-wellbeing .new-class-modal{background:#fff;border:1px solid #3a3d4826}.class-wellbeing .new-class-modal h2{color:#3a3d48}.class-wellbeing .new-class-modal-message{color:#6b6e7b}.class-wellbeing .new-class-modal-details{background:#3a3d480f}.class-wellbeing .detail-item:not(:last-child){border-bottom-color:#3a3d4826}.class-wellbeing .detail-label{color:#6b6e7b}.class-wellbeing .detail-value{color:#3a3d48}.class-wellbeing .new-class-modal-btn{background:#3a3d48}.class-wellbeing .new-class-modal-btn:hover{background:#4a4d58;box-shadow:0 6px 20px #3a3d484d}.class-wellbeing .wellbeing-disclaimer{background:#3a3d480f;border-left-color:#3a3d48}.class-wellbeing .wellbeing-disclaimer .disclaimer-content p{color:#5a5d68}.class-wellbeing .wellbeing-disclaimer .disclaimer-checkbox{color:#3a3d48}.class-wellbeing .wellbeing-disclaimer .disclaimer-checkbox input{accent-color:#3a3d48}@media (max-width:480px){.new-class-modal{margin:16px;padding:24px}.new-class-modal-icon{font-size:48px}.new-class-modal h2{font-size:20px}}.class-auth-screen.class-casual,[data-account-class=casual] .class-auth-screen{background:linear-gradient(135deg,#0b0e14,#141821)}.class-casual .class-auth-container,[data-account-class=casual] .class-auth-container{background:#141821;border:1px solid #2d3548}.class-casual .auth-tabs,[data-account-class=casual] .auth-tabs{background:#1c2130}.class-casual .auth-tab,[data-account-class=casual] .auth-tab{color:#b8c0cc}.class-casual .auth-tab:hover,[data-account-class=casual] .auth-tab:hover{color:#f8f9fa}.class-casual .auth-tab.active,[data-account-class=casual] .auth-tab.active{background:#0b0e14;color:#d4af37}.class-casual .class-auth-header h1,[data-account-class=casual] .class-auth-header h1{color:#f8f9fa}.class-casual .class-auth-header p,[data-account-class=casual] .class-auth-header p{color:#b8c0cc}.class-casual .class-tagline,[data-account-class=casual] .class-tagline{color:#d4af37!important}.class-casual .class-auth-form label,[data-account-class=casual] .class-auth-form label{color:#f8f9fa}.class-casual .class-auth-form input,[data-account-class=casual] .class-auth-form input{background:#0b0e14;border-color:#2d3548;color:#f8f9fa}.class-casual .class-auth-form input::placeholder,[data-account-class=casual] .class-auth-form input::placeholder{color:#6c7586}.class-casual .class-auth-form input:focus,[data-account-class=casual] .class-auth-form input:focus{border-color:#d4af37!important;box-shadow:0 0 0 3px #d4af3740!important}.class-casual .google-signin-btn,[data-account-class=casual] .google-signin-btn{background:#1c2130;border-color:#2d3548;color:#f8f9fa}.class-casual .google-signin-btn:hover:not(:disabled),[data-account-class=casual] .google-signin-btn:hover:not(:disabled){border-color:#d4af37;box-shadow:0 0 15px #d4af374d}.class-casual .auth-divider:after,.class-casual .auth-divider:before,[data-account-class=casual] .auth-divider:after,[data-account-class=casual] .auth-divider:before{background:#2d3548}.class-casual .auth-divider span,[data-account-class=casual] .auth-divider span{color:#6c7586}.class-casual .class-auth-submit,[data-account-class=casual] .class-auth-submit{background:linear-gradient(135deg,#d4af37,#e5c158);color:#0b0e14;overflow:hidden;position:relative}.class-casual .class-auth-submit:before,[data-account-class=casual] .class-auth-submit:before{animation:shimmer-login 2.5s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer-login{0%{left:-100%}to{left:100%}}.class-casual .class-auth-submit:hover:not(:disabled),[data-account-class=casual] .class-auth-submit:hover:not(:disabled){box-shadow:0 0 25px #d4af3780,0 0 50px #e5c1584d}.class-casual .class-switch-link,[data-account-class=casual] .class-switch-link{border-top-color:#2d3548}.class-casual .class-switch-link a,[data-account-class=casual] .class-switch-link a{color:#6c7586}.class-casual .class-switch-link a:hover,[data-account-class=casual] .class-switch-link a:hover{color:#d4af37}.class-casual .new-class-modal,[data-account-class=casual] .new-class-modal{background:#141821;border:1px solid #2d3548}.class-casual .new-class-modal h2,[data-account-class=casual] .new-class-modal h2{color:#f8f9fa}.class-casual .new-class-modal-message,[data-account-class=casual] .new-class-modal-message{color:#b8c0cc}.class-casual .new-class-modal-details,[data-account-class=casual] .new-class-modal-details{background:#1c2130}.class-casual .detail-item:not(:last-child),[data-account-class=casual] .detail-item:not(:last-child){border-bottom-color:#2d3548}.class-casual .detail-label,[data-account-class=casual] .detail-label{color:#6c7586}.class-casual .detail-value,[data-account-class=casual] .detail-value{color:#f8f9fa}.class-casual .new-class-modal-btn,[data-account-class=casual] .new-class-modal-btn{background:linear-gradient(135deg,#d4af37,#e5c158)}.class-casual .new-class-modal-btn:hover,[data-account-class=casual] .new-class-modal-btn:hover{box-shadow:0 0 25px #d4af3780}.pw-modal-overlay{align-items:center;animation:pw-fadeIn .2s ease-out;background:linear-gradient(135deg,#fff8ec,#fff0e0);background:linear-gradient(135deg,var(--color-bg-primary,#fff8ec) 0,var(--color-bg-secondary,#fff0e0) 100%);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes pw-fadeIn{0%{opacity:0}to{opacity:1}}.pw-modal-container{animation:pw-slideUp .4s ease;background:#fff;background:var(--color-bg-secondary,#fff);border:1px solid #0000;border:1px solid var(--color-border,#0000);border-radius:16px;box-shadow:0 10px 40px #0003;max-width:400px;padding:28px 32px;width:100%}@keyframes pw-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pw-modal-header{margin-bottom:20px;text-align:center}.pw-modal-title{color:#2d3436;color:var(--color-text-primary,#2d3436);font-size:24px;font-weight:700;margin:0 0 8px}.pw-modal-message{color:#636e72;color:var(--color-text-secondary,#636e72);font-size:14px;line-height:1.5;margin:0}.pw-modal-form{gap:14px}.pw-modal-field,.pw-modal-form{display:flex;flex-direction:column}.pw-modal-field{gap:6px}.pw-modal-label{color:#636e72;color:var(--color-text-secondary,#636e72);font-size:13px;font-weight:600}.pw-modal-input{background:#fff;background:var(--color-input-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-input-border,#e0e0e0);border-radius:10px;box-sizing:border-box;color:#2d3436;color:var(--color-input-text,#2d3436);font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pw-modal-input::placeholder{color:#a0a0a0;color:var(--color-input-placeholder,#a0a0a0)}.pw-modal-input:focus{border-color:#e8a87c;border-color:var(--color-primary,#e8a87c);box-shadow:0 0 0 3px #e8a87c26}.pw-modal-input:disabled{cursor:not-allowed;opacity:.6}.pw-modal-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#dc2626;font-size:13px;padding:10px 12px;text-align:center}.pw-modal-requirements{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:4px 0}.pw-modal-requirements span{background:#f5f5f5;background:var(--color-bg-tertiary,#f5f5f5);border-radius:20px;color:#909090;color:var(--color-text-tertiary,#909090);font-size:11px;padding:4px 8px}.pw-modal-submit{background:linear-gradient(135deg,#e8a87c,#c38d9e);background:linear-gradient(135deg,var(--color-primary,#e8a87c) 0,var(--color-secondary,#c38d9e) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:4px;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.pw-modal-submit:hover:not(:disabled){box-shadow:0 6px 20px #8a2be266;transform:translateY(-2px)}.pw-modal-submit:active:not(:disabled){transform:translateY(0)}.pw-modal-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}[data-account-class=wellbeing] .pw-modal-overlay{background:linear-gradient(135deg,#f4f4f9,#eeeef4)}[data-account-class=wellbeing] .pw-modal-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #8e7dbe33}[data-account-class=wellbeing] .pw-modal-input{border-color:#8e7dbe4d}[data-account-class=wellbeing] .pw-modal-input:focus{border-color:#3a3d5c;box-shadow:0 0 0 3px #3a3d5c26}[data-account-class=wellbeing] .pw-modal-submit{background:linear-gradient(135deg,#3a3d5c,#5a5d7c)}[data-account-class=wellbeing] .pw-modal-submit:hover:not(:disabled){box-shadow:0 6px 20px #3a3d5c4d}[data-account-class=casual] .pw-modal-overlay{background:linear-gradient(135deg,#0b0e14,#141821)}[data-account-class=casual] .pw-modal-container{background:#141821;border:1px solid #2d3548}[data-account-class=casual] .pw-modal-title{color:#fff}[data-account-class=casual] .pw-modal-label,[data-account-class=casual] .pw-modal-message{color:#a0a8b8}[data-account-class=casual] .pw-modal-input{background:#0b0e14;border-color:#2d3548;color:#fff}[data-account-class=casual] .pw-modal-input::placeholder{color:#606878}[data-account-class=casual] .pw-modal-input:focus{border-color:#8a2be2;box-shadow:0 0 0 3px #8a2be233}[data-account-class=casual] .pw-modal-requirements span{background:#1c2130;color:#808898}[data-account-class=casual] .pw-modal-submit{background:linear-gradient(135deg,#8a2be2,#ff6ec7)}[data-account-class=casual] .pw-modal-submit:hover:not(:disabled){box-shadow:0 6px 20px #8a2be266}.email-verification-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.email-verification-card{border-radius:16px;box-shadow:0 10px 40px #0003;max-height:calc(100vh - 40px);max-width:400px;overflow:hidden;overflow-y:auto;width:100%}.email-verification-header{color:#fff;padding:20px 24px;text-align:center}.email-icon{display:block;font-size:32px;margin-bottom:8px}.email-verification-header h1{font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0}.email-verification-content{padding:20px 24px;text-align:center}.email-sent-illustration{display:inline-block;margin-bottom:16px;position:relative}.mail-icon{height:56px;width:56px}.mail-animation{bottom:-8px;display:flex;gap:5px;left:50%;position:absolute;transform:translateX(-50%)}.mail-dot{animation:mailBounce 1.4s ease-in-out infinite;border-radius:50%;height:6px;width:6px}.mail-dot:nth-child(2){animation-delay:.2s}.mail-dot:nth-child(3){animation-delay:.4s}@keyframes mailBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.email-instruction{font-size:14px;margin-bottom:4px}.email-address{font-size:15px;font-weight:600;margin-bottom:12px;word-break:break-all}.email-help-text{font-size:13px;line-height:1.5;margin-bottom:16px}.verification-message{align-items:center;border-radius:8px;display:flex;font-size:13px;gap:8px;margin-bottom:12px;padding:10px 12px}.verification-message.success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.verification-message.error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.verification-message span{font-size:14px;font-weight:700}.verification-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.resend-button{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.resend-button:hover:not(:disabled){transform:translateY(-2px)}.resend-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button-loading{align-items:center;display:flex;gap:8px;justify-content:center}.back-to-login-button{background:#0000;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease;width:100%}.back-to-login-button:hover{background:#ffffff0d}.email-tips{border-radius:10px;padding:14px;text-align:left}.tips-title{font-size:13px;font-weight:600;margin-bottom:8px}.email-tips ul{font-size:12px;line-height:1.6;margin:0;padding-left:18px}.email-tips li{margin-bottom:2px}.email-verification-container[data-account-class=casual]{background:linear-gradient(135deg,#0b0e14,#141821)}.email-verification-container[data-account-class=casual] .email-verification-card{background:#141821;border:1px solid #2d3548}.email-verification-container[data-account-class=casual] .email-verification-header{background:linear-gradient(135deg,#d4af37,#e5c158)}.email-verification-container[data-account-class=casual] .mail-icon{color:#d4af37}.email-verification-container[data-account-class=casual] .mail-dot{background:#d4af37}.email-verification-container[data-account-class=casual] .email-instruction{color:#b8c0cc}.email-verification-container[data-account-class=casual] .email-address{color:#f8f9fa}.email-verification-container[data-account-class=casual] .email-help-text{color:#6c7586}.email-verification-container[data-account-class=casual] .resend-button{background:linear-gradient(135deg,#d4af37,#e5c158);color:#0b0e14}.email-verification-container[data-account-class=casual] .resend-button:hover:not(:disabled){box-shadow:0 0 25px #d4af3780,0 0 50px #e5c1584d}.email-verification-container[data-account-class=casual] .back-to-login-button{border:1px solid #2d3548;color:#b8c0cc}.email-verification-container[data-account-class=casual] .back-to-login-button:hover{border-color:#d4af37;color:#d4af37}.email-verification-container[data-account-class=casual] .email-tips{background:#0b0e14;border:1px solid #2d3548}.email-verification-container[data-account-class=casual] .tips-title{color:#f8f9fa}.email-verification-container[data-account-class=casual] .email-tips ul{color:#6c7586}.email-verification-container[data-account-class=wellbeing]{background:linear-gradient(135deg,#f4f4f9,#eeeef4)}.email-verification-container[data-account-class=wellbeing] .email-verification-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #8e7dbe33}.email-verification-container[data-account-class=wellbeing] .email-verification-header{background:linear-gradient(135deg,#3a3d5c,#5a5d7c)}.email-verification-container[data-account-class=wellbeing] .mail-icon{color:#3a3d5c}.email-verification-container[data-account-class=wellbeing] .mail-dot{background:#8e7dbe}.email-verification-container[data-account-class=wellbeing] .email-instruction{color:#636e72}.email-verification-container[data-account-class=wellbeing] .email-address{color:#2d3436}.email-verification-container[data-account-class=wellbeing] .email-help-text{color:#636e72}.email-verification-container[data-account-class=wellbeing] .resend-button{background:linear-gradient(135deg,#3a3d5c,#5a5d7c)}.email-verification-container[data-account-class=wellbeing] .resend-button:hover:not(:disabled){box-shadow:0 6px 20px #3a3d5c4d}.email-verification-container[data-account-class=wellbeing] .back-to-login-button{border:1px solid #8e7dbe4d;color:#636e72}.email-verification-container[data-account-class=wellbeing] .back-to-login-button:hover{border-color:#3a3d5c;color:#3a3d5c}.email-verification-container[data-account-class=wellbeing] .email-tips{background:#8e7dbe1a;border:1px solid #8e7dbe33}.email-verification-container[data-account-class=wellbeing] .tips-title{color:#2d3436}.email-verification-container[data-account-class=wellbeing] .email-tips ul{color:#636e72}@media (max-width:480px){.email-verification-container{align-items:flex-start;padding:20px 12px 12px}.email-verification-card{border-radius:12px;max-height:calc(100vh - 40px)}.email-verification-header{padding:16px 18px}.email-icon{font-size:28px;margin-bottom:6px}.email-verification-header h1{font-size:20px}.email-verification-content{padding:16px 18px}.email-sent-illustration{margin-bottom:12px}.mail-icon{height:48px;width:48px}.email-instruction{font-size:13px}.email-address{font-size:14px;margin-bottom:10px}.email-help-text{font-size:12px;margin-bottom:12px}.verification-actions{gap:8px;margin-bottom:12px}.resend-button{font-size:14px;padding:10px 16px}.back-to-login-button{font-size:13px;padding:10px 16px}.email-tips{padding:12px}.tips-title{font-size:12px;margin-bottom:6px}.email-tips ul{font-size:11px;line-height:1.5;padding-left:16px}}@supports (padding:env(safe-area-inset-bottom)){.email-verification-container{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}:root{--lp-bg-color:#f8f9fa;--lp-text-color:#2d3436;--lp-primary-color:#a29bfe;--lp-secondary-color:#81ecec;--lp-accent-color:#6c5ce7;--lp-card-bg:#fffc;--lp-nav-bg:#f8f9facc;--lp-gradient:linear-gradient(135deg,#a29bfe,#81ecec);--lp-font-heading:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--lp-font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--lp-transition:all 0.5s cubic-bezier(0.4,0,0.2,1);--lp-transition-slow:all 0.8s cubic-bezier(0.4,0,0.2,1)}.theme-companion{--lp-bg-color:#0b0e14;--lp-text-color:#f8f9fa;--lp-primary-color:#d4af37;--lp-secondary-color:#e5c158;--lp-accent-color:#e5c158;--lp-card-bg:#ffffff0d;--lp-nav-bg:#0b0e14cc;--lp-gradient:linear-gradient(135deg,#d4af37,#e5c158)}.landing-wrapper{background-color:#f8f9fa;background-color:var(--lp-bg-color);color:#2d3436;color:var(--lp-text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--lp-font-body);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--lp-transition)}body.no-scroll{overflow:hidden}.landing-page-loading{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e8f4f4);display:flex;justify-content:center;min-height:100vh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e8d5b7;border-radius:50%;border-top-color:#a29bfe;height:40px;width:40px}.gateway{display:flex;height:100vh;height:100dvh;left:0;position:fixed;top:0;transition:all .8s cubic-bezier(.4,0,.2,1);transition:var(--lp-transition-slow);width:100%;z-index:2000}.gateway.hidden{pointer-events:none;transform:translateY(-100%)}.gateway-side{align-items:center;cursor:pointer;display:flex;flex:1 1;height:100%;justify-content:center;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .8s cubic-bezier(.4,0,.2,1);transition:var(--lp-transition-slow)}.aura-side{background:#f8f9fa;color:#2d3436}.sparkle-side{background:#0b0e14;color:#f8f9fa}.gateway-side:hover{flex:1.5 1}.gateway-content{max-width:400px;z-index:2}.gateway-content,.gateway-icon{transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--lp-transition)}.gateway-icon{font-size:4rem;margin-bottom:1.5rem}.gateway-side:hover .gateway-icon{transform:scale(1.2) rotate(5deg)}.gateway h2{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--lp-font-heading);font-size:3.5rem;font-weight:700;margin-bottom:1rem}.gateway p{font-size:1.2rem;margin-bottom:2rem;opacity:.8}.btn-gateway{background:linear-gradient(135deg,#a29bfe,#81ecec);background:var(--lp-gradient);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--lp-font-body);font-size:1.1rem;font-weight:600;overflow:hidden;padding:1.2rem 2.5rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--lp-transition)}.btn-gateway:hover{box-shadow:0 10px 30px #0003;transform:translateY(-3px)}.aura-side .btn-gateway{background:linear-gradient(135deg,#a29bfe,#81ecec)}.sparkle-side .btn-gateway{background:linear-gradient(135deg,#d4af37,#e5c158);color:#0b0e14}.sparkle-side .btn-gateway:before{animation:shimmer 2.5s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.navbar{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#f8f9facc;background:var(--lp-nav-bg);display:flex;justify-content:space-between;padding:1.5rem 5%;position:fixed;top:0;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--lp-transition);width:100%;z-index:1000}.logo{display:inline-block;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--lp-font-heading);font-size:1.5rem;font-weight:800;position:relative}.theme-companion .logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#e5c158);-webkit-background-clip:text;background-clip:text;position:relative}.theme-companion .logo:after{-webkit-text-fill-color:#0000;animation:logo-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fffc 50%,#0000);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;content:"Kith Haven";left:0;position:absolute;top:0}@keyframes logo-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.logo span{color:#a29bfe;color:var(--lp-primary-color)}.theme-toggle{align-items:center;cursor:pointer;display:flex;gap:1rem}.toggle-label{font-size:.9rem;font-weight:600;opacity:.6;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--lp-transition)}.theme-companion .companion-label,.theme-wellbeing .wellbeing-label,.toggle-label.active{color:#a29bfe;color:var(--lp-primary-color);opacity:1}.toggle-switch{background:#0000001a;border-radius:20px;height:26px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--lp-transition);width:50px}.theme-companion .toggle-switch{background:#ffffff1a}.toggle-knob{background:#fff;border-radius:50%;box-shadow:0 2px 5px #0003;height:20px;left:3px;position:absolute;top:3px;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--lp-transition);width:20px}.theme-companion .toggle-knob{background:#81ecec;background:var(--lp-secondary-color);left:27px}.hero{align-items:center;display:flex;gap:4rem;min-height:100vh;padding:120px 5% 60px}.hero-content{flex:1 1;max-width:600px;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--lp-transition)}.hero-content.hidden-content{display:none!important}.hero-content h1{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--lp-font-heading);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a29bfe,#81ecec);background:var(--lp-gradient);-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.theme-companion .gradient-text{transition:all .3s ease}.theme-companion .gradient-text:after{background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-100%;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.theme-companion .gradient-text:hover:after{animation:text-shimmer .8s ease-out;opacity:1}@keyframes text-shimmer{0%{left:-100%}to{left:100%}}.hero-content p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.8}.hero-cta{display:flex;gap:1rem}.btn{border:none;border-radius:12px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--lp-font-body);font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--lp-transition)}.btn-primary{background:linear-gradient(135deg,#a29bfe,#81ecec);background:var(--lp-gradient);box-shadow:0 10px 20px #0000001a;color:#fff;overflow:hidden;position:relative}.theme-companion .btn-primary:before{animation:shimmer-btn 2.5s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer-btn{0%{left:-100%}to{left:100%}}.theme-companion .btn-primary{color:#0b0e14}.btn-primary:hover{box-shadow:0 15px 30px #0003;transform:translateY(-3px)}.btn-secondary{background:#0000;border:2px solid #a29bfe;border:2px solid var(--lp-primary-color);color:#2d3436;color:var(--lp-text-color)}.btn-secondary:hover{background:#a29bfe1a}.hero-visual{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:visible}.visual-container{height:400px;overflow:visible;position:relative;width:400px}.visual-aura,.visual-sparkle{animation:morph 10s linear infinite alternate;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;filter:blur(40px);height:100%;position:absolute;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--lp-transition);width:100%}.visual-aura{background:#a29bfe;background:var(--lp-primary-color);opacity:.4}.visual-sparkle{background:#81ecec;background:var(--lp-secondary-color)}.theme-companion .visual-aura,.visual-sparkle{opacity:0;transform:scale(.8)}.theme-companion .visual-sparkle{opacity:.6;transform:scale(1)}@keyframes morph{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.features{padding:100px 5%}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--lp-font-heading);font-size:2.5rem;font-weight:700}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;background:var(--lp-card-bg);border:1px solid #ffffff1a;border-radius:24px;opacity:0;padding:3rem 2rem;transform:translateY(30px);transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--lp-transition)}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card.visible:hover,.feature-card:hover{transform:translateY(-10px)}.feature-card .icon{font-size:3rem;margin-bottom:1.5rem}.feature-card h3{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--lp-font-heading);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-card p{line-height:1.6;opacity:.8}.footer{font-size:.9rem;opacity:.6;padding:4rem 5%;text-align:center}@media (max-width:968px){.gateway{flex-direction:column}.gateway-side:hover{flex:1 1}.gateway h2{font-size:2.5rem}.hero{flex-direction:column;overflow:visible;padding-top:140px;text-align:center}.hero-cta{justify-content:center}.visual-container{height:300px;width:300px}.visual-aura,.visual-sparkle{animation:none;height:70%;left:15%;top:15%;width:70%}}.verification-result-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.verification-result-card{border-radius:24px;box-shadow:0 25px 50px -12px #00000080;max-width:480px;overflow:hidden;padding:48px 40px;text-align:center;width:100%}.verification-status{align-items:center;display:flex;flex-direction:column}.verification-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;height:60px;margin-bottom:24px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.verification-status h2{font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.verification-status.verifying p{font-size:16px;margin:0}.status-icon-wrapper{align-items:center;animation:scaleIn .5s ease-out;border-radius:50%;display:flex;height:100px;justify-content:center;margin-bottom:24px;width:100px}.status-icon-wrapper.error{background:#ef444433;border:2px solid #ef444480}.status-icon{font-size:48px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-message{color:#10b981;font-size:16px;margin:0 0 8px}.verified-email{font-size:18px;font-weight:600;margin:0 0 16px;word-break:break-all}.redirect-notice{font-size:14px;margin:0 0 24px}.go-to-login-button{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.go-to-login-button:hover{transform:translateY(-2px)}.error-message{color:#ef4444;font-size:16px;line-height:1.6;margin:0 0 24px}.error-actions{align-items:center;display:flex;flex-direction:column;gap:16px}.error-help{font-size:14px;margin:0}.verification-result-container[data-account-class=casual]{background:linear-gradient(135deg,#0b0e14,#141821)}.verification-result-container[data-account-class=casual] .verification-result-card{background:#141821;border:1px solid #2d3548}.verification-result-container[data-account-class=casual] .verification-spinner{border-color:#d4af37 #2d3548 #2d3548}.verification-result-container[data-account-class=casual] .verification-status h2{color:#f8f9fa}.verification-result-container[data-account-class=casual] .verification-status.verifying p{color:#6c7586}.verification-result-container[data-account-class=casual] .status-icon-wrapper.success{background:linear-gradient(135deg,#d4af37,#e5c158);box-shadow:0 0 25px #d4af3780}.verification-result-container[data-account-class=casual] .verified-email{color:#f8f9fa}.verification-result-container[data-account-class=casual] .redirect-notice{color:#6c7586}.verification-result-container[data-account-class=casual] .go-to-login-button{background:linear-gradient(135deg,#d4af37,#e5c158);color:#0b0e14}.verification-result-container[data-account-class=casual] .go-to-login-button:hover{box-shadow:0 0 25px #d4af3780,0 0 50px #e5c1584d}.verification-result-container[data-account-class=casual] .error-help{color:#6c7586}.verification-result-container[data-account-class=wellbeing]{background:linear-gradient(135deg,#f4f4f9,#eeeef4)}.verification-result-container[data-account-class=wellbeing] .verification-result-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #8e7dbe33}.verification-result-container[data-account-class=wellbeing] .verification-spinner{border-color:#3a3d5c #8e7dbe4d #8e7dbe4d}.verification-result-container[data-account-class=wellbeing] .verification-status h2{color:#2d3436}.verification-result-container[data-account-class=wellbeing] .verification-status.verifying p{color:#636e72}.verification-result-container[data-account-class=wellbeing] .status-icon-wrapper.success{background:linear-gradient(135deg,#3a3d5c,#5a5d7c);box-shadow:0 6px 20px #3a3d5c4d}.verification-result-container[data-account-class=wellbeing] .verified-email{color:#2d3436}.verification-result-container[data-account-class=wellbeing] .redirect-notice{color:#636e72}.verification-result-container[data-account-class=wellbeing] .go-to-login-button{background:linear-gradient(135deg,#3a3d5c,#5a5d7c)}.verification-result-container[data-account-class=wellbeing] .go-to-login-button:hover{box-shadow:0 6px 20px #3a3d5c4d}.verification-result-container[data-account-class=wellbeing] .error-help{color:#636e72}@media (max-width:480px){.verification-result-card{padding:40px 24px}.status-icon-wrapper{height:80px;width:80px}.status-icon{font-size:40px}.verification-status h2{font-size:22px}}
/*# sourceMappingURL=main.ad94bc85.css.map*/