@import url(https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&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.19 | 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{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))}.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}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.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}.my-1{margin-bottom:.25rem;margin-top:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.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-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-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.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))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.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}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.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}.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-6{padding-left:1.5rem;padding-right:1.5rem}.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-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.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}.py-8{padding-bottom:2rem;padding-top:2rem}.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}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-accent{color:#f5f5f5;color:hsl(var(--accent))}.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))}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.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-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-0,.ring-1{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-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)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.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-0{--tw-enter-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{--brand-bg:210 20% 6%;--brand-card:210 10% 10%;--brand-ink:210 40% 96%;--brand-accent:168 84% 53%;--brand-accent-2:207 90% 61%;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-smooth:350ms cubic-bezier(0.4,0,0.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes expandHeight{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.animate-fade-in{animation:fadeIn .25s ease forwards;animation:fadeIn var(--transition-normal) forwards}.animate-fade-in-up{animation:fadeInUp .35s cubic-bezier(.4,0,.2,1) forwards;animation:fadeInUp var(--transition-smooth) forwards}.animate-fade-in-scale{animation:fadeInScale .35s cubic-bezier(.4,0,.2,1) forwards;animation:fadeInScale var(--transition-smooth) forwards}*{box-sizing:border-box}#root,body,html{height:100%}body{background:#0c0f12;background:hsl(var(--brand-bg));color:#f1f5f9;color:hsl(var(--brand-ink));font-family:Figtree,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.app-shell{background:#0c0f12;background:hsl(var(--brand-bg));color:#f1f5f9;color:hsl(var(--brand-ink));min-height:100vh}.header{-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:#0c0e128c;border-bottom:1px solid #ffffff0f;position:-webkit-sticky;position:sticky;top:0;z-index:40}.brand{align-items:center;display:flex;gap:10px}.brand-logo{background:radial-gradient(60% 60% at 50% 50%,hsla(168 84% 53%,.9) 0,#0000 70%),linear-gradient(135deg,#22ecc4,#42a5f5);background:radial-gradient(60% 60% at 50% 50%,hsla(var(--brand-accent),.9) 0,#0000 70%),linear-gradient(135deg,hsl(var(--brand-accent)) 0,hsl(var(--brand-accent-2)) 100%);border-radius:10px;box-shadow:0 0 24px #10b98173;height:32px;width:32px}.brand-logo-img{border-radius:8px;height:32px;object-fit:cover;width:32px}.brand-title{font-weight:700;letter-spacing:-.02em}.topnav{align-items:center;display:flex;gap:10px}.topnav a{border:1px solid #0000;border-radius:999px;color:#ffffffd9;padding:8px 12px}.topnav a:hover{border-color:#ffffff29}.topnav-desktop{align-items:center;display:flex;gap:8px}.mobile-menu-btn{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:8px}.hamburger-line{background:#fffc;border-radius:1px;height:2px;transition:all .15s ease;width:20px}.mobile-menu{background:#0c0f12;background:hsl(var(--brand-bg));border-top:1px solid #ffffff14;display:flex;flex-direction:column;left:0;padding:16px;position:absolute;right:0;top:100%;z-index:100}.mobile-menu a,.mobile-menu button{background:#0000;border:none;border-radius:8px;color:#ffffffd9;display:block;font-size:14px;margin-bottom:4px;padding:12px 16px;text-align:left;width:100%}.mobile-menu a:hover,.mobile-menu button:hover{background:#ffffff0d}.mobile-menu-divider{background:#ffffff14;height:1px;margin:12px 0}.btn-notification,.notification-container{align-items:center;display:flex;position:relative}.btn-notification{background:#0000;border:1px solid #ffffff29;border-radius:50%;color:#ffffffd9;cursor:pointer;height:36px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:36px}.btn-notification:hover{background:#ffffff0d;border-color:#ffffff4d}.btn-notification.has-unread{border-color:#fbbf24;box-shadow:0 0 12px #fbbf2466;color:#fbbf24}.btn-notification.has-unread:hover{box-shadow:0 0 18px #fbbf2480}.notification-badge{align-items:center;animation:badgePop .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:999px;color:#000;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.notification-dropdown{animation:slideDown .2s cubic-bezier(.4,0,.2,1) forwards;background:#17191c;background:hsl(var(--brand-card));border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:420px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:340px;z-index:1000}.notification-header{flex-shrink:0;justify-content:space-between;padding:12px 16px}.notification-header,.notification-permission-banner{align-items:center;border-bottom:1px solid #ffffff14;display:flex}.notification-permission-banner{background:#fbbf241a;color:#fbbf24;font-size:13px;gap:10px;padding:10px 16px}.notification-permission-banner span{flex:1 1}.notification-permission-banner button{background:#fbbf24;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:all .15s ease}.notification-permission-banner button:hover{background:#f59e0b}.notification-title{color:#ffffffe6;font-size:14px;font-weight:600}.notification-mark-all{background:none;border:none;border-radius:4px;color:#22ecc4;color:hsl(var(--brand-accent));cursor:pointer;font-size:12px;padding:4px 8px;transition:all .15s ease}.notification-mark-all:hover{background:#10b9811a}.notification-list{flex:1 1;max-height:360px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#ffffff05}.notification-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.notification-empty{color:#fff6;font-size:14px;padding:32px 16px;text-align:center}.notification-item{align-items:flex-start;animation:fadeInUp .2s ease forwards;border-bottom:1px solid #ffffff0f;cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:all .15s ease}.notification-item:hover{background:#ffffff0a}.notification-item.unread{background:#10b9810d;border-left:3px solid #22ecc4;border-left:3px solid hsl(var(--brand-accent))}.notification-item.read{border-left:3px solid #ffffff26}.notification-content{flex:1 1;min-width:0}.notification-message{color:#ffffffd9;font-size:13px;line-height:1.4;margin:0 0 4px}.notification-time{color:#fff6;font-size:11px}.notification-delete{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff6;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;opacity:0;transition:all .15s ease;width:24px}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{background:#ef444433;color:#ef4444}.mobile-notification-indicator{color:#fbbf24;font-size:14px;padding:12px 16px}.library-actions,.mobile-notification-indicator{align-items:center;display:flex;gap:8px}.sort-menu-container{position:relative}.sort-menu{animation:slideDown .2s cubic-bezier(.4,0,.2,1) forwards;background:#17191c;background:hsl(var(--brand-card));border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 10px 40px #00000080;margin-top:4px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;transform-origin:top right;z-index:100}.sort-menu-item{align-items:center;background:#0000;border:none;color:#ffffffd9;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 14px;text-align:left;transition:background .15s ease;width:100%}.sort-menu-item:hover{background:#ffffff14}.sort-menu-item.sort-active{background:#10b9811a;color:#22ecc4;color:hsl(var(--brand-accent))}.hero{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1.1fr .9fr;padding:56px 0 24px;position:relative}.hero h1{color:#f1f5f9;color:hsl(var(--brand-ink));font-size:52px;letter-spacing:-.02em;line-height:1.04}.hero p{color:#ffffffb3;font-size:18px;margin-top:12px}.hero-ambient{background:radial-gradient(40% 60% at 20% 50%,#10b98129 0,#0000 70%),radial-gradient(40% 60% at 60% 50%,#3b82f629 0,#0000 70%),radial-gradient(30% 50% at 90% 50%,#38bdf824 0,#0000 70%);filter:blur(48px);height:380px;inset:-120px -60px auto -60px;opacity:.9;pointer-events:none;position:absolute}.hero-art{background:#17191c;background:hsl(var(--brand-card));border-radius:16px;box-shadow:0 10px 30px #00000080;overflow:hidden;position:relative}.hero-art img{display:block;height:100%;object-fit:cover;opacity:.9;width:100%}.section{padding:24px 0 64px}.grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.card{background:#17191c;background:hsl(var(--brand-card));border:1px solid #ffffff0f;border-radius:14px;box-shadow:0 6px 26px #00000073;padding:20px}.subtle{color:#fff9}.mono{font-feature-settings:"tnum" 1,"tnum";font-variant-numeric:tabular-nums}.btn-primary{background:#22ecc4;background:hsl(var(--brand-accent));border:none;border-radius:999px;color:#04120e;font-weight:700;padding:10px 16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{box-shadow:0 12px 22px #10b98140;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-outline{background:#0000;border:1px solid #ffffff29;border-radius:999px;color:#f1f5f9;color:hsl(var(--brand-ink));font-weight:600;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-outline:hover{border-color:#22ecc4;border-color:hsl(var(--brand-accent));color:#22ecc4;color:hsl(var(--brand-accent));transform:translateY(-1px)}.btn-icon-text{align-items:center;background:#0000;border:1px solid #ffffff29;border-radius:8px;color:#f1f5f9;color:hsl(var(--brand-ink));cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-icon-text:hover{border-color:#22ecc4;border-color:hsl(var(--brand-accent));color:#22ecc4;color:hsl(var(--brand-accent))}.link{background:none;border:none;color:#42a5f5;color:hsl(var(--brand-accent-2));cursor:pointer;padding:0}.footer{border-top:1px solid #ffffff0f;color:#fff9;font-size:14px;padding:20px 0}.glow-wrap{background:linear-gradient(180deg,#10b98159,#3b82f633);border-radius:16px;box-shadow:inset 0 0 0 2px #ffffff0a;padding:10px}.glow-inner{background:#04080c99;border:1px solid #ffffff14;border-radius:12px}.input,.textarea{background:#ffffff08;border:1px solid #ffffff1f;border-radius:10px;color:#f1f5f9;color:hsl(var(--brand-ink));padding:10px 12px;width:100%}.input::placeholder,.textarea::placeholder{color:#fff6;font-size:.85em}.textarea{resize:vertical}.label{color:#fffc;font-weight:600}.field{animation:fadeIn .2s ease forwards;margin:12px 0}.field-spaced{display:flex;flex-direction:column;gap:8px}.field-spaced label{margin-bottom:0}.grid-app{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.1fr .9fr}.panel{background:#17191c;background:hsl(var(--brand-card));border:1px solid #ffffff0f;border-radius:14px;box-shadow:0 6px 26px #00000073;height:-webkit-fit-content;height:fit-content;padding:16px;transition:all .35s cubic-bezier(.4,0,.2,1)}.panel-title{align-items:center;display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:10px}.library{grid-gap:12px}.library,.song-card{display:grid;gap:12px}.song-card{grid-gap:12px;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:96px 1fr;padding:10px}.song-cover{background:linear-gradient(135deg,#10b98159,#3b82f659);background-position:50%;background-size:cover;border-radius:10px;height:96px;width:96px}.song-main,.song-title{overflow:hidden}.song-title{font-weight:600;text-overflow:ellipsis;white-space:nowrap}.song-meta{align-items:center;display:flex;font-size:13px;gap:8px;margin:2px 0 6px}.song-meta .dot{background:#fff6;border-radius:999px;display:inline-block;height:4px;width:4px}.audio{width:100%}.modal-overlay{align-items:center;animation:fadeIn .2s ease forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.modal{animation:fadeInScale .3s cubic-bezier(.4,0,.2,1) forwards;background:#17191c;background:hsl(var(--brand-card));border:1px solid #ffffff14;border-radius:16px;box-shadow:0 20px 60px #0009;width:min(680px,92%)}.modal-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:14px 16px}.modal-title{font-weight:700}.modal-close{background:#0000;border:none;color:#ffffffb3;cursor:pointer;font-size:22px}.modal-body{grid-gap:16px;display:grid;gap:16px;padding:16px}.row{grid-gap:10px;display:grid;gap:10px}.badge{border-radius:999px;font-size:12px;font-weight:700;padding:6px 10px}.badge-active{background:#10b98140;border:1px solid #10b98173;color:#f1f5f9;color:hsl(var(--brand-ink))}.badge-idle{background:#ffffff0f;border:1px solid #ffffff1f;color:#ffffffb3}.plan-selector{display:inline-flex;gap:8px}.chip{background:#0000;border:1px solid #ffffff29;border-radius:999px;color:#f1f5f9;color:hsl(var(--brand-ink));cursor:pointer;padding:8px 12px}.chip-on{background:#10b98114;border-color:#22ecc4;border-color:hsl(var(--brand-accent));color:#22ecc4;color:hsl(var(--brand-accent))}.packs{display:flex;gap:8px}.pack{background:#ffffff05;border:1px solid #ffffff29;border-radius:10px;color:#fffc;cursor:pointer;padding:10px 12px}.pack.disabled{cursor:not-allowed;opacity:.6}.progress-wrap{margin-top:10px}.progress{background:#ffffff0f;border-radius:999px;height:8px;margin-top:8px;overflow:hidden;width:100%}.progress .bar{background:linear-gradient(90deg,#22ecc4,#42a5f5);background:linear-gradient(90deg,hsl(var(--brand-accent)),hsl(var(--brand-accent-2)));height:100%;transition:width .2s ease;width:0}.progress-note{font-size:12px;margin-top:4px}.planbar{-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:#0a0c108c;border-bottom:1px solid #ffffff0f;position:-webkit-sticky;position:sticky;top:54px;z-index:39}.planbar-inner{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:8px 24px}.planbar .pill{border:1px solid #ffffff24;border-radius:999px;font-size:12px;font-weight:700;padding:4px 10px}.pill-active{background:#10b9812e;border-color:#10b98173}.pill-trial{background:#fbbf242e;border-color:#fbbf2473;color:#fbbf24}.pill-free{background:#ffffff0f}.section-narrow{padding:48px 0}.how-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:20px}.how-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:16px}.how-card h4{font-weight:700;margin:8px 0}.landing-pricing{margin-top:24px}.pricing-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:16px}.price-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:20px}.price-card.featured{border-color:hsla(168 84% 53%,.6);border-color:hsla(var(--brand-accent),.6);box-shadow:inset 0 0 0 2px #10b98133}.price-title{font-size:18px;font-weight:700}.price-amount{font-size:24px;font-weight:800;margin:8px 0 12px}.price-list{list-style:none;margin:0 0 14px;padding:0}.price-list li{color:#fffc;margin:6px 0}.billing-toggle{display:inline-flex;gap:8px;margin-top:16px}.faq{margin-top:16px}.faq details{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:10px 12px}.faq details+details{margin-top:10px}.faq summary{cursor:pointer;font-weight:600}.page-title{font-size:36px;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.policy-copy{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;line-height:1.6;padding:18px}.policy-copy h3{font-size:18px;font-weight:700;margin:16px 0 6px}.policy-copy ul{padding-left:18px}.policy-copy li{margin:6px 0}.back-to-home{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;color:#10b981;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.back-to-home:hover{background:#10b98133;border-color:#10b98166;color:#34d399}.mx-auto{margin-left:auto;margin-right:auto}.max-w-6xl{max-width:1152px}.max-w-3xl{max-width:768px}.px-6{padding-left:24px;padding-right:24px}.py-3{padding-bottom:12px;padding-top:12px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:12px}.gap-8{gap:32px}.gap-12{gap:48px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.ml-2{margin-left:8px}.ml-3{margin-left:12px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.tabs-list{background:#ffffff0f;border-radius:999px;display:inline-flex;gap:4px;padding:4px}.tabs-trigger{background:#0000;border:none;border-radius:999px;color:#ffffffb3;padding:8px 14px}.tabs-trigger[data-state=active]{background:#22ecc4;background:hsl(var(--brand-accent));color:#04120e}.tab-switcher{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;display:flex;gap:8px;margin:20px 0;padding:6px;width:-webkit-fit-content;width:fit-content}.tab-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:12px 20px;transition:all .2s ease}.tab-btn:hover{background:#ffffff0f;color:#f1f5f9;color:hsl(var(--brand-ink))}.tab-btn.tab-active{background:linear-gradient(135deg,#22ecc4,#42a5f5);background:linear-gradient(135deg,hsl(var(--brand-accent)),hsl(var(--brand-accent-2)));box-shadow:0 4px 16px #10b9814d;color:#04120e}.sonic-cover{background:linear-gradient(135deg,#6366f166,#a855f766)}.status-badge{border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;padding:3px 8px;text-transform:uppercase}.status-pending{background:#eab30833;border:1px solid #eab3084d;color:#fbbf24}.status-processing{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.status-completed{border:1px solid #10b9814d;color:#34d399}.status-failed{border:1px solid #ef44444d;color:#f87171}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top:2px solid hsl(var(--brand-accent));height:16px;width:16px}select.input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}select.input:focus{border-color:#22ecc4;border-color:hsl(var(--brand-accent));outline:none}input[type=checkbox]{accent-color:#22ecc4;accent-color:hsl(var(--brand-accent));cursor:pointer;height:18px;width:18px}.gap-2{gap:8px}.gap-6{gap:24px}.cursor-pointer{cursor:pointer}.text-sm{font-size:14px}.text-xs{font-size:12px}.inline{display:inline}.mr-2{margin-right:8px}.mr-3{margin-right:12px}.mb-3{margin-bottom:12px}.w-full{width:100%}.provider-info{font-size:13px;opacity:.7}.provider-badge{background:#ffffff1a;border-radius:4px;font-size:11px;padding:2px 6px;text-transform:uppercase}.producer-cover{background:linear-gradient(135deg,#f9731666,#ea580c66)}.text-red{color:#f87171}.text-accent{color:#22ecc4;color:hsl(var(--brand-accent))}.song-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.song-timer{background:#ffffff0f;border-radius:4px;color:#ffffff80;flex-shrink:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;padding:2px 8px}.ml-0{margin-left:0}.lyrics-results{grid-gap:16px;display:grid;gap:16px}.lyrics-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:16px}.lyrics-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.lyrics-title{font-size:16px;font-weight:700;margin:0}.lyrics-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.lyrics-content{background:#0003;border-radius:8px;color:#ffffffd9;font-family:inherit;font-size:14px;line-height:1.6;margin:0;max-height:300px;overflow-y:auto;padding:12px;white-space:pre-wrap}.lyrics-gen-section,.lyrics-section{border-top:1px solid #ffffff14;margin-top:24px;padding-top:20px}.panel-subtitle{color:#ffffffe6;font-size:15px;font-weight:600;margin-bottom:12px}.btn-icon{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#fffc;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .15s ease}.btn-icon:hover{background:#ffffff1f;border-color:#22ecc4;border-color:hsl(var(--brand-accent));color:#22ecc4;color:hsl(var(--brand-accent))}.mode-tabs{background:#ffffff0a;border-radius:10px;display:flex;gap:4px;margin-bottom:16px;padding:4px}.mode-tab{background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .15s ease}.mode-tab:hover{background:#ffffff0a;color:#ffffffe6}.mode-tab.mode-active{background:#22ecc4;background:hsl(var(--brand-accent));color:#04120e}.tab-switcher-main{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;display:flex;gap:8px;margin-bottom:20px;padding:6px}.tab-main{align-items:center;background:#0000;border:none;border-radius:10px;color:#fff9;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.tab-main:hover{background:#ffffff0a;color:#ffffffe6}.tab-main.tab-main-active{background:linear-gradient(135deg,#22ecc4,#42a5f5);background:linear-gradient(135deg,hsl(var(--brand-accent)),hsl(var(--brand-accent-2)));box-shadow:0 4px 16px #10b98140;color:#04120e;transform:scale(1.02)}.tab-content{animation:fadeInUp .3s cubic-bezier(.4,0,.2,1) forwards}.lib-tabs{display:flex;gap:4px;margin-bottom:16px}.lib-tab{background:#0000;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.lib-tab:hover{border-color:#fff3;color:#ffffffe6}.lib-tab.lib-tab-active{background:#ffffff1a;border-color:#22ecc4;border-color:hsl(var(--brand-accent));color:#22ecc4;color:hsl(var(--brand-accent))}.app-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.2fr 1.2fr 1.3fr;margin-top:16px;min-height:calc(100vh - 140px)}@media (max-width:1200px){.app-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.app-grid{grid-template-columns:1fr}}.panel-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.library-content{max-height:600px;overflow-y:auto}.library-section{margin-bottom:20px}.library-section-title{color:#ffffff80;font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.library-card{align-items:center;animation:fadeInUp .3s cubic-bezier(.4,0,.2,1) forwards;animation-fill-mode:both;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:12px;min-height:72px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.library-card:first-child{animation-delay:0ms}.library-card:nth-child(2){animation-delay:50ms}.library-card:nth-child(3){animation-delay:.1s}.library-card:nth-child(4){animation-delay:.15s}.library-card:nth-child(5){animation-delay:.2s}.library-card:nth-child(n+6){animation-delay:.25s}.library-card-clickable{cursor:pointer}.library-card-clickable:hover{background:#ffffff0f;border-color:#22ecc4;border-color:hsl(var(--brand-accent));box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.library-card-icon{align-items:center;background:linear-gradient(135deg,#6366f14d,#a855f74d);border-radius:8px;color:#fffc;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.library-card-content{flex:1 1;min-width:0}.library-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.library-card-title{align-items:center;display:flex;font-size:14px;font-weight:600;overflow:hidden;position:relative;white-space:nowrap}.library-card-title .title-text{display:inline}.library-card-title.title-truncated{max-width:100%}.library-card-title .title-fade{background:linear-gradient(90deg,#0000,#17191c);background:linear-gradient(to right,#0000,hsl(var(--brand-card)));bottom:0;pointer-events:none;position:absolute;right:0;top:0;width:40px}.library-card-clickable:hover .library-card-title .title-fade{background:linear-gradient(90deg,#0000,#1c1f22)}.library-card-meta{font-size:12px;margin-top:4px}.panel-detail{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:20px}.detail-content{max-height:500px;overflow-y:auto}.lyrics-detail-card{background:#0003;border-radius:12px;margin-bottom:16px;padding:16px}.lyrics-detail-title{font-size:18px;margin-bottom:12px}.lyrics-detail-content{color:#ffffffe6;font-family:inherit;font-size:14px;line-height:1.7;margin:0 0 16px;white-space:pre-wrap}.lyrics-detail-actions{display:flex;gap:8px}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top:2px solid hsl(var(--brand-accent));height:12px;width:12px}.vocal-tag-buttons{background:#000c;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;gap:4px;padding:6px 8px}.vocal-tag-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;transition:all .15s ease}.vocal-tag-btn:hover{background:#22ecc4;background:hsl(var(--brand-accent));border-color:#22ecc4;border-color:hsl(var(--brand-accent))}.inspire-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.type-label{border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.05em;margin-right:8px;padding:2px 8px;text-transform:uppercase}.type-song{background:#10b98133;color:#22ecc4;color:hsl(var(--brand-accent))}.type-lyrics{background:#a855f733;color:#a855f7}.type-cover{background:#fb923c33;color:#fb923c}.library-card-cover{align-items:center;background:linear-gradient(135deg,#10b9814d,#064e3b80);border-radius:8px;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.library-card-cover img{height:100%;object-fit:cover;width:100%}.library-card-icon-song{color:#ffffffb3}.library-card-image{height:100%;object-fit:cover;width:100%}.song-detail-card{text-align:center}.song-detail-cover{height:200px;width:200px}.song-detail-title{font-size:20px;font-weight:700;margin-bottom:4px}.song-detail-meta{margin-bottom:16px}.song-detail-player{margin-bottom:20px}.audio-full{border-radius:8px;width:100%}.song-detail-prompt{background:#0003;border-radius:8px;padding:12px;text-align:left}.song-detail-prompt-label{font-size:12px;margin-bottom:8px}.song-detail-prompt-content{color:#fffc;font-size:13px;line-height:1.5;margin:0;max-height:150px;overflow-y:auto;white-space:pre-wrap}.toggle-switch-container{align-items:center;cursor:pointer;display:flex;gap:12px;margin:8px 0;-webkit-user-select:none;user-select:none}.toggle-switch-container.disabled{cursor:not-allowed;opacity:.5}.toggle-label{color:#ffffffd9;font-size:14px}.toggle-switch{background:#ffffff26;border-radius:14px;cursor:pointer;height:28px;position:relative;transition:background .2s ease;width:50px}.toggle-switch.toggle-on{background:#22ecc4;background:hsl(var(--brand-accent))}.toggle-switch.toggle-disabled{cursor:not-allowed}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:24px}.toggle-switch.toggle-on .toggle-thumb{transform:translateX(22px)}.btn-full-width{display:block;text-align:center;width:100%}.panel-hug{height:auto!important;max-height:none}.lyrics-detail-single{display:flex;flex-direction:column}.lyrics-detail-title{color:#22ecc4;color:hsl(var(--brand-accent));font-size:20px;font-weight:700;margin-bottom:16px}.lyrics-detail-content-scroll{margin-bottom:20px;max-height:400px;overflow-y:auto;padding-right:8px}.lyrics-detail-text{color:#ffffffe6;font-size:16px;line-height:1.8;white-space:pre-wrap}.lyrics-detail-footer{border-top:1px solid #ffffff14;margin-top:auto;padding-top:16px}.song-detail-layout{display:flex;flex-direction:column;gap:20px}.song-detail-lyrics-section{order:1}.song-detail-info{order:2;text-align:center}.song-detail-section-label{font-size:12px;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.song-lyrics-text{background:#0003;color:#ffffffe6;font-size:16px;line-height:1.8;padding:16px;white-space:pre-wrap}.karaoke-container,.song-lyrics-text{border-radius:12px;max-height:300px;overflow-y:auto}.karaoke-container{background:#0000004d;padding:20px;scroll-behavior:smooth}.karaoke-line{align-items:center;border-radius:8px;display:flex;gap:12px;margin-bottom:4px;padding:8px 12px;transition:background .2s ease}.karaoke-line-text{color:#fff6;font-size:16px;line-height:1.6;transition:color .1s ease}.karaoke-line-active{background:#10b98140}.karaoke-line-active .karaoke-line-text{font-weight:600}.karaoke-line-focused{background:#10b9811f}.karaoke-line-focused .karaoke-line-text{font-weight:500}.karaoke-line-past .karaoke-line-text,.karaoke-sung{color:#ffffff59}.karaoke-sung{transition:color 50ms linear}.karaoke-unsung{color:#fff6}.karaoke-line-active .karaoke-unsung,.karaoke-line-focused .karaoke-unsung{color:#22ecc4;color:hsl(var(--brand-accent));font-weight:600;text-shadow:0 0 8px #10b98166}.karaoke-line-active .karaoke-sung{color:#ffffff59;font-weight:600}.karaoke-countdown{align-items:center;animation:pulse-countdown 1s ease infinite;background:#22ecc4;background:hsl(var(--brand-accent));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:28px;justify-content:center;width:28px}@keyframes pulse-countdown{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}.song-detail-cover{background:linear-gradient(135deg,#10b9814d,#064e3b80);border-radius:12px;height:160px;margin:0 auto 16px;overflow:hidden;width:160px}.song-detail-cover img{height:100%;object-fit:cover;width:100%}.cover-details-section{background:#0003;border-radius:12px;margin-top:16px;padding:16px 20px;width:100%}.cover-details-label{color:#ffffff80;font-size:12px;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.cover-details-row{align-items:center;border-bottom:1px solid #ffffff14;display:flex;font-size:15px;justify-content:space-between;padding:10px 0}.cover-details-row:last-child{border-bottom:none}.cover-details-key{color:#fff9}.cover-details-value{color:#fffffff2;font-weight:500}.cover-pitch-value{align-items:center;display:flex;gap:8px}.cover-pitch-help{align-items:center;color:#fff6;cursor:help;display:flex;position:relative;transition:color .2s}.cover-pitch-help:hover{color:#fffc}.cover-pitch-help:after{background:#17191c;background:hsl(var(--brand-card));border:1px solid #ffffff26;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 8px 24px #0006;color:#ffffffd9;content:attr(data-tooltip);font-size:13px;font-weight:400;line-height:1.4;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;right:0;transition:opacity .2s,visibility .2s;visibility:hidden;width:240px;z-index:100}.cover-pitch-help:hover:after{opacity:1;visibility:visible}.cover-delete-btn{align-items:center;background:#ef4444e6;border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;transition:opacity .2s,transform .2s;width:28px}.cover-delete-btn:hover{background:#ef4444;transform:scale(1.1)}.mode-radio-group{display:flex;gap:16px;margin-bottom:16px}.mode-radio{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 0;-webkit-user-select:none;user-select:none}.mode-radio input[type=radio]{height:0;opacity:0;position:absolute;width:0}.mode-radio-indicator{border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;height:20px;position:relative;transition:all .15s ease;width:20px}.mode-radio-indicator:after{background:#22ecc4;background:hsl(var(--brand-accent));border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease;width:10px}.mode-radio-active .mode-radio-indicator{border-color:#22ecc4;border-color:hsl(var(--brand-accent))}.mode-radio-active .mode-radio-indicator:after{transform:translate(-50%,-50%) scale(1)}.mode-radio-label{color:#ffffffb3;font-size:14px;font-weight:600;transition:color .15s ease}.mode-radio-active .mode-radio-label{color:#22ecc4;color:hsl(var(--brand-accent))}.mode-radio:hover .mode-radio-indicator{border-color:#ffffff80}.mode-radio:hover .mode-radio-label{color:#ffffffe6}.library-card-status{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;margin-left:auto;min-width:50px;padding-left:12px}.library-card-subtitle{align-items:center;display:flex;font-size:13px;gap:8px;margin-top:4px}.truncate-line{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-menu-container{position:relative}.detail-menu{background:#17191c;background:hsl(var(--brand-card));border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 10px 40px #00000080;margin-top:4px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.detail-menu-item{align-items:center;background:#0000;border:none;color:#ffffffd9;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 14px;text-align:left;transition:background .15s ease;width:100%}.detail-menu-item:hover{background:#ffffff14}.detail-menu-danger{color:#f87171}.detail-menu-danger:hover{background:#f871711a}.detail-menu-divider{background:#ffffff14;height:1px;margin:4px 0}.song-detail-layout-v2{align-items:center;display:flex;flex-direction:column;text-align:center}.song-detail-layout-v2 .song-detail-cover{height:180px;margin-bottom:16px;width:180px}.song-detail-layout-v2 .song-detail-title{font-size:20px;font-weight:700;margin-bottom:4px}.song-detail-layout-v2 .song-detail-meta{margin-bottom:16px}.song-detail-layout-v2 .song-detail-player{margin-bottom:12px;width:100%}.song-detail-layout-v2 .song-detail-lyrics-section{text-align:left;width:100%}.song-detail-styles{cursor:pointer;margin-bottom:16px;position:relative;text-align:center;transition:all .2s ease;width:100%}.song-detail-styles .styles-content{word-wrap:break-word;color:#fff9;font-size:13px;line-height:1.5;transition:max-height .3s ease}.song-detail-styles.styles-collapsed .styles-content{max-height:2.25em;overflow:hidden}.song-detail-styles.styles-expanded .styles-content{max-height:500px}.song-detail-styles .styles-fade{background:linear-gradient(180deg,#0000,#17191c);background:linear-gradient(to bottom,#0000,hsl(var(--brand-card)));bottom:0;height:1.2em;left:0;pointer-events:none;position:absolute;right:0}.song-detail-styles:hover{opacity:.8}.video-gen-btn-container{margin-bottom:16px;width:100%}.btn-video-gen{align-items:center;background:linear-gradient(135deg,#8b5cf633,#3b82f633);border:1px solid #8b5cf666;border-radius:10px;color:#a78bfa;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.btn-video-gen:hover{background:linear-gradient(135deg,#8b5cf64d,#3b82f64d);border-color:#8b5cf699;box-shadow:0 4px 12px #8b5cf633;transform:translateY(-1px)}@media (max-width:768px){.header{padding:10px 16px;position:relative}.brand-title{font-size:16px}.topnav-desktop{display:none!important}.mobile-menu-btn{display:flex!important}.hero{gap:24px;grid-template-columns:1fr;padding:32px 0 16px}.hero h1{font-size:32px}.hero p{font-size:16px}.hero-art{height:200px}.mx-auto{padding-left:16px;padding-right:16px}.app-grid{gap:16px;grid-template-columns:1fr}.panel{border-radius:12px;padding:14px}.panel-title{font-size:16px}.panel-title-row{margin-bottom:12px}.field{margin:10px 0}.field label{font-size:13px}.input,.textarea{font-size:16px;padding:10px}.textarea{min-height:100px}.main-tabs{gap:6px;margin-bottom:12px}.tab-main{font-size:13px;padding:8px 14px}.mode-radio-group{gap:12px;margin-bottom:12px}.mode-radio-label{font-size:13px}.inspire-row{flex-wrap:nowrap;gap:8px;justify-content:space-between}.inspire-row>*{flex-shrink:1}.inspire-row .btn-outline{font-size:12px;padding:8px 10px}.lib-tabs{margin-bottom:12px}.lib-tab{font-size:12px;padding:6px 12px}.library-card{min-height:64px;padding:10px}.library-card-cover{height:48px;width:48px}.library-card-title{font-size:13px}.library-card-meta,.library-card-subtitle{font-size:11px}.truncate-line{max-width:140px}.song-timer{font-size:12px}.type-label{font-size:10px;padding:2px 6px}.panel-detail{padding:14px}.song-detail-layout-v2 .song-detail-cover{height:140px;width:140px}.song-detail-layout-v2 .song-detail-title{font-size:18px}.karaoke-container{max-height:250px;padding:14px}.karaoke-line{padding:6px 10px}.karaoke-line-text{font-size:14px}.karaoke-countdown{font-size:12px;height:20px;width:20px}.song-lyrics-text{font-size:14px;max-height:250px;padding:14px}.lyrics-detail-title{font-size:16px}.lyrics-detail-text{font-size:14px;line-height:1.7}.lyrics-detail-content-scroll{max-height:300px}.btn-primary{font-size:14px;padding:12px 16px}.btn-outline{font-size:13px;padding:10px 14px}.btn-full-width{padding:14px}.planbar{flex-wrap:wrap;gap:8px;padding:8px 16px}.planbar span{font-size:12px}.modal{max-height:90vh;overflow-y:auto;width:95%}.modal-header{padding:12px 14px}.modal-body{padding:14px}.detail-menu{min-width:140px}.detail-menu-item{font-size:13px;padding:10px 12px}.audio-full{height:36px}.footer{font-size:12px;padding:16px 0}}@media (max-width:375px){.hero h1{font-size:26px}.panel{padding:12px}.library-card{gap:8px;padding:8px}.library-card-cover{height:40px;width:40px}.truncate-line{max-width:100px}.song-detail-layout-v2 .song-detail-cover{height:120px;width:120px}.karaoke-line-text{font-size:13px}}@media (min-width:769px) and (max-width:1024px){.app-grid{gap:16px}.app-grid,.hero{grid-template-columns:1fr 1fr}.hero{gap:32px}.hero h1{font-size:40px}}@media (hover:none) and (pointer:coarse){.btn-outline,.btn-primary{min-height:44px}.lib-tab,.tab-main{min-height:40px}.library-card-clickable{min-height:64px}.mode-radio{padding:10px 0}.library-card-clickable:hover{background:#ffffff08;border-color:#ffffff14}.btn-outline:hover{border-color:#ffffff29;color:#f1f5f9;color:hsl(var(--brand-ink))}}.video-wizard-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:60}.video-wizard{background:#17191c;background:hsl(var(--brand-card));border:1px solid #ffffff14;border-radius:16px;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;max-height:90vh;width:min(560px,100%)}.video-wizard-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:16px 20px}.video-wizard-header h2{font-size:18px;font-weight:700;margin:0}.video-wizard-steps{border-bottom:1px solid #ffffff0f;justify-content:center;padding:20px 16px}.video-wizard-steps,.wizard-step{align-items:center;display:flex;gap:8px}.wizard-step{opacity:.5;transition:opacity .2s ease}.wizard-step.active{opacity:1}.wizard-step.done{opacity:.8}.step-number{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.wizard-step.active .step-number{background:#8b5cf64d;border-color:#8b5cf699;color:#a78bfa}.wizard-step.done .step-number{background:#10b9814d;border-color:#10b98199;color:#22ecc4;color:hsl(var(--brand-accent))}.wizard-step span{font-size:13px;font-weight:500;white-space:nowrap}.step-connector{background:#ffffff1a;height:2px;width:30px}.video-wizard-content{flex:1 1;overflow-y:auto;padding:24px 20px}.wizard-step-content{display:flex;flex-direction:column;gap:20px}.wizard-step-desc{color:#ffffffb3;font-size:14px;line-height:1.5;margin:0}.photo-upload-area{align-items:center;display:flex;flex-direction:column;gap:12px}.photo-upload-area .upload-icon-svg{color:#8b5cf699;margin-bottom:8px}.photo-upload-area span{color:#fffc;font-weight:500}.upload-hint{color:#fff6!important;font-size:12px!important}.photo-preview-container{align-items:center;display:flex;flex-direction:column;gap:16px}.photo-preview{border:2px solid #8b5cf666;border-radius:12px;height:200px;object-fit:cover;width:200px}.aspect-ratio-selector{display:flex;gap:48px;justify-content:center;padding:40px 20px}.aspect-ratio-btn{align-items:center;background:#ffffff08;border:3px solid #ffffff26;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:16px;min-width:180px;padding:24px;transition:all .2s ease}.aspect-ratio-btn:hover{background:#ffffff0f;border-color:#ffffff4d}.aspect-ratio-btn.selected{background:#10b9811a;border-color:#22ecc4;border-color:hsl(var(--brand-accent));box-shadow:0 0 24px #10b9814d}.aspect-ratio-shape{align-items:center;background:#ffffff14;border:2px solid #fff3;border-radius:8px;color:#ffffffe6;display:flex;font-size:18px;font-weight:700;justify-content:center}.aspect-ratio-shape.horizontal{height:90px;width:160px}.aspect-ratio-shape.vertical{height:160px;width:90px}.aspect-ratio-btn.selected .aspect-ratio-shape{background:#10b98133;border-color:#22ecc4;border-color:hsl(var(--brand-accent));color:#22ecc4;color:hsl(var(--brand-accent))}.aspect-ratio-label{color:#ffffffb3;font-size:14px;font-weight:500}.aspect-ratio-btn.selected .aspect-ratio-label{color:#22ecc4;color:hsl(var(--brand-accent))}.scene-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.scene-card{border:2px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.scene-card img{aspect-ratio:1;display:block;object-fit:cover;width:100%}.scene-card:hover{border-color:#ffffff4d}.scene-card.scene-selected{border-color:#8b5cf6cc}.scene-name{background:linear-gradient(#0000,#000c);bottom:0;font-size:13px;font-weight:600;left:0;padding:8px;right:0;text-align:center}.scene-check,.scene-name{color:#fff;position:absolute}.scene-check{align-items:center;background:#8b5cf6e6;border-radius:50%;display:flex;height:24px;justify-content:center;right:8px;top:8px;width:24px}.audio-trimmer{background:#0003;border-radius:12px;padding:16px}.trim-info{display:flex;font-size:13px;justify-content:space-between;margin-bottom:16px}.trim-slider-container{display:flex;flex-direction:column;gap:12px}.trim-labels{color:#fff9;display:flex;font-size:12px;justify-content:space-between}.trim-duration{color:#8b5cf6e6;font-weight:600}.trim-range-container{height:40px;position:relative}.trim-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:4px;height:8px;margin-top:16px;outline:none;width:100%}.trim-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#22ecc4;background:hsl(var(--brand-accent));border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:20px;width:20px}.trim-range-highlight{background:linear-gradient(90deg,#8b5cf680,#3b82f680);border-radius:4px;height:8px;pointer-events:none;position:absolute;top:16px}.trim-presets{display:flex;gap:8px;justify-content:center}.trim-preset{background:#0000;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .15s ease}.trim-preset:hover{border-color:#8b5cf680;color:#8b5cf6e6}.video-wizard-footer{align-items:center;border-top:1px solid #ffffff0f;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.video-wizard-footer .flex-1{flex:1 1}.library-card-video-thumb{background:linear-gradient(135deg,#8b5cf64d,#3b82f64d);position:relative}.library-card-icon-video{align-items:center;color:#8b5cf6b3;display:flex;height:100%;justify-content:center;width:100%}.type-label.type-video{background:#8b5cf633;border-color:#8b5cf666;color:#8b5cf6e6}@media (max-width:768px){.video-wizard-steps{flex-wrap:wrap;gap:6px}.wizard-step span{display:none}.step-connector{width:20px}.scene-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.photo-preview{height:160px;width:160px}}.library-card-icon-song,.song-detail-cover-fallback{align-items:center;background:linear-gradient(135deg,#10b9814d,#0596694d);color:#10b981cc;display:flex;height:100%;justify-content:center;width:100%}.song-detail-cover-fallback{border-radius:12px}.video-delete-btn{align-items:center;background:#ef4444cc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease;width:28px;z-index:2}.library-card-video:hover .video-delete-btn{opacity:1}.video-delete-btn:hover{background:#ef4444}.video-actions-bar{justify-content:flex-end;margin-bottom:12px;padding:0 4px}.btn-small{font-size:12px;padding:6px 12px}.library-card-video{position:relative}.audio-trimmer audio{display:none}.trim-player-controls{display:flex;gap:8px;margin-bottom:16px}.btn-preview{align-items:center;background:#10b98133;border:1px solid #10b98166;border-radius:8px;color:#22ecc4;color:hsl(var(--brand-accent));cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .15s ease}.btn-preview:hover{background:#10b9814d;border-color:#10b98199}.btn-preview.btn-stop{background:#ef444433;border-color:#ef444466;color:#ef4444e6}.btn-preview.btn-stop:hover{background:#ef44444d;border-color:#ef444499}.trim-timeline{background:#ffffff14;border-radius:4px;height:24px;margin-bottom:16px;overflow:hidden;position:relative}.trim-timeline-selected{background:linear-gradient(90deg,#8b5cf666,#3b82f666);border:2px solid #8b5cf699;border-radius:4px;box-sizing:border-box;height:100%;position:absolute;top:0}.trim-slider-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.trim-slider-row label{color:#fff9;font-size:13px;width:50px}.trim-slider-row .trim-slider{flex:1 1}.trim-slider-row .trim-time{color:#8b5cf6e6;font-size:13px;font-weight:500;text-align:right;width:50px}.trim-preset.active{background:#8b5cf64d;border-color:#8b5cf699;color:#8b5cf6e6}.trim-time-labels{align-items:center;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:8px}.trim-time-labels span:first-child,.trim-time-labels span:last-child{color:#ffffffe6;min-width:50px}.trim-time-labels span:first-child{text-align:left}.trim-time-labels span:last-child{text-align:right}.trim-duration-badge{background:#8b5cf64d;border:1px solid #8b5cf680;border-radius:20px;color:#8b5cf6e6;font-size:12px;font-weight:600;padding:4px 12px}.trim-timeline-draggable{height:48px;margin-bottom:24px}.trim-track{background:#ffffff1a;border-radius:4px;height:8px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.trim-selection{background:linear-gradient(180deg,#8b5cf633,#8b5cf61a);border:2px solid #8b5cf699;height:100%;top:0;transition:border-color .15s ease,background .15s ease}.trim-selection:hover{background:linear-gradient(180deg,#8b5cf64d,#8b5cf626);border-color:#8b5cf6cc}.trim-selection.dragging{background:linear-gradient(180deg,#8b5cf666,#8b5cf633)}.trim-handle{border-radius:3px;height:24px;width:6px}.trim-play-btn,.trim-play-container{display:flex;justify-content:center}.trim-play-btn{align-items:center;background:linear-gradient(135deg,#8b5cf64d,#3b82f64d);border:2px solid #8b5cf680;border-radius:50%;color:#8b5cf6e6;cursor:pointer;height:56px;transition:all .2s ease;width:56px}.trim-play-btn:hover{background:linear-gradient(135deg,#8b5cf666,#3b82f666);border-color:#8b5cf6cc;transform:scale(1.05)}.trim-play-btn:active{transform:scale(.95)}.trim-play-btn svg{margin-left:2px}.trim-track-full{background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1a;border-radius:6px;height:32px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.trim-track-markers{bottom:0;left:0;position:absolute;right:0;top:0}.trim-marker{padding-top:4px;position:absolute;top:100%;transform:translateX(-50%)}.trim-marker span{color:#fff6;font-size:10px}.trim-timeline-draggable{cursor:pointer;height:64px;margin-bottom:32px;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.trim-selection{align-items:center;background:linear-gradient(180deg,#8b5cf64d,#8b5cf626);border:2px solid #8b5cf6b3;border-radius:8px;cursor:grab;display:flex;height:40px;min-width:40px;position:absolute;top:50%;transform:translateY(-50%);transition:border-color .15s ease,box-shadow .15s ease}.trim-selection:hover{border-color:#8b5cf6e6;box-shadow:0 0 12px #8b5cf64d}.trim-selection.dragging{border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf666;cursor:grabbing}.trim-selection-inner{background:repeating-linear-gradient(90deg,#0000,#0000 4px,#8b5cf633 0,#8b5cf633 8px);flex:1 1;height:100%}.trim-handle{background:#8b5cf6e6;border-radius:4px;cursor:ew-resize;height:28px;position:absolute;top:50%;transform:translateY(-50%);width:8px}.trim-handle-left{left:4px}.trim-handle-right{right:4px}.trim-track{display:none}.video-debug-btn{align-items:center;background:#3b82f633;border:1px solid #3b82f666;border-radius:50%;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:40px;top:8px;transition:all .15s ease;width:28px;z-index:5}.video-debug-btn:hover{background:#3b82f64d;border-color:#3b82f699;transform:scale(1.05)}.video-debug-panel{background:linear-gradient(180deg,#1f2937,#111827);border:1px solid #3b82f64d;border-radius:16px;box-shadow:0 25px 50px -12px #0009,0 0 30px #3b82f626;display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:600px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.debug-header{align-items:center;background:#3b82f61a;border-bottom:1px solid #3b82f633;display:flex;justify-content:space-between;padding:16px 20px}.debug-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.debug-header-actions{align-items:center;display:flex;gap:12px}.debug-auto-refresh{align-items:center;color:#fff9;cursor:pointer;display:flex;font-size:12px;gap:6px}.debug-auto-refresh input{cursor:pointer}.debug-content{flex:1 1;overflow-y:auto;padding:16px 20px}.debug-section{background:#0003;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:20px;padding:12px}.debug-section-title{color:#ffffff80;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.debug-row{align-items:flex-start;display:flex;gap:8px;margin-bottom:6px}.debug-label{color:#fff9;flex-shrink:0;font-size:13px;min-width:120px}.debug-value{color:#fff;font-size:13px;word-break:break-all}.debug-value.mono{background:#0000004d;border-radius:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:11px;padding:2px 6px}.debug-thumbnail{display:flex;flex-direction:column;gap:8px}.debug-thumbnail img{border:1px solid #ffffff1a;border-radius:8px;max-height:150px;max-width:200px}.debug-url{background:#0000004d;border-radius:4px;color:#ffffff80;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:10px;max-height:60px;overflow-y:auto;padding:6px 8px;word-break:break-all}.debug-error{background:#ef44441a;border-color:#ef444433}.debug-error-text{color:#ef4444;font-size:13px}.debug-logs{background:#0000004d;border-radius:6px;max-height:200px;overflow-y:auto;padding:8px}.debug-log-line{border-bottom:1px solid #ffffff0d;color:#fffc;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:11px;padding:3px 0}.debug-log-line:last-child{border-bottom:none}.panel-video-detail{display:flex;flex-direction:column;gap:16px}.video-player-container{background:#000;border-radius:12px;overflow:hidden;position:relative;width:100%}.video-player{background:#000;display:block;max-height:400px;width:100%}.video-player:focus{outline:none}.video-fullscreen-btn{background:#0009;border:none;border-radius:8px;color:#fff;cursor:pointer;opacity:0;padding:8px;position:absolute;right:12px;top:12px;transition:opacity .2s ease}.video-player-container:hover .video-fullscreen-btn{opacity:1}.video-fullscreen-btn:hover{background:#000c}.video-player-placeholder{align-items:center;color:#fff6;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.video-detail-info{background:#ffffff08;border-radius:8px;display:flex;gap:12px;padding:12px}.video-detail-thumb{border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.video-detail-thumb img{height:100%;object-fit:cover;width:100%}.video-detail-meta{display:flex;flex-direction:column;gap:4px;justify-content:center}.video-detail-status{align-items:center;display:flex;font-size:13px;gap:8px}.video-detail-date{font-size:12px}.video-play-overlay{align-items:center;background:#0009;border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease,transform .2s ease;width:48px}.library-card-video:hover .video-play-overlay{opacity:1}.library-card-video:hover .video-play-overlay:hover{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.dropdown-menu{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 24px #0006;margin-top:4px;min-width:140px;padding:4px;position:absolute;right:0;top:100%;z-index:100}.dropdown-menu-right{left:auto;right:0}.dropdown-item{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;transition:background .15s ease;width:100%}.dropdown-item:hover{background:#ffffff1a}.dropdown-item-danger{color:#ef4444}.dropdown-item-danger:hover{background:#ef444426}.menu-container{position:relative}.video-actions-bar{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:12px}.btn-danger{align-items:center;border-color:#ef44444d;color:#ef4444;display:flex;gap:6px}.btn-danger:hover{background:#ef444426;border-color:#ef444480}.wizard-overlay{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.wizard-modal{background:#17191c;background:hsl(var(--brand-card));border:1px solid #ffffff14;border-radius:16px;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(560px,100%)}.wizard-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:16px 20px}.wizard-header h2{font-size:18px;font-weight:700;margin:0}.wizard-content{flex:1 1;overflow-y:auto;padding:20px}.wizard-step h3{font-size:16px;font-weight:600;margin-bottom:8px}.video-wizard-wide{max-width:800px;width:min(800px,95%)}.clip-frames-step{display:flex;flex-direction:column;gap:16px}.frames-info{align-items:center;display:flex;gap:12px}.frames-count{color:#fffc;font-size:14px;font-weight:600}.clip-complete-footer{align-items:center;display:flex;gap:16px}.video-gen-btn-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px}.wizard-modal-wide{max-width:900px;width:95%}.wizard-step-frames{display:flex;flex-direction:column;gap:20px}.frames-header{align-items:center;display:flex;justify-content:space-between}.frames-status{display:flex;gap:8px}.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.status-pending{background:#9ca3af33;color:#9ca3af}.status-frames_generated{background:#3b82f633;color:#3b82f6}.status-drawing_images{background:#f59e0b33;color:#f59e0b}.status-images_ready{background:#10b98133;color:#10b981}.status-generating_videos{background:#8b5cf633;color:#8b5cf6}.status-stitching{background:#ec489933;color:#ec4899}.status-completed{background:#10b98133;color:#10b981}.status-failed{background:#ef444433}.clip-scenario-box{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border:1px solid #8b5cf64d;border-radius:12px;margin-bottom:20px;padding:16px 20px}.clip-scenario-box h4{color:#a78bfa;font-size:14px;font-weight:600;margin:0 0 8px}.clip-scenario-box p{color:#ffffffd9;font-size:14px;line-height:1.6;margin:0}.frames-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:500px;overflow-y:auto;padding:4px}.frame-card{background:#ffffff08;border:2px solid #0000;border-radius:10px;cursor:pointer;padding:10px;position:relative;transition:all .2s ease}.frame-card:hover{background:#ffffff0f;border-color:#ffffff1a}.frame-card-selected{background:#8b5cf61a;border-color:#8b5cf6!important}.frame-status-image_ready .frame-thumbnail,.frame-status-video_ready .frame-thumbnail{border:2px solid #10b981}.frame-status-generating_video .frame-thumbnail{border:2px solid #f59e0b}.frame-status-failed{border-color:#ef44444d}.progress-indicator{background:#8b5cf61a;border-radius:12px;color:#8b5cf6;font-size:12px;font-weight:500;padding:4px 10px}.frame-number{color:#8b5cf6;font-size:11px;font-weight:700;margin-bottom:4px}.frame-time{color:#ffffff80;font-size:10px;margin-bottom:6px}.frame-thumbnail{aspect-ratio:9/16;background:#0000004d;border-radius:6px;overflow:hidden;width:100%}.frame-thumbnail img{height:100%;object-fit:cover;width:100%}.frame-placeholder{align-items:center;aspect-ratio:9/16;background:#0000004d;border-radius:6px;display:flex;font-size:11px;justify-content:center;width:100%}.frame-actor-badge{background:#ffffff1a;border-radius:4px;font-size:9px;margin-top:6px;padding:2px 6px;text-align:center}.frame-video-badge{background:#10b981cc;border-radius:4px;color:#fff;font-size:10px;padding:2px 5px;position:absolute;right:6px;top:6px}.frame-details{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:16px}.frame-details h4{color:#8b5cf6;font-size:14px;font-weight:600;margin-bottom:12px}.frame-detail-row{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.frame-detail-row .label{color:#ffffff80;font-size:11px;font-weight:600;text-transform:uppercase}.frame-prompt{background:#0003;border-radius:6px;color:#fffc;font-size:12px;line-height:1.5;margin:0;max-height:80px;overflow-y:auto;padding:8px}.frames-actions{border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:center;padding-top:12px}.clip-complete{align-items:center;display:flex;gap:12px}.clip-debug-panel{background:#0000004d;border-radius:8px;margin-top:16px;padding:12px}.clip-debug-panel h4{color:#ffffff80;font-size:12px;font-weight:600;margin-bottom:8px}.clip-debug-panel .debug-logs{font-size:11px;max-height:150px;overflow-y:auto}.library-card-clip{cursor:pointer;position:relative}.library-card-clip-thumb{background:linear-gradient(135deg,#8b5cf64d,#6366f14d);position:relative}.library-card-icon-clip{align-items:center;color:#fff6;display:flex;height:100%;justify-content:center;width:100%}.photo-upload-area{border:2px dashed #fff3;border-radius:12px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .2s ease}.photo-upload-area:hover{background:#8b5cf60d;border-color:#8b5cf680}.photo-upload-placeholder{align-items:center;color:#ffffff80;display:flex;flex-direction:column;gap:12px}.photo-preview{position:relative}.photo-preview img{border-radius:8px;max-height:300px;max-width:200px}.photo-change-hint{background:#000000b3;border-radius:4px;bottom:8px;font-size:11px;left:50%;opacity:0;padding:4px 10px;position:absolute;transform:translateX(-50%);transition:opacity .2s}.photo-preview:hover .photo-change-hint{opacity:1}.frame-detail-meta-row{border-bottom:1px solid #ffffff14;display:flex;gap:20px;margin-bottom:12px;padding-bottom:12px}.frame-meta-item{display:flex;font-size:13px;gap:6px}.frame-meta-item .label{color:#ffffff80;font-weight:600}.clip-delete-btn{align-items:center;background:#ef4444cc;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:1;position:absolute;right:8px;top:8px;transition:opacity .2s ease,background .2s ease;width:24px;z-index:10}.clip-delete-btn:hover{background:#ef4444}.auth-callback-container{align-items:center;background:#0c0f12;background:hsl(var(--brand-bg));display:flex;flex-direction:column;justify-content:center;min-height:100vh}.auth-callback-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid hsl(var(--brand-accent));height:40px;margin-bottom:16px;width:40px}.auth-callback-text{color:#ffffffb3;font-size:14px}.policy-modal{max-height:85vh;width:min(720px,92%)}.policy-modal-body{max-height:calc(85vh - 80px);overflow-y:auto}.policy-modal-body .policy-copy{background:#0000;border:none;padding:0}.company-info-footer{border-top:1px solid #ffffff1a;margin-top:32px;padding-top:20px}.company-info-footer h4{color:#ffffffe6;font-size:14px;font-weight:700;margin-bottom:8px}.company-info-footer p{color:#fff9;font-size:13px;margin:4px 0}.contact-section{border-top:1px solid #ffffff1a;margin-top:32px;padding-top:24px}.contact-section>p{color:#ffffffb3;margin-bottom:16px}.contact-card{background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid #10b98133;border-radius:12px;margin-top:12px;padding:24px}.contact-card h4{color:#10b981;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.contact-card .company-name{color:#fffffff2;font-size:16px;font-weight:600;margin-bottom:8px}.contact-card .company-address{color:#ffffffb3;font-size:14px;line-height:1.5;margin-bottom:12px}.contact-card .company-email{color:#ffffffb3;font-size:14px;margin:0}.contact-card .company-email a{color:#10b981;text-decoration:none;transition:color .2s}.contact-card .company-email a:hover{color:#34d399;text-decoration:underline}.policy-updated{color:#ffffff80;font-size:12px;margin-bottom:16px}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:20px;transition:all .2s ease}.faq-item:hover{background:#ffffff0d;border-color:#10b9814d}.faq-item h3{color:#fffffff2;font-size:15px;font-weight:600;margin-bottom:8px}.faq-item p{color:#ffffffb3;font-size:14px;line-height:1.6;margin:0}.faq-item a{color:#10b981;text-decoration:none}.faq-item a:hover{text-decoration:underline}.policy-note{color:#ffffff80;font-size:13px;font-style:italic;margin-top:16px}.nav-link-btn{background:#0000;border:none;color:#ffffffb3;cursor:pointer;font-size:14px;padding:4px 0;transition:color .2s}.nav-link-btn:hover{color:#fff}.mobile-nav-btn{background:#0000;border:none;color:#fffc;cursor:pointer;display:block;font-size:15px;padding:12px 0;text-align:left;transition:color .2s;width:100%}.mobile-nav-btn:hover{color:#10b981}.mobile-menu-link{background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:block;font-size:14px;padding:10px 0;text-align:left;width:100%}.mobile-menu-link:hover{color:#fff}.pricing-cards-modal{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:20px}.pricing-card-modal{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:20px}.pricing-card-modal.featured{background:#10b9810d;border-color:#22ecc4;border-color:hsl(var(--brand-accent))}.pricing-card-modal h3{font-size:18px;font-weight:700;margin-bottom:8px}.pricing-card-modal .price{color:#22ecc4;color:hsl(var(--brand-accent));font-size:28px;font-weight:700;margin-bottom:16px}.pricing-card-modal .price span{color:#ffffff80;font-size:14px;font-weight:400}.pricing-card-modal ul{list-style:none;margin:0;padding:0}.pricing-card-modal li{color:#ffffffb3;font-size:13px;margin:8px 0;padding-left:16px;position:relative}.pricing-card-modal li:before{color:#22ecc4;color:hsl(var(--brand-accent));content:"✓";left:0;position:absolute}.popular-badge{background:#22ecc4;background:hsl(var(--brand-accent));border-radius:12px;color:#000;font-size:11px;font-weight:700;padding:4px 10px;position:absolute;right:16px;top:-10px}@media (max-width:768px){.pricing-cards-modal{grid-template-columns:1fr}.policy-modal{max-height:90vh;width:95%}}.panel-clip-detail{display:flex;flex-direction:column;gap:16px}.clip-detail-info{display:flex;flex-direction:column;gap:12px}.clip-detail-meta{display:flex;flex-direction:column;gap:4px}.clip-detail-status{align-items:center;display:flex;gap:8px}.clip-detail-date,.clip-detail-frames{font-size:13px}.clip-frames-preview{margin-top:8px;overflow:visible;position:relative}.clip-frames-label{font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.clip-frames-grid{display:flex;flex-wrap:wrap;gap:8px;overflow:visible}.clip-frame-thumb{background:#ffffff0d;border-radius:6px;height:60px;overflow:visible;width:60px}.clip-frame-thumb img{border-radius:6px;height:100%;object-fit:cover;width:100%}.clip-frame-empty{color:#ffffff4d;height:100%;width:100%}.clip-frame-actor-badge,.clip-frame-empty{align-items:center;display:flex;justify-content:center}.clip-frame-actor-badge{background:#22ecc4;background:hsl(var(--brand-accent));border-radius:50%;bottom:2px;color:#000;height:16px;position:absolute;right:2px;width:16px}.clip-frame-more{align-items:center;background:#ffffff0d;border-radius:6px;color:#ffffff80;display:flex;font-size:12px;height:60px;justify-content:center;width:60px}.clip-detail-actions{border-top:1px solid #ffffff14;margin-top:auto;padding-top:16px}.clip-detail-actions .btn-primary{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.type-label.type-clip{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.clip-thumb-img,.library-card-clip .library-card-cover img,.library-card-clip-thumb img{height:100%;object-fit:cover;width:100%}.library-grid{gap:12px;padding-right:12px}.panel-list{min-width:320px;padding-right:8px}.panel-detail{min-width:360px}.clip-frame-thumb{cursor:pointer;position:relative;transition:transform .2s,box-shadow .2s}.clip-frame-thumb:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.clip-frame-thumb.active{outline:2px solid #22ecc4;outline:2px solid hsl(var(--brand-accent))}.clip-frame-popup{background:#1a1a2e;border:1px solid #fff3;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 16px #0009;display:flex;gap:4px;padding:6px;z-index:1000}.clip-frame-popup,.clip-frame-popup:after{left:50%;position:absolute;transform:translateX(-50%)}.clip-frame-popup:after{border:6px solid #0000;border-bottom:6px solid hsl(var(--brand-surface));bottom:100%;content:""}.clip-frame-popup-btn{align-items:center;background:#ffffff14;border:none;border-radius:6px;color:#fffc;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s,color .2s;width:32px}.clip-frame-popup-btn:hover:not(:disabled){background:#22ecc4;background:hsl(var(--brand-accent));color:#000}.clip-frame-popup-btn:disabled{cursor:not-allowed;opacity:.3}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}*{scrollbar-color:#ffffff26 #ffffff08;scrollbar-width:thin}.btn-icon-danger{color:#fff9}.btn-icon-danger:hover{background:#ef44441a;color:#ef4444}.panel-title-actions{align-items:center;display:flex;gap:4px}.voice-models-list{background:#0003;border-radius:12px;margin-bottom:20px;padding:12px}.voice-models-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:0 4px}.voice-models-title{color:#ffffff80;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.voice-model-item{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:10px 12px;transition:all .15s ease}.voice-model-item:last-child{margin-bottom:0}.voice-model-item.voice-model-ready{cursor:pointer}.voice-model-item.voice-model-ready:hover{background:#ffffff0f;border-color:#10b98166}.voice-model-item.voice-model-selected{background:#10b9811a;border-color:#22ecc4;border-color:hsl(var(--brand-accent))}.voice-model-icon{align-items:center;background:linear-gradient(135deg,#10b9814d,#0596694d);border-radius:8px;color:#22ecc4;color:hsl(var(--brand-accent));display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.voice-model-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.voice-model-name{color:#fffffff2;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-model-language{color:#ffffff80;font-size:12px}.voice-model-status{flex-shrink:0}.status-training{align-items:center;color:#fbbf24;display:flex;font-size:12px;font-weight:500;gap:6px}.status-training .spin{animation:spin 1s linear infinite}.status-ready{background:#22c55e26;color:#22c55e}.status-failed,.status-ready{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px}.status-failed{background:#ef444426;color:#ef4444}.status-unknown{color:#ffffff80;font-size:12px}.cover-select{-webkit-appearance:none;appearance:none;background:#0006;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid #ffffff26;border-radius:10px;color:#ffffffe6;cursor:pointer;font-size:14px;padding:12px 40px 12px 14px;transition:all .15s ease;width:100%}.cover-select:hover{background-color:#00000080;border-color:#ffffff40}.cover-select:focus{border-color:#22ecc4;border-color:hsl(var(--brand-accent));box-shadow:0 0 0 2px #10b98126;outline:none}.cover-select option{background:#1a1a2e;color:#ffffffe6;padding:12px}.cover-model-row{align-items:stretch;border-bottom:1px solid #ffffff14;display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px}.cover-model-row .field-flex{display:flex;flex:1 1;flex-direction:column;margin-bottom:0}.cover-model-row .field-flex label{margin-bottom:8px}.cover-model-row .btn-outline{align-items:center;align-self:flex-end;display:flex;height:44px;justify-content:center;white-space:nowrap}.cover-upload-area{border:2px dashed #fff3;border-radius:12px;cursor:pointer;padding:24px;text-align:center;transition:all .2s ease}.cover-upload-area:hover{background:#ffffff05;border-color:#fff6}.cover-upload-label{align-items:center;color:#fff9;cursor:pointer;display:flex;flex-direction:column;gap:8px}.cover-upload-label .upload-hint{color:#fff6;font-size:12px}.cover-file-info{align-items:center;background:#10b9811a;border-radius:8px;color:#22ecc4;color:hsl(var(--brand-accent));display:flex;gap:12px;padding:8px 16px}.cover-file-info span{flex:1 1;font-size:14px;text-align:left}.new-model-header{align-items:center;animation:fadeIn .2s ease forwards;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.new-model-header h3{font-size:16px;font-weight:600;margin:0}.new-model-files-section{animation:fadeInUp .25s ease forwards;margin:4px 0;padding:10px 0}.new-model-files{display:flex;flex-direction:column;gap:6px}.new-model-files.scrollable{max-height:140px;overflow-y:auto;padding-right:4px}.new-model-files.scrollable::-webkit-scrollbar{width:4px}.new-model-files.scrollable::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.new-model-files.scrollable::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.new-model-files.scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.new-model-file{align-items:center;animation:fadeInUp .2s ease forwards;background:#ffffff0d;border-radius:8px;color:#fffc;display:flex;gap:10px;padding:8px 10px;transition:all .15s ease}.new-model-file:hover{background:#ffffff14}.new-model-file-name{flex:1 1;font-size:13px;max-width:calc(100% - 50px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-model-file .btn-icon{flex-shrink:0;padding:4px}.new-model-form-section{animation:fadeIn .25s ease forwards;padding:10px 0}.new-model-form-section .field{margin-bottom:0}.training-time-estimate{animation:fadeIn .2s ease forwards;color:#ffffff80;font-size:12px;margin-top:8px}.btn-upload-files{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:12px;width:100%}.library-card-cover-item{position:relative}.library-card-cover-thumb{background:linear-gradient(135deg,#fb923c4d,#b4530980)}.library-card-icon-cover{color:#ffffffb3}.cover-delete-btn{background:#0009;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;opacity:0;padding:6px;position:absolute;right:8px;top:8px;transition:all .15s ease}.library-card-cover-item:hover .cover-delete-btn{opacity:1}.cover-delete-btn:hover{background:#ef4444cc;color:#fff}.duration-progress-compact{margin-top:10px;padding-top:8px}.duration-progress-bar-small{background:#ffffff1a;border-radius:2px;height:4px;overflow:visible;position:relative}.duration-progress-fill{border-radius:2px;height:100%;transition:width .3s ease,background-color .3s ease}.duration-progress-fill.duration-yellow{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.duration-progress-fill.duration-green{background:linear-gradient(90deg,#10b981,#059669)}.duration-progress-fill.duration-blue{background:linear-gradient(90deg,#3b82f6,#2563eb)}.duration-bar-marker{background:#ffffff40;height:8px;position:absolute;top:-2px;width:1px}.duration-labels-row{align-items:center;display:flex;height:16px;justify-content:space-between;margin-top:6px;position:relative}.duration-uploaded{font-feature-settings:"tnum";color:#ffffff80;font-size:10px;font-variant-numeric:tabular-nums;left:50%}.duration-marker-good,.duration-uploaded{position:absolute;transform:translateX(-50%)}.duration-marker-good{color:#10b981;font-size:10px;left:25%}.duration-marker-great{color:#3b82f6;font-size:10px;left:75%;position:absolute;transform:translateX(-50%)}.new-model-file-duration{font-feature-settings:"tnum";color:#ffffff80;font-size:12px;font-variant-numeric:tabular-nums;margin-left:auto;margin-right:8px}.pricing-modal{background:linear-gradient(145deg,#0e1b16,#0f1a24 50%,#141b29);border:1px solid #10b98133;border-radius:16px;box-shadow:0 25px 50px -12px #0009,0 0 40px #10b9811a;max-height:85vh;max-width:720px;overflow-y:auto;padding:28px 32px;position:relative;width:95%}.pricing-modal-close{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px}.pricing-modal-close:hover{background:#ffffff26;color:#fff}.pricing-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22ecc4,#42a5f5);background:linear-gradient(135deg,hsl(var(--brand-accent)) 0,hsl(var(--brand-accent-2)) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;letter-spacing:3px;margin-bottom:24px;text-align:center;text-transform:uppercase}.pricing-plans-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:600px){.pricing-plans-container{grid-template-columns:1fr}.pricing-modal{padding:20px}}.pricing-plan-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;padding:20px;position:relative;transition:all .3s ease}.pricing-plan-card:hover{background:#ffffff0f;border-color:#22ecc44d;border-color:hsl(var(--brand-accent)/.3)}.pricing-plan-card.yearly{background:#22ecc40f;background:hsl(var(--brand-accent)/.06);border-color:#22ecc466;border-color:hsl(var(--brand-accent)/.4)}.pricing-save-badge{background:linear-gradient(135deg,#22ecc4,#1fad7e);background:linear-gradient(135deg,hsl(var(--brand-accent)) 0,#1fad7e 100%);border-radius:16px;box-shadow:0 4px 12px #22ecc44d;box-shadow:0 4px 12px hsl(var(--brand-accent)/.3);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:6px 12px;position:absolute;right:16px;top:-10px}.pricing-plan-label{color:#ffffff80;font-size:.75rem;font-weight:600;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.pricing-plan-price{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:16px}.pricing-plan-price span{color:#fff6;font-size:.85rem;font-weight:400}.pricing-buttons-row{display:flex;gap:8px;margin-bottom:0}.price-strikethrough{margin-right:4px;opacity:.6;text-decoration:line-through}.pricing-divider{background:#ffffff14;height:1px;margin:16px 0}.pricing-features{flex:1 1;list-style:none;margin:0;padding:0}.pricing-features li{align-items:center;color:#ffffffb3;display:flex;font-size:.8rem;gap:8px;padding:5px 0}.pricing-features .feature-check{color:#22ecc4;color:hsl(var(--brand-accent));flex-shrink:0;height:14px;width:14px}.pricing-credits-section{border-top:1px solid #ffffff14;padding:20px 0 16px;text-align:center}.pricing-credits-title{color:#fffc;font-size:1rem;font-weight:600;margin-bottom:14px}.pricing-credits-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.pricing-credit-btn{background:#22ecc41f;background:hsl(var(--brand-accent)/.12);border:1px solid #22ecc440;border:1px solid hsl(var(--brand-accent)/.25);border-radius:8px;color:#22ecc4;color:hsl(var(--brand-accent));cursor:pointer;font-size:.75rem;font-weight:600;padding:10px 18px;transition:all .2s ease}.pricing-credit-btn:hover:not(:disabled){background:#22ecc433;background:hsl(var(--brand-accent)/.2);border-color:#22ecc466;border-color:hsl(var(--brand-accent)/.4);transform:translateY(-1px)}.pricing-credit-btn:disabled{cursor:not-allowed;opacity:.5}.pricing-cancel-section{padding-top:16px;text-align:center}.pricing-cancel-btn{background:#0000;border:none;color:#ffffff59;cursor:pointer;font-size:.75rem;padding:8px 16px;transition:all .2s ease}.pricing-cancel-btn:hover:not(:disabled){color:#ef4444b3}.pricing-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.special-offer-modal{background:linear-gradient(145deg,#12211c,#121f2b 50%,#1f1b32);border:1px solid #22ecc440;border:1px solid hsl(var(--brand-accent)/.25);box-shadow:0 0 50px #22ecc433;box-shadow:0 0 50px hsl(var(--brand-accent)/.2);max-width:400px;padding:48px 36px;text-align:center;width:90%}.special-offer-close{background:#ffffff14;color:#ffffff80;height:32px;right:14px;top:14px;transition:all .2s ease;width:32px}.special-offer-close:hover{background:#ffffff26;color:#fff}.special-offer-content{align-items:center;gap:12px}.special-offer-label{color:#fff9;font-size:1rem;font-weight:500;letter-spacing:3px}.pricing-card-modal .save-badge{background:linear-gradient(135deg,#22ecc4,#1fad7e);background:linear-gradient(135deg,hsl(var(--brand-accent)) 0,#1fad7e 100%);border-radius:12px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:4px 10px;position:absolute;right:10px;top:-10px}.pricing-card-modal{position:relative}@media (max-width:500px){.pricing-modal{padding:18px}.pricing-modal-title{font-size:1.4rem}.pricing-plan-price{font-size:1.25rem}.special-offer-title{font-size:1.5rem}.pricing-buttons-row,.pricing-credits-buttons{flex-direction:column}}.pricing-modal.pricing-modal-single{max-width:480px}.pricing-plan-switcher{background:#ffffff0d;border-radius:6px;display:flex;gap:0;justify-content:center;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:2px;width:-webkit-fit-content;width:fit-content}.plan-switch-btn{background:#0000;border:none;border-radius:4px;color:#ffffff80;cursor:pointer;font-size:.6rem;font-weight:600;letter-spacing:1px;padding:5px 14px;transition:all .2s ease}.plan-switch-btn:hover{color:#fffc}.plan-switch-btn.active{background:linear-gradient(135deg,#22ecc4,#42a5f5);background:linear-gradient(135deg,hsl(var(--brand-accent)) 0,hsl(var(--brand-accent-2)) 100%);box-shadow:0 2px 8px #22ecc44d;box-shadow:0 2px 8px hsl(var(--brand-accent)/.3);color:#fff}.pricing-single-card{background:#ffffff0a;border:1px solid #22ecc440;border:1px solid hsl(var(--brand-accent)/.25);border-radius:16px;margin-bottom:24px;padding:28px;position:relative;text-align:center}.pricing-single-card .pricing-save-badge{position:absolute;right:24px;top:-12px}.pricing-plan-header{color:#ffffff80;font-size:.8rem;font-weight:600;letter-spacing:2px;margin-bottom:8px}.pricing-plan-price-large{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:24px}.pricing-plan-price-large span{color:#fff6;font-size:1rem;font-weight:400}.pricing-trial-btn-single{background:linear-gradient(135deg,#22ecc4,#42a5f5);background:linear-gradient(135deg,hsl(var(--brand-accent)) 0,hsl(var(--brand-accent-2)) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 auto 12px;max-width:280px;padding:14px 24px;transition:all .2s ease;width:100%}.pricing-trial-btn-single:hover:not(:disabled){box-shadow:0 8px 20px #22ecc466;box-shadow:0 8px 20px hsl(var(--brand-accent)/.4);transform:translateY(-2px)}.pricing-trial-btn-single:disabled{cursor:not-allowed;opacity:.5}.pricing-subscribe-btn-single{background:#0000;border:2px solid #22ecc4;border:2px solid hsl(var(--brand-accent));border-radius:10px;box-shadow:0 0 20px #22ecc433,inset 0 0 20px #22ecc40d;box-shadow:0 0 20px hsl(var(--brand-accent)/.2),inset 0 0 20px hsl(var(--brand-accent)/.05);color:#22ecc4;color:hsl(var(--brand-accent));cursor:pointer;display:block;font-size:.9rem;font-weight:700;letter-spacing:1px;margin:0 auto;max-width:280px;padding:14px 24px;transition:all .2s ease;width:100%}.pricing-subscribe-btn-single:hover:not(:disabled){background:#22ecc41a;background:hsl(var(--brand-accent)/.1);box-shadow:0 0 30px #22ecc466,inset 0 0 20px #22ecc41a;box-shadow:0 0 30px hsl(var(--brand-accent)/.4),inset 0 0 20px hsl(var(--brand-accent)/.1);transform:translateY(-2px)}.pricing-subscribe-btn-single:disabled{cursor:not-allowed;opacity:.5}.pricing-subscribe-btn-single.already-active{border-color:#22ecc466;border-color:hsl(var(--brand-accent)/.4);box-shadow:none;color:#22ecc499;color:hsl(var(--brand-accent)/.6)}.pricing-features-single{grid-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0;text-align:left}.pricing-features-single li{align-items:center;color:#ffffffbf;display:flex;font-size:.85rem;gap:8px}.pricing-features-single .feature-check{color:#22ecc4;color:hsl(var(--brand-accent));flex-shrink:0}@media (max-width:500px){.pricing-modal.pricing-modal-single{max-width:95%;padding:20px}.pricing-plan-price-large{font-size:2rem}.pricing-features-single{grid-template-columns:1fr}.plan-switch-btn{font-size:.55rem;padding:4px 10px}}.btn-activate-subscription{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#22ecc4,#42a5f5);background:linear-gradient(135deg,hsl(var(--brand-accent)) 0,hsl(var(--brand-accent-2)) 100%);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 14px;transition:all .2s ease}.btn-activate-subscription:hover{box-shadow:0 4px 12px #22ecc466;box-shadow:0 4px 12px hsl(var(--brand-accent)/.4);transform:translateY(-1px)}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #22ecc44d;box-shadow:0 0 8px hsl(var(--brand-accent)/.3)}50%{box-shadow:0 0 16px #22ecc480;box-shadow:0 0 16px hsl(var(--brand-accent)/.5)}}.pricing-activate-section{background:linear-gradient(135deg,#22ecc41a,#42a5f51a);background:linear-gradient(135deg,hsl(var(--brand-accent)/.1) 0,hsl(var(--brand-accent-2)/.1) 100%);border:1px solid #22ecc44d;border:1px solid hsl(var(--brand-accent)/.3);border-radius:12px;margin-bottom:16px;padding:20px;text-align:center}.pricing-activate-title{color:#22ecc4;color:hsl(var(--brand-accent));font-size:1rem;font-weight:600;margin-bottom:8px}.pricing-activate-text{color:#ffffffb3;font-size:.85rem;margin-bottom:14px}.pricing-activate-btn{background:linear-gradient(135deg,#22ecc4,#42a5f5);background:linear-gradient(135deg,hsl(var(--brand-accent)) 0,hsl(var(--brand-accent-2)) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.pricing-activate-btn:hover:not(:disabled){box-shadow:0 6px 16px #22ecc466;box-shadow:0 6px 16px hsl(var(--brand-accent)/.4);transform:translateY(-2px)}.pricing-activate-btn:disabled{cursor:not-allowed;opacity:.5}.landing-pricing-single{margin:0 auto;max-width:420px}.landing-pricing-toggle{background:#19242e;border:none;border-radius:50px;display:flex;margin-bottom:20px;padding:3px;position:relative}.landing-pricing-toggle:before{background:#22ecc4;background:hsl(var(--brand-accent));border-radius:50px;content:"";height:calc(100% - 6px);left:3px;position:absolute;top:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 3px);z-index:0}.landing-pricing-toggle.yearly-active:before{transform:translateX(100%)}.landing-toggle-btn{border-radius:50px;color:#121a21;font-size:.9rem;padding:10px 24px;transition:color .2s ease}.landing-toggle-btn.inactive{background:#0000;color:#fff9}.landing-toggle-btn.inactive:hover{color:#fff}.landing-price-card-single{background:#19242e;border:1px solid #22ecc466;border:1px solid hsl(var(--brand-accent)/.4);border-radius:16px;cursor:pointer;padding:24px;transition:all .3s ease}.landing-price-card-single:hover{border-color:#22ecc499;border-color:hsl(var(--brand-accent)/.6);box-shadow:0 8px 32px #22ecc433;box-shadow:0 8px 32px hsl(var(--brand-accent)/.2);transform:translateY(-4px)}.landing-pricing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}.landing-price-card{background:#19242e;border:1px solid #22ecc44d;border:1px solid hsl(var(--brand-accent)/.3);border-radius:16px;cursor:pointer;padding:24px;position:relative;transition:all .3s ease}.landing-price-card:hover{border-color:#22ecc499;border-color:hsl(var(--brand-accent)/.6);box-shadow:0 8px 32px #22ecc433;box-shadow:0 8px 32px hsl(var(--brand-accent)/.2);transform:translateY(-4px)}.landing-price-card.featured{border-color:#22ecc480;border-color:hsl(var(--brand-accent)/.5)}.landing-price-card .save-badge{background:#22ecc4;background:hsl(var(--brand-accent));border-radius:20px;color:#121a21;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 10px;position:absolute;right:16px;top:-10px}.landing-price-header h3{color:#fff;font-size:1.3rem;font-weight:700;margin:0 0 4px}.landing-price-subtitle{color:#ffffff80;font-size:.85rem;margin:0 0 16px}.landing-price-amount{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.landing-price-card-single .landing-price-amount{animation:priceFadeIn .25s ease-out}.landing-price-original{color:#fff6;font-size:.95rem;text-decoration:line-through}.landing-price-value{color:#fff;font-size:2rem;font-weight:700}.landing-price-period{color:#22ecc4;color:hsl(var(--brand-accent));font-size:.75rem;font-weight:600;letter-spacing:.5px}.landing-price-features{list-style:none;margin:0 0 20px;padding:0}.landing-price-features li{align-items:center;color:#fffc;display:flex;font-size:.85rem;gap:8px;padding:4px 0}.landing-price-features li strong{color:#fff}.landing-price-features .check-icon{color:#22ecc4;color:hsl(var(--brand-accent));flex-shrink:0;height:16px;width:16px}.landing-price-btn{background:#22ecc4;background:hsl(var(--brand-accent));border:none;border-radius:50px;color:#121a21;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 20px;transition:box-shadow .2s ease;width:100%}.landing-price-btn:hover{box-shadow:0 0 20px #22ecc480;box-shadow:0 0 20px hsl(var(--brand-accent)/.5)}@media (max-width:640px){.landing-pricing-grid{grid-template-columns:1fr}.landing-price-value{font-size:1.6rem}}.pricing-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pricing-modal-v2{background:#10141efa;border-radius:20px;max-height:90vh;max-width:400px;overflow:hidden;overflow-y:auto;padding:24px 20px;position:relative;width:100%}.pricing-close-btn{background:#0000;border:none;color:#ffffff80;cursor:pointer;padding:4px;position:absolute;right:16px;top:16px;transition:color .2s ease}.pricing-close-btn:hover{color:#fff}.pricing-title{color:#32eea1;font-size:1.3rem;font-weight:700;letter-spacing:4px;margin-bottom:16px;text-align:center}.pricing-toggle{background:#0000004d;border:none;border-radius:50px;display:flex;margin-bottom:16px;padding:3px;position:relative}.pricing-toggle:before{background:linear-gradient(135deg,#32eea1,#28c98a);border-radius:50px;content:"";height:calc(100% - 6px);left:3px;position:absolute;top:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 3px);z-index:0}.pricing-toggle.yearly-active:before{transform:translateX(100%)}.pricing-toggle-btn{background:#0000;border:none;border-radius:50px;color:#121a21;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:8px 20px;position:relative;transition:color .2s ease;z-index:1}.pricing-toggle-btn.inactive{background:#0000;color:#fff9}.pricing-toggle-btn.inactive:hover{color:#fff}.pricing-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;margin-bottom:16px;padding:16px}.pricing-card-title{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 4px}.pricing-card-subtitle{color:#ffffff80;font-size:.8rem;line-height:1.4;margin:0 0 12px}.pricing-price-row{align-items:center;display:flex;gap:8px;margin-bottom:12px}.pricing-original-price{animation:priceFadeIn .25s ease-out;color:#fff6;font-size:1rem;text-decoration:line-through}.pricing-current-price{animation:priceFadeIn .25s ease-out;color:#fff;font-size:2rem;font-weight:700;line-height:1}.pricing-period{animation:priceFadeIn .25s ease-out;color:#32eea1;font-size:.8rem;font-weight:600;letter-spacing:1px}@keyframes priceFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pricing-features-list{list-style:none;margin:0 0 12px;padding:0}.pricing-features-list li{align-items:flex-start;color:#fffc;display:flex;font-size:.8rem;gap:8px;line-height:1.3;padding:3px 0}.pricing-features-list li strong{color:#fff;font-weight:600}.pricing-check-icon{color:#32eea1;flex-shrink:0;height:16px;margin-top:1px;width:16px}.pricing-subscribe-btn{background:linear-gradient(135deg,#32eea1,#28c98a);border:none;border-radius:50px;color:#0f172a;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:box-shadow .2s ease,transform .2s ease;width:100%}.pricing-subscribe-btn:hover:not(:disabled){background:linear-gradient(135deg,#32eea1,#28c98a);box-shadow:0 0 25px #32eea1b3,0 0 50px #32eea166;transform:translateY(-2px)}.pricing-subscribe-btn.disabled,.pricing-subscribe-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}#pricing-trial-btn{background:#0000!important;border:2px solid #32eea1!important;border-radius:50px;color:#32eea1!important;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:10px;padding:12px 24px;transition:box-shadow .2s ease,transform .2s ease;width:100%}#pricing-trial-btn:hover:not(:disabled){background:#32eea11a!important;box-shadow:0 0 25px #32eea180,0 0 50px #32eea14d;transform:translateY(-2px)}#pricing-trial-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}button[data-button-type=trial-outline]{background:#0000!important;border:2px solid #32eea1!important;border-radius:50px;color:#32eea1!important;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:10px;padding:12px 24px;transition:box-shadow .2s ease,transform .2s ease;width:100%}button[data-button-type=trial-outline]:hover:not(:disabled){background:#32eea11a!important;box-shadow:0 0 25px #32eea180,0 0 50px #32eea14d;transform:translateY(-2px)}button[data-button-type=trial-outline]:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.pricing-trial-btn-outline{background:#0000!important;border:2px solid #32eea1!important;border-radius:50px;color:#32eea1!important;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:10px;padding:12px 24px;transition:box-shadow .2s ease,transform .2s ease;width:100%}.pricing-trial-btn-outline:hover:not(:disabled){background:#32eea11a!important;box-shadow:0 0 25px #32eea180,0 0 50px #32eea14d;transform:translateY(-2px)}.pricing-trial-btn-outline:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.pricing-credits-card{margin-bottom:12px}.pricing-credits-warning{background:#5214144d;border:1px solid #a3292980;border-radius:8px;color:#e08585;font-size:.8rem;margin-bottom:12px;padding:10px 12px;text-align:center}.pricing-credit-options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.pricing-credit-options.disabled{opacity:.5;pointer-events:none}.pricing-credit-option{align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.pricing-credit-option:hover:not(:disabled){border-color:#32eea180}.pricing-credit-option.selected{background:#32eea11a;border-color:#32eea1}.pricing-credit-option:disabled{cursor:not-allowed;opacity:.5}.pricing-radio{align-items:center;border:2px solid #fff6;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:border-color .2s ease;width:20px}.pricing-credit-option.selected .pricing-radio{border-color:#32eea1}.pricing-radio-inner{background:#0000;border-radius:50%;height:10px;transition:background .2s ease;width:10px}.pricing-credit-option.selected .pricing-radio-inner{background:#32eea1}.pricing-credit-label{color:#fff;flex:1 1;font-size:.9rem;font-weight:600}.pricing-credit-price{color:#ffffffb3;font-size:.9rem;font-weight:600}.pricing-credit-badge{background:linear-gradient(135deg,#32eea1,#28c98a);border-radius:20px;color:#0f172a;font-size:.7rem;font-weight:700;margin-left:8px;padding:4px 8px}.pricing-cancel-link{background:#0000;border:none;color:#fff6;cursor:pointer;display:block;font-size:.8rem;padding:10px;text-align:center;transition:color .2s ease;width:100%}.pricing-cancel-link:hover:not(:disabled){color:#ffffffb3}.pricing-cancel-link:disabled{cursor:not-allowed}@media (max-width:500px){.pricing-modal-v2{padding:20px 16px}.pricing-toggle-btn{font-size:.8rem;padding:8px 14px}.pricing-current-price{font-size:1.8rem}.pricing-credits-row{flex-direction:column}}.special-offer-overlay{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.special-offer-modal{aspect-ratio:16/9;border-radius:20px;max-width:560px;overflow:hidden;position:relative;width:100%}.special-offer-bg-image{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0;position:absolute}.special-offer-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s ease;width:40px;z-index:10}.special-offer-close:hover{background:#ffffff4d}.special-offer-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:40px 32px;position:relative;z-index:1}.special-offer-subtitle{color:#fff;display:block;font-size:2rem;font-weight:700;margin-bottom:-4px;text-align:left}.special-offer-title{color:#fff!important;font-size:3.5rem;font-weight:800;line-height:1.1;margin:0;text-align:left}.special-offer-btn{align-items:center;background:#000c;border:2px solid #32eea1;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-top:20px;max-width:320px;padding:14px 24px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.special-offer-btn:hover{background:#000000e6;box-shadow:0 8px 24px #32eea14d;transform:translateY(-2px)}.special-offer-btn-text{color:#fff;font-size:1.1rem;font-weight:700}.special-offer-btn-timer{color:#32eea1;font-size:1.1rem;font-weight:700}@media (max-width:600px){.special-offer-modal{aspect-ratio:4/3;max-width:400px}.special-offer-content{padding:30px 24px}.special-offer-title{font-size:2rem}.special-offer-btn{max-width:100%;padding:12px 20px}.special-offer-btn-text,.special-offer-btn-timer{font-size:1rem}}.landing-pricing-grid-3{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:32px;width:100%}.landing-pricing-block{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;display:flex;flex-direction:column;padding:32px 24px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.landing-pricing-block:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.landing-pricing-block.featured{background:#ffffff0a;border:1px solid #ffffff14;box-shadow:none}.landing-block-content{display:flex;flex:1 1;flex-direction:column}.landing-block-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 8px;text-align:left}.landing-block-subtitle{color:#fff9;font-size:.9rem;line-height:1.5;margin:0 0 24px;min-height:42px;text-align:left}.landing-block-highlight{align-items:baseline;animation:fadeInUp .4s ease;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-bottom:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.landing-highlight-strike{color:#fff6;font-size:.95rem;text-decoration:line-through}.landing-highlight-large{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.02em}.landing-highlight-period{color:#ffffff80;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.landing-block-features{flex:1 1;list-style:none;margin:0;padding:0}.landing-block-features li{align-items:flex-start;color:#fffc;display:flex;font-size:.9rem;gap:10px;line-height:1.5;margin-bottom:14px}.landing-block-features li .check-icon{color:#32eea1;flex-shrink:0;margin-top:3px}.landing-block-features li strong{color:#fff;font-size:1.2rem;font-weight:600}.landing-block-toggle{background:#0000004d;border-radius:50px;display:flex;padding:3px;position:absolute;right:24px;top:32px;width:160px}.landing-block-toggle:before{background:linear-gradient(135deg,#32eea1,#28c98a);border-radius:50px;content:"";height:calc(100% - 6px);left:3px;position:absolute;top:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 3px);z-index:0}.landing-block-toggle.yearly-active:before{transform:translateX(100%)}.landing-toggle-btn{background:#0000;border:none;color:#fff;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:6px 12px;position:relative;transition:color .3s ease;z-index:1}.landing-toggle-btn.inactive{color:#ffffff80}.landing-toggle-btn.inactive:hover{color:#fffc}.landing-credits-note{align-items:center;background:#eab3081a;border:1px solid #eab3084d;border-radius:10px;color:#fbbf24;display:flex;font-size:.85rem;gap:8px;justify-content:flex-start;margin-bottom:20px;padding:12px 16px}.landing-credits-note .note-icon{font-size:1rem}.landing-credit-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.landing-credit-option{align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:all .2s ease}.landing-credit-option:hover{background:#0000004d;border-color:#fff3}.landing-credit-option.selected{background:#32eea11a;border-color:#32eea180}.landing-credit-radio{align-items:center;border:2px solid #ffffff4d;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:border-color .2s ease;width:20px}.landing-credit-option.selected .landing-credit-radio{border-color:#32eea1}.landing-credit-radio-inner{background:#32eea1;border-radius:50%;height:10px;opacity:0;transform:scale(0);transition:all .2s ease;width:10px}.landing-credit-option.selected .landing-credit-radio-inner{opacity:1;transform:scale(1)}.landing-credit-label{color:#fff;flex:1 1;font-size:.9rem;font-weight:500;white-space:nowrap}.landing-credit-badge{background:linear-gradient(135deg,#32eea1,#28c98a);border-radius:20px;color:#0f172a;font-size:.7rem;font-weight:600;padding:3px 8px;white-space:nowrap}.landing-credit-price{color:#32eea1;font-size:.9rem;font-weight:700;white-space:nowrap}.landing-block-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:24px}.landing-btn-primary{align-items:center;background:linear-gradient(135deg,#32eea1,#28c98a);border:none;border-radius:50px;color:#0f172a;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:56px;justify-content:center;padding:0 24px;transition:all .3s ease;width:100%}.landing-btn-primary:hover{box-shadow:0 8px 20px #32eea166;transform:translateY(-2px)}.landing-btn-outline{align-items:center;background:#0000;border:2px solid #32eea1;border-radius:50px;color:#32eea1;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:56px;justify-content:center;padding:0 24px;transition:all .3s ease;width:100%}.landing-btn-outline:hover{background:#32eea11a;transform:translateY(-2px)}@media (max-width:1024px){.landing-pricing-grid-3{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:400px}.landing-pricing-block{min-height:auto}}@media (max-width:768px){.landing-pricing-grid-3{gap:16px}.landing-pricing-block{padding:24px 20px}.landing-block-title{font-size:1.3rem}.landing-highlight-large{font-size:1.8rem}}.profile-container{align-items:center;display:flex;margin-left:12px;position:relative}.profile-avatar-btn{background:#0000;border:1px solid #ffffff29;border-radius:50%;cursor:pointer;height:36px;overflow:hidden;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);width:36px}.profile-avatar-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.profile-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-dropdown{background:#17191c;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #00000080;padding:20px;position:absolute;right:0;top:calc(100% + 12px);width:320px;z-index:1000}.profile-user-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.profile-user-info{display:flex;flex-direction:column;gap:2px}.profile-user-name{color:#fff;font-size:1.1rem;font-weight:600}.profile-user-email{color:#ffffff80;font-size:.8rem}.profile-dropdown-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.profile-credits-block{background:#ffffff0f;border-radius:12px;justify-content:space-between;margin-bottom:16px;padding:16px}.profile-credits-block,.profile-credits-left{align-items:center;display:flex}.profile-subscription-badge{background:#0000;border:1px solid #f59e0b;border-radius:20px;box-shadow:0 0 15px #f59e0b33;color:#f59e0b;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 14px;text-shadow:0 0 10px #f59e0b80;transition:all .2s ease}.profile-subscription-badge:hover{background:#f59e0b1a;box-shadow:0 0 20px #f59e0b66}.profile-credits-right{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.profile-credits-link{background:none;border:none;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:0;text-decoration:underline;transition:color .2s ease}.profile-credits-link:hover{color:#32eea1}.profile-credits-note{color:#fff6;font-size:.7rem}.profile-logout-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;margin-bottom:20px;padding:12px 20px;transition:all .2s ease;width:100%}.profile-logout-btn:hover{background:#ffffff1a;border-color:#fff3}.profile-nav-links{align-items:center;display:flex;gap:16px;justify-content:center;padding-top:4px}.profile-nav-link{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.85rem;padding:0;text-decoration:underline;transition:color .2s ease}.profile-nav-link:hover{color:#fff}.mobile-user-row{align-items:center;display:flex;gap:12px;padding:12px 0}.mobile-user-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.mobile-user-info{display:flex;flex-direction:column;gap:2px}.mobile-user-name{color:#fff;font-size:1rem;font-weight:600}.mobile-user-email{color:#ffffff80;font-size:.8rem}.mobile-credits-block{align-items:center;background:#ffffff0f;border-radius:10px;display:flex;justify-content:space-between;margin:8px 0;padding:12px 16px}.mobile-subscription-badge{background:#0000;border:1px solid #f59e0b;border-radius:16px;color:#f59e0b;font-size:.8rem;font-weight:600;padding:4px 12px;text-shadow:0 0 10px #f59e0b80}.mobile-credits-link{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;text-decoration:underline}.offer-banner{background:linear-gradient(90deg,#76f4ec,#1aa884,#4cd77f);padding:4px 0}.offer-banner-inner{padding:4px 16px;position:relative}.offer-banner-content,.offer-banner-inner{align-items:center;display:flex;justify-content:center}.offer-banner-content{gap:20px}.offer-banner-text{color:#fff;font-size:.95rem;text-align:center}.offer-banner-text strong{font-weight:700}.offer-banner-btn{background:#fff;border:none;border-radius:12px;color:#1aa884;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 12px;transition:all .2s ease;white-space:nowrap}.offer-banner-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.offer-banner-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;opacity:.8;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.offer-banner-close:hover{opacity:1}@media (max-width:768px){.offer-banner-content{flex-direction:column;gap:10px}.offer-banner-text{font-size:.85rem}.offer-banner-btn{font-size:.85rem;padding:6px 16px}}
/*# sourceMappingURL=main.e80f21de.css.map*/