*,: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:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,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}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-2\.5{left:.625rem}.left-3{left:.75rem}.right-0{right:0}.right-1{right:.25rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2\.5{top:.625rem}.top-4{top:1rem}.top-full{top:100%}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.me-1{-webkit-margin-end:.25rem;margin-inline-end:.25rem}.me-2{-webkit-margin-end:.5rem;margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.ms-1{-webkit-margin-start:.25rem;margin-inline-start:.25rem}.ms-2{-webkit-margin-start:.5rem;margin-inline-start:.5rem}.ms-3{-webkit-margin-start:.75rem;margin-inline-start:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-60{max-height:15rem}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[60px\]{min-height:60px}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[1px\]{width:1px}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[140px\]{min-width:140px}.min-w-\[160px\]{min-width:160px}.min-w-\[200px\]{min-width:200px}.min-w-\[8rem\]{min-width:8rem}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-\[200px\]{max-width:200px}.max-w-\[280px\]{max-width:280px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{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-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-0{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-x-0{--tw-translate-x:0px}.translate-x-4{--tw-translate-x:1rem}.rotate-180,.translate-x-4{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-180{--tw-rotate:180deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.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}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.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-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(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)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-border{border-color:#e5e7eb;border-color:var(--admin-border,#e5e7eb)}.border-green-500{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-input{border-color:#d1d5db;border-color:var(--admin-border-input,#d1d5db)}.border-primary{border-color:#3b82f6;border-color:var(--admin-primary,#3b82f6)}.border-red-500{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-warning{border-color:#eab308;border-color:var(--admin-warning,#eab308)}.border-yellow-500{--tw-border-opacity:1;border-color:#eab308;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.border-l-transparent{border-left-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-background{background-color:#f9fafb;background-color:var(--admin-bg-primary,#f9fafb)}.bg-black\/50{background-color:#00000080}.bg-black\/80{background-color:#000c}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-border{background-color:#e5e7eb;background-color:var(--admin-border,#e5e7eb)}.bg-card{background-color:#fff;background-color:var(--admin-bg-card,#fff)}.bg-destructive{background-color:#ef4444;background-color:var(--admin-destructive,#ef4444)}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-muted{background-color:#f3f4f6;background-color:var(--admin-bg-muted,#f3f4f6)}.bg-muted-foreground{background-color:#6b7280;background-color:var(--admin-text-muted,#6b7280)}.bg-orange-500{--tw-bg-opacity:1;background-color:#f97316;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-popover{background-color:#fff;background-color:var(--admin-bg-card,#fff)}.bg-primary{background-color:#3b82f6;background-color:var(--admin-primary,#3b82f6)}.bg-purple-500{--tw-bg-opacity:1;background-color:#a855f7;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-secondary{background-color:#e5e7eb;background-color:var(--admin-bg-secondary,#e5e7eb)}.bg-success{background-color:#22c55e;background-color:var(--admin-success,#22c55e)}.bg-transparent{background-color:initial}.bg-warning{background-color:#eab308;background-color:var(--admin-warning,#eab308)}.bg-yellow-500{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[1px\]{padding:1px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-bottom:0;padding-top:0}.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-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-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-8{padding-left:2rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-end{text-align:end}.align-middle{vertical-align:middle}.font-mono{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-card-foreground{color:#111827;color:var(--admin-text-primary,#111827)}.text-cyan-400{--tw-text-opacity:1;color:#22d3ee;color:rgb(34 211 238/var(--tw-text-opacity,1))}.text-destructive{color:#ef4444;color:var(--admin-destructive,#ef4444)}.text-destructive-foreground{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-foreground{color:#111827;color:var(--admin-text-primary,#111827)}.text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-muted{color:#f3f4f6;color:var(--admin-bg-muted,#f3f4f6)}.text-muted-foreground{color:#6b7280;color:var(--admin-text-muted,#6b7280)}.text-orange-400{--tw-text-opacity:1;color:#fb923c;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-pink-400{--tw-text-opacity:1;color:#f472b6;color:rgb(244 114 182/var(--tw-text-opacity,1))}.text-popover-foreground{color:#111827;color:var(--admin-text-primary,#111827)}.text-primary{color:#3b82f6;color:var(--admin-primary,#3b82f6)}.text-primary-foreground{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:#c084fc;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-secondary{color:#e5e7eb;color:var(--admin-bg-secondary,#e5e7eb)}.text-secondary-foreground{color:#374151;color:var(--admin-text-secondary,#374151)}.text-success{color:#22c55e;color:var(--admin-success,#22c55e)}.text-success-foreground{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-warning{color:#eab308;color:var(--admin-warning,#eab308)}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:#eab308;color:rgb(234 179 8/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-0{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-offset-background{--tw-ring-offset-color:var(--admin-bg-primary,#f9fafb)}.blur{--tw-blur:blur(8px)}.blur,.invert{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)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-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-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}html{-webkit-text-size-adjust:100%;font-size:16px}body,html{max-width:100vw;overflow-x:hidden}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;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn,button{font-size:16px}input,select,textarea{font-size:16px;max-width:100%}html{scroll-behavior:smooth}.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}.placeholder\:text-muted-foreground::placeholder{color:#6b7280;color:var(--admin-text-muted,#6b7280)}.hover\:bg-accent:hover,.hover\:bg-muted:hover{background-color:#f3f4f6;background-color:var(--admin-bg-muted,#f3f4f6)}.hover\:bg-secondary:hover{background-color:#e5e7eb;background-color:var(--admin-bg-secondary,#e5e7eb)}.hover\:text-accent-foreground:hover{color:#111827;color:var(--admin-text-primary,#111827)}.hover\:text-destructive:hover{color:#ef4444;color:var(--admin-destructive,#ef4444)}.hover\:text-foreground:hover{color:#111827;color:var(--admin-text-primary,#111827)}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:bg-accent:focus{background-color:#f3f4f6;background-color:var(--admin-bg-muted,#f3f4f6)}.focus\:text-accent-foreground:focus{color:#111827;color:var(--admin-text-primary,#111827)}.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:var(--admin-primary,#3b82f6)}.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:var(--admin-primary,#3b82f6)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--admin-bg-primary,#f9fafb)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:#f3f4f6;background-color:var(--admin-bg-muted,#f3f4f6)}@media (min-width:640px){.sm\:block{display:block}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-md{max-width:28rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:gap-0{gap:0}.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\:rounded-lg{border-radius:.5rem}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:ml-16{margin-left:4rem}.lg\:ml-64{margin-left:16rem}.lg\:hidden{display:none}.lg\:w-64{width:16rem}.lg\:w-auto{width:auto}.lg\:translate-x-0{--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))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:p-6{padding:1.5rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1280px){.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.\[\&\: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))}.\[\&\>div\]\:bg-destructive>div{background-color:#ef4444;background-color:var(--admin-destructive,#ef4444)}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}:root{--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-elegant:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Courier New",monospace;--font-retro:"Poppins","Quicksand",-apple-system,BlinkMacSystemFont,sans-serif;--text-xs:clamp(0.75rem,0.7rem + 0.25vw,0.8125rem);--text-sm:clamp(0.875rem,0.825rem + 0.25vw,0.9375rem);--text-base:clamp(1rem,0.95rem + 0.25vw,1.0625rem);--text-lg:clamp(1.125rem,1.05rem + 0.375vw,1.25rem);--text-xl:clamp(1.25rem,1.15rem + 0.5vw,1.5rem);--text-2xl:clamp(1.5rem,1.35rem + 0.75vw,1.875rem);--text-3xl:clamp(1.875rem,1.65rem + 1.125vw,2.25rem);--text-4xl:clamp(2.25rem,1.95rem + 1.5vw,3rem);--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:1.75;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-slower:350ms cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1)}:root,[data-theme=light]{--primary-color:#6b93ff;--primary-50:#f0f4ff;--primary-100:#e0eaff;--primary-200:#c7d9ff;--primary-300:#a3c1ff;--primary-400:#7ba3ff;--primary-500:#6b93ff;--primary-600:#5478e8;--primary-700:#3d5dc7;--neutral-0:#fff;--neutral-50:#fafbfc;--neutral-100:#f5f7fa;--neutral-200:#e8ecf0;--neutral-300:#d1d8e0;--neutral-400:#a8b4c3;--neutral-500:#7c8b9f;--neutral-600:#5a6b82;--neutral-700:#3e4c5e;--neutral-800:#2c3a4d;--neutral-900:#1a2332;--accent-lavender:#e6e3ff;--accent-mint:#d4f5e9;--accent-peach:#ffe8de;--accent-rose:#ffe3ed;--accent-sky:#d4edff;--accent-lemon:#fff9db;--success:#7fd99a;--success-bg:#e8f8ed;--warning:#ffb85c;--warning-bg:#fff4e6;--error:#ff8a8a;--error-bg:#ffeaea;--info:#7ba3ff;--info-bg:#e0eaff;--background-primary:#fafbfc;--background-secondary:#fff;--background-tertiary:#f5f7fa;--border-color:#e8ecf0;--text-primary:#1a2332;--text-secondary:#4a5869;--text-tertiary:#5a6b82;--shadow-sm:0 1px 2px 0 #2a3f5f14;--shadow-md:0 4px 6px -1px #2a3f5f1f,0 2px 4px -1px #2a3f5f14;--shadow-lg:0 10px 15px -3px #2a3f5f1f,0 4px 6px -2px #2a3f5f14;--shadow-xl:0 20px 25px -5px #2a3f5f1f,0 10px 10px -5px #2a3f5f0f;--hover-overlay:#6b93ff14;--active-overlay:#6b93ff29;--focus-ring:#6b93ff66;--font-active:var(--font-primary);--glass-bg-rgb:255,255,255;--glass-border-rgb:200,200,200;--glass-blur:12px}[data-theme=dark]{--primary-color:#7b9fd8;--primary-50:#1a2332;--primary-100:#243040;--primary-200:#2e3d51;--primary-300:#3e506a;--primary-400:#5a7098;--primary-500:#7b9fd8;--primary-600:#95b5e8;--primary-700:#b0cbf5;--neutral-0:#0d1117;--neutral-50:#161b22;--neutral-100:#1f2630;--neutral-200:#2d3644;--neutral-300:#3e4c5e;--neutral-400:#525f73;--neutral-500:#7c8b9f;--neutral-600:#a8b4c3;--neutral-700:#c5ced9;--neutral-800:#e1e7ef;--neutral-900:#f5f7fa;--accent-lavender:#4a3f5e;--accent-mint:#2e4f45;--accent-peach:#4f3c35;--accent-rose:#4a3543;--accent-sky:#2d4556;--accent-lemon:#4a4635;--success:#5ba874;--success-bg:#1f3329;--warning:#d4945c;--warning-bg:#3a2e1f;--error:#d47878;--error-bg:#3a1f1f;--info:#7b9fd8;--info-bg:#1f2d3f;--background-primary:#0d1117;--background-secondary:#1f2630;--background-tertiary:#2d3644;--border-color:#3e4c5e;--text-primary:#f5f7fa;--text-secondary:#a8b4c3;--text-tertiary:#7c8b9f;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;--hover-overlay:#7b9fd81f;--active-overlay:#7b9fd83d;--focus-ring:#7b9fd880;--font-active:var(--font-primary)}[data-theme=matrix]{--primary-color:#0f0;--primary-50:#001a00;--primary-100:#002800;--primary-200:#003d00;--primary-300:#050;--primary-400:#070;--primary-500:#0f0;--primary-600:#3f3;--primary-700:#6f6;--neutral-0:#000;--neutral-50:#010;--neutral-100:#020;--neutral-200:#030;--neutral-300:#040;--neutral-400:#060;--neutral-500:#0a0;--neutral-600:#0c0;--neutral-700:#0f0;--neutral-800:#3f3;--neutral-900:#6f6;--accent-cyan:#0ff;--accent-yellow:#ff0;--accent-magenta:#f0f;--accent-lime:#cf0;--accent-teal:#0f8;--accent-neon:#8f0;--success:#0f0;--success-bg:#030;--warning:#ff0;--warning-bg:#330;--error:red;--error-bg:#300;--info:#0ff;--info-bg:#033;--background-primary:#000;--background-secondary:#010;--background-tertiary:#020;--border-color:#0f0;--text-primary:#0f0;--text-secondary:#0c0;--text-tertiary:#0a0;--shadow-sm:0 0 5px #00ff004d;--shadow-md:0 0 10px #00ff004d,0 0 20px #0f03;--shadow-lg:0 0 15px #0f06,0 0 30px #00ff004d;--shadow-xl:0 0 20px #00ff0080,0 0 40px #0f06;--hover-overlay:#00ff0026;--active-overlay:#00ff004d;--focus-ring:#0f09;--text-glow:0 0 5px #0f0,0 0 10px #0f0;--border-glow:0 0 10px #0f0,0 0 20px #0f0;--font-active:var(--font-mono)}[data-theme=matrix] h1,[data-theme=matrix] h2,[data-theme=matrix] h3{text-shadow:var(--text-glow)}[data-theme=matrix] .card{box-shadow:var(--border-glow)}[data-theme=retro]{--primary-color:#ff9f1c;--primary-50:#fff8e7;--primary-100:#fff0cc;--primary-200:#ffe4a3;--primary-300:#ffd470;--primary-400:#ffc247;--primary-500:#ff9f1c;--primary-600:#e87f00;--primary-700:#c66000;--neutral-0:#fffef9;--neutral-50:#fff8e7;--neutral-100:#f5eed9;--neutral-200:#e8dec3;--neutral-300:#d4c5a3;--neutral-400:#b5a586;--neutral-500:#8b7e5f;--neutral-600:#6b5e42;--neutral-700:#4f4331;--neutral-800:#3a3024;--neutral-900:#2a2118;--accent-coral:#ff6b6b;--accent-teal:#4ecdc4;--accent-mustard:#f4a259;--accent-olive:#a8b456;--accent-burgundy:#a4243b;--accent-sage:#8fa998;--success:#7fb069;--success-bg:#eef4ea;--warning:#f4a259;--warning-bg:#fff4e6;--error:#e76f51;--error-bg:#faeae6;--info:#4ecdc4;--info-bg:#e8f6f5;--background-primary:#fff8e7;--background-secondary:#fffef9;--background-tertiary:#f5eed9;--border-color:#d4c5a3;--text-primary:#2a2118;--text-secondary:#6b5e42;--text-tertiary:#6b5e42;--shadow-sm:0 1px 2px 0 #2a21181f;--shadow-md:0 4px 6px -1px #2a211826,0 2px 4px -1px #2a21181a;--shadow-lg:0 10px 15px -3px #2a211826,0 4px 6px -2px #2a21181a;--shadow-xl:0 20px 25px -5px #2a211826,0 10px 10px -5px #2a211814;--hover-overlay:#ff9f1c1f;--active-overlay:#ff9f1c3d;--focus-ring:#ff9f1c80;--retro-accent:#ffc107;--font-active:var(--font-retro)}@media (prefers-reduced-motion:reduce){[data-theme=matrix] h1,[data-theme=matrix] h2,[data-theme=matrix] h3{text-shadow:none}[data-theme=matrix] .falling-letter{animation:none;display:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-primary);color:var(--text-primary);font-family:var(--font-active);font-size:clamp(1rem,.95rem + .25vw,1.0625rem);font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal);transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-slow),color var(--transition-slow)}*,:after,:before{transition-duration:.3s cubic-bezier(.4,0,.2,1);transition-duration:var(--transition-slow);transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:ease-in-out}:not([class*=animate]):not([class*=transition]){transition-property:background-color,border-color,color,fill,stroke!important}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);display:inline-flex;font-family:var(--font-active);font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;line-height:var(--leading-tight);padding:var(--space-3) var(--space-6);text-decoration:none;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--primary-500);border-color:var(--primary-500)}.btn-primary:hover:not(:disabled){background-color:var(--primary-600);border-color:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:var(--primary-700);box-shadow:var(--shadow-sm);transform:translateY(1px)}.btn-primary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.btn-primary:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.btn-secondary{background-color:var(--background-tertiary);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--background-primary);border-color:var(--neutral-300);box-shadow:var(--shadow-sm)}.btn-success{background-color:var(--success);border-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(1.1);transform:translateY(-1px)}.btn-danger{background-color:var(--error);border-color:var(--error);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(1.1);transform:translateY(-1px)}.btn-outline-light{background-color:initial;border-color:var(--border-color);color:var(--text-primary)}.btn-outline-light:hover:not(:disabled){background-color:var(--hover-overlay);border-color:var(--primary-500)}.btn-sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.btn-lg{font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}.btn-icon{border-radius:var(--radius-md);height:2.5rem;padding:0;width:2.5rem}.btn-icon.btn-sm{font-size:var(--text-sm);height:2rem;width:2rem}.form-control{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);display:block;font-family:var(--font-active);font-size:var(--text-base);line-height:var(--leading-normal);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.form-control:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.form-control:disabled{background-color:var(--background-tertiary);cursor:not-allowed;opacity:.6}.form-control::placeholder{color:var(--text-tertiary)}textarea.form-control{min-height:80px;resize:vertical}.input-group{display:flex;gap:0;width:100%}.input-group .form-control{border-radius:var(--radius-md) 0 0 var(--radius-md);flex:1 1;height:auto;line-height:var(--leading-normal)}.input-group .form-control:not(:first-child){border-left:none;border-radius:0}.input-group .form-control:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.input-group .form-control:only-child{border-radius:var(--radius-md)}.input-group-append{align-items:stretch;display:flex}.input-group-append .btn{align-self:stretch;border-radius:0 var(--radius-md) var(--radius-md) 0;height:auto;padding:var(--space-3) var(--space-4)}input[type=checkbox]{accent-color:var(--primary-500);cursor:pointer;height:1.125rem;margin-right:var(--space-2);width:1.125rem}.navbar{background-color:var(--neutral-800);padding:var(--space-4) var(--space-6);transition:background-color var(--transition-slow)}.navbar-brand{color:#fff!important;font-size:var(--text-xl);text-decoration:none}.navbar-brand:hover{opacity:.9}.navbar-nav{display:flex;gap:var(--space-4);list-style:none;margin:0;padding:0}.nav-item{align-items:center;display:flex}.navbar-dark{background-color:var(--neutral-800)}.navbar-dark .navbar-brand{color:#fff}[data-theme=dark] .navbar{background-color:var(--neutral-100)}[data-theme=light] .navbar{background-color:var(--primary-500)}[data-theme=light] .navbar .btn-outline-light{background-color:#ffffff26;border-color:#fff6;color:#fff}[data-theme=light] .navbar .btn-outline-light:hover:not(:disabled){background-color:#ffffff40;border-color:#fff9;color:#fff}[data-theme=retro] .navbar{background-color:var(--accent-brown)}[data-theme=retro] .navbar .btn-outline-light{background-color:#ffffff26;border-color:#fff6;color:#fff}[data-theme=retro] .navbar .btn-outline-light:hover:not(:disabled){background-color:#ffffff40;border-color:#fff9;color:#fff}[data-theme=matrix] .navbar{background-color:var(--neutral-50);box-shadow:var(--border-glow)}[data-theme=retro] .navbar{background-color:var(--neutral-700);border-bottom:3px solid var(--primary-500)}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-6);width:100%}@media (max-width:768px){.container{padding:0 var(--space-4)}}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--space-3)*-1)}.col-md-6{flex:0 0 100%;max-width:100%;padding:0 var(--space-3)}@media (min-width:768px){.col-md-6{flex:0 0 50%;max-width:50%}}.mb-3{margin-bottom:var(--space-6)!important}.mt-2{margin-top:var(--space-4)!important}.mt-3,.my-3{margin-top:var(--space-6)!important}.my-3{margin-bottom:var(--space-6)!important}.me-3{margin-right:var(--space-6)!important}.mr-2{margin-right:var(--space-4)!important}.d-flex{display:flex!important}.align-items-center{align-items:center!important}.justify-content-between{justify-content:space-between!important}.ms-auto{margin-left:auto!important}.list-group{display:flex;flex-direction:column;margin-bottom:0;padding-left:0}.list-group-item{align-items:center;background-color:var(--background-secondary);border:1px solid var(--border-color);display:flex;padding:var(--space-4);position:relative;transition:all var(--transition-fast)}.list-group-item:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.list-group-item:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item:hover{background-color:var(--hover-overlay)}.text-muted{color:var(--text-tertiary)!important}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-active);font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0 0 var(--space-4) 0}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-lg);justify-content:center;padding:var(--space-12)}a{color:var(--primary-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-600);text-decoration:underline}a:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.btn-link i.bi-pencil,.btn-link i.bi-trash,.btn-link i.bi-trash3{font-size:1rem!important;line-height:1!important}.list-group-item.d-flex.align-items-center{align-items:flex-start!important}.list-group-item>div:last-child{align-items:center;display:flex;flex-shrink:0;margin-top:0}.spinner-border{display:inline-block;height:2rem;vertical-align:text-bottom;width:2rem}.spinner-border-sm{border-width:.2em}.spinner-border{border:.25em solid;border-right:.25em solid #0000}[data-theme=light] .spinner-border{animation:spinner-rotation .8s linear infinite;border-color:#3b82f6 #3b82f6 #3b82f633 #3b82f633;border-style:solid;border-width:.25em}[data-theme=light] .spinner-border-sm{border-width:.2em}[data-theme=dark] .spinner-border{animation:spinner-rotation .8s linear infinite,dark-glow 2s ease-in-out infinite;border-color:#8b5cf6 #8b5cf6 #8b5cf633 #8b5cf633;border-style:solid;border-width:.25em;box-shadow:0 0 10px #8b5cf64d}@keyframes dark-glow{0%,to{box-shadow:0 0 10px #8b5cf64d}50%{box-shadow:0 0 20px #8b5cf699}}[data-theme=matrix] .spinner-border{animation:none;border:none;height:2rem;position:relative;width:2rem}[data-theme=matrix] .spinner-border-sm{height:1rem;width:1rem}[data-theme=matrix] .spinner-border:before{animation:matrix-spin 1s linear infinite;border-color:#0f0 #0f0 #0000 #0000;border-radius:50%;border-style:solid;border-width:2px;box-shadow:0 0 10px #00ff0080,inset 0 0 10px #00ff004d;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}[data-theme=matrix] .spinner-border:after{animation:matrix-pulse .8s ease-in-out infinite;color:#0f0;content:"⋮";font-size:1.5em;left:50%;line-height:1;position:absolute;text-shadow:0 0 5px #0f0c,0 0 10px #00ff0080;top:50%;transform:translate(-50%,-50%)}[data-theme=matrix] .spinner-border-sm:after{font-size:.8em}@keyframes matrix-spin{0%{border-right-color:#0f0;border-top-color:#0f0;transform:translate(-50%,-50%) rotate(0deg)}25%{border-right-color:#0f0;border-top-color:#0c0}50%{border-right-color:#0c0;border-top-color:#0f0;transform:translate(-50%,-50%) rotate(180deg)}75%{border-right-color:#0f0;border-top-color:#0c0}to{border-right-color:#0f0;border-top-color:#0f0;transform:translate(-50%,-50%) rotate(1turn)}}@keyframes matrix-pulse{0%,to{opacity:.6;text-shadow:0 0 5px #0f09,0 0 10px #00ff004d}50%{opacity:1;text-shadow:0 0 10px #0f0,0 0 20px #0f09,0 0 30px #00ff004d}}[data-theme=retro] .spinner-border{animation:none;border:none;height:2rem;image-rendering:pixelated;position:relative;width:2rem}[data-theme=retro] .spinner-border-sm{height:1rem;width:1rem}[data-theme=retro] .spinner-border:before{animation:retro-rotate 1s steps(8) infinite;background:linear-gradient(90deg,#0000 45%,#f97316 0,#f97316 55%,#0000 0),linear-gradient(0deg,#0000 45%,#f97316 0,#f97316 55%,#0000 0);content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}[data-theme=retro] .spinner-border:after{animation:retro-blink .5s steps(2) infinite;background-color:var(--background-primary);border:2px solid #f97316;content:"";height:50%;left:25%;position:absolute;top:25%;width:50%}@keyframes retro-rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}12.5%{transform:translate(-50%,-50%) rotate(45deg)}25%{transform:translate(-50%,-50%) rotate(90deg)}37.5%{transform:translate(-50%,-50%) rotate(135deg)}50%{transform:translate(-50%,-50%) rotate(180deg)}62.5%{transform:translate(-50%,-50%) rotate(225deg)}75%{transform:translate(-50%,-50%) rotate(270deg)}87.5%{transform:translate(-50%,-50%) rotate(315deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes retro-blink{0%,to{opacity:1}50%{opacity:.3}}.spinner-border-lg{border-width:.3em;height:3rem;width:3rem}[data-theme=matrix] .spinner-border-lg:after{font-size:2em}[data-theme=retro] .spinner-border-lg:before{border-width:3px}.text-primary .spinner-border{color:var(--primary-500)}.text-secondary .spinner-border{color:var(--text-secondary)}.loading-container{gap:var(--space-4);min-height:200px;padding:var(--space-8)}.loading-text{color:var(--text-secondary);font-family:var(--font-active);font-size:var(--text-base)}[data-theme=matrix] .loading-text{color:#0f0;font-family:Courier New,monospace;text-shadow:0 0 5px #00ff0080}[data-theme=retro] .loading-text{color:#f97316;font-family:Courier New,monospace;letter-spacing:.1em;text-transform:uppercase}.admin-dashboard{--admin-bg-primary:#f9fafb;--admin-bg-card:#fff;--admin-bg-muted:#f3f4f6;--admin-bg-input:#fff;--admin-bg-hover:#f3f4f6;--admin-bg-secondary:#e5e7eb;--admin-text-primary:#111827;--admin-text-secondary:#374151;--admin-text-muted:#6b7280;--admin-border:#e5e7eb;--admin-border-input:#d1d5db;--admin-primary:#3b82f6;--admin-primary-light:#3b82f61a;--admin-success:#22c55e;--admin-success-light:#f0fdf4;--admin-success-text:#16a34a;--admin-warning:#eab308;--admin-warning-light:#fffbeb;--admin-warning-text:#d97706;--admin-destructive:#ef4444;--admin-destructive-light:#fef2f2;--admin-destructive-text:#dc2626;--admin-overlay:#0000004d;--admin-shadow-color:#0000001a;--admin-scrollbar-track:#f9fafb;--admin-scrollbar-thumb:#d1d5db;--admin-scrollbar-thumb-hover:#9ca3af}[data-theme=dark] .admin-dashboard,[data-theme=matrix] .admin-dashboard,[data-theme=retro] .admin-dashboard{--admin-bg-primary:#0a0a0a;--admin-bg-card:#111;--admin-bg-muted:#27272a;--admin-bg-input:#1a1a1a;--admin-bg-hover:#262626;--admin-bg-secondary:#27272a;--admin-text-primary:#fafafa;--admin-text-secondary:#e5e5e5;--admin-text-muted:#a1a1aa;--admin-border:#27272a;--admin-border-input:#3f3f46;--admin-primary:#3b82f6;--admin-primary-light:#3b82f626;--admin-success:#22c55e;--admin-success-light:#22c55e26;--admin-success-text:#4ade80;--admin-warning:#eab308;--admin-warning-light:#eab30826;--admin-warning-text:#facc15;--admin-destructive:#ef4444;--admin-destructive-light:#ef444426;--admin-destructive-text:#f87171;--admin-overlay:#0009;--admin-shadow-color:#0006;--admin-scrollbar-track:#0a0a0a;--admin-scrollbar-thumb:#27272a;--admin-scrollbar-thumb-hover:#3f3f46}.admin-dashboard .container,.admin-dashboard .container-fluid,.admin-dashboard .row,.admin-dashboard [class*=col-]{flex:none!important;margin:0!important;max-width:none!important;padding:0!important}.admin-dashboard .card{background-color:var(--admin-bg-card)!important;border:1px solid var(--admin-border)!important;border-radius:.5rem!important;box-shadow:none!important}.admin-dashboard .btn,.admin-dashboard a.btn,.admin-dashboard button.btn{background-color:initial!important;border:none!important;border-radius:.375rem!important;box-shadow:none!important;color:inherit!important;font-size:.875rem!important;font-weight:500!important;line-height:1.25rem!important;min-height:auto!important;padding:.5rem 1rem!important;text-transform:none!important}.admin-dashboard .btn.active,.admin-dashboard .btn:active,.admin-dashboard .btn:focus,.admin-dashboard .btn:hover{background-color:var(--admin-bg-muted)!important;box-shadow:none!important;color:var(--admin-text-primary)!important;outline:none!important}.admin-dashboard .form-control{background-color:initial!important;border:1px solid var(--admin-border)!important;border-radius:.375rem!important;box-shadow:none!important;color:var(--admin-text-primary)!important;font-size:.875rem!important;height:auto!important;padding:.5rem .75rem!important}.admin-dashboard .form-control:focus{background-color:initial!important;border-color:var(--admin-primary)!important;box-shadow:0 0 0 2px var(--admin-primary-light)!important;outline:none!important}.admin-dashboard .table,.admin-dashboard table{background-color:initial!important;border-collapse:collapse!important;color:var(--admin-text-primary)!important;width:100%!important}.admin-dashboard .table td,.admin-dashboard .table th,.admin-dashboard table td,.admin-dashboard table th{background-color:initial!important;border:none!important;border-bottom:1px solid var(--admin-border)!important;color:var(--admin-text-primary)!important;padding:.75rem 1rem!important;vertical-align:middle!important}.admin-dashboard .table thead th,.admin-dashboard table thead th{color:var(--admin-text-secondary)!important;font-size:.75rem!important;font-weight:500!important;letter-spacing:.05em!important;text-transform:uppercase!important}.admin-dashboard .nav,.admin-dashboard .nav-link{background-color:initial!important;border:none!important;margin:0!important;padding:0!important}.admin-dashboard .dropdown-menu{background-color:var(--admin-bg-card)!important;border:1px solid var(--admin-border)!important;border-radius:.5rem!important;box-shadow:0 10px 15px -3px var(--admin-shadow-color)!important;padding:.25rem!important}.admin-dashboard .dropdown-item{background-color:initial!important;border-radius:.25rem!important;color:var(--admin-text-primary)!important;padding:.5rem .75rem!important}.admin-dashboard .dropdown-item:focus,.admin-dashboard .dropdown-item:hover{background-color:var(--admin-bg-muted)!important;color:var(--admin-text-primary)!important}.admin-dashboard .modal-content{background-color:var(--admin-bg-card)!important;border:1px solid var(--admin-border)!important;border-radius:.5rem!important}.admin-dashboard .modal-footer,.admin-dashboard .modal-header{border-color:var(--admin-border)!important}.admin-dashboard .alert{border:1px solid var(--admin-border)!important;border-radius:.5rem!important;margin:0!important;padding:1rem!important}.admin-dashboard .badge{border-radius:9999px!important;font-weight:500!important;padding:.25rem .5rem!important}.admin-dashboard{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;background-color:var(--admin-bg-primary)!important;color:var(--admin-text-primary)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:14px!important;line-height:1.5!important;min-height:100vh!important;transition:background-color .2s ease,color .2s ease!important}.admin-dashboard *,.admin-dashboard :after,.admin-dashboard :before{transition-duration:.15s!important;transition-property:background-color,border-color,color,opacity,transform,box-shadow!important}.admin-dashboard h1,.admin-dashboard h2,.admin-dashboard h3,.admin-dashboard h4,.admin-dashboard h5,.admin-dashboard h6{color:var(--admin-text-primary)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;line-height:1.25!important;margin:0!important}.admin-dashboard h1{font-size:1.875rem!important;font-weight:700!important}.admin-dashboard h2{font-size:1.5rem!important;font-weight:600!important}.admin-dashboard h3{font-size:1.25rem!important;font-weight:600!important}.admin-dashboard h4{font-size:1.125rem!important;font-weight:500!important}.admin-dashboard div,.admin-dashboard label,.admin-dashboard p,.admin-dashboard span{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.admin-dashboard code,.admin-dashboard pre{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace!important}.admin-dashboard .bg-background{background-color:var(--admin-bg-primary)!important}.admin-dashboard .bg-card,.admin-dashboard .bg-popover{background-color:var(--admin-bg-card)!important}.admin-dashboard .bg-muted{background-color:var(--admin-bg-muted)!important}.admin-dashboard .bg-secondary{background-color:var(--admin-bg-secondary)!important}.admin-dashboard .bg-primary{background-color:var(--admin-primary)!important}.admin-dashboard .bg-destructive{background-color:var(--admin-destructive)!important}.admin-dashboard .bg-success{background-color:var(--admin-success)!important}.admin-dashboard .bg-warning{background-color:var(--admin-warning)!important}.admin-dashboard .bg-accent{background-color:var(--admin-bg-muted)!important}.admin-dashboard .text-card-foreground,.admin-dashboard .text-foreground,.admin-dashboard .text-popover-foreground{color:var(--admin-text-primary)!important}.admin-dashboard .text-muted-foreground{color:var(--admin-text-muted)!important}.admin-dashboard .text-secondary-foreground{color:var(--admin-text-secondary)!important}.admin-dashboard .text-primary{color:var(--admin-primary)!important}.admin-dashboard .text-primary-foreground{color:#fff!important}.admin-dashboard .text-destructive{color:var(--admin-destructive)!important}.admin-dashboard .text-destructive-foreground{color:#fff!important}.admin-dashboard .text-success{color:var(--admin-success)!important}.admin-dashboard .text-success-foreground{color:#fff!important}.admin-dashboard .text-warning{color:var(--admin-warning)!important}.admin-dashboard .text-warning-foreground{color:var(--admin-bg-primary)!important}.admin-dashboard .text-accent-foreground{color:var(--admin-text-primary)!important}.admin-dashboard .border-border{border-color:var(--admin-border)!important}.admin-dashboard .border-input{border-color:var(--admin-border-input)!important}.admin-dashboard .border{border-color:var(--admin-border)!important}.admin-dashboard *{border-color:var(--admin-border)}.admin-dashboard .bg-primary\/5{background-color:#3b82f60d!important}.admin-dashboard .bg-primary\/10{background-color:#3b82f61a!important}.admin-dashboard .bg-primary\/20{background-color:#3b82f633!important}.admin-dashboard .bg-destructive\/5{background-color:#ef44440d!important}.admin-dashboard .bg-destructive\/10{background-color:#ef44441a!important}.admin-dashboard .bg-destructive\/20{background-color:#ef444433!important}.admin-dashboard .bg-success\/5{background-color:#22c55e0d!important}.admin-dashboard .bg-success\/10{background-color:#22c55e1a!important}.admin-dashboard .bg-success\/20{background-color:#22c55e33!important}.admin-dashboard .bg-warning\/5{background-color:#eab3080d!important}.admin-dashboard .bg-warning\/10{background-color:#eab3081a!important}.admin-dashboard .bg-warning\/20{background-color:#eab30833!important}.admin-dashboard .bg-muted\/30{background-color:#27272a4d!important}.admin-dashboard .bg-muted\/50{background-color:#27272a80!important}.admin-dashboard .bg-black\/50{background-color:#00000080!important}.admin-dashboard .bg-black\/80{background-color:#000c!important}.admin-dashboard .border-success\/20{border-color:#22c55e33!important}.admin-dashboard .border-warning\/20{border-color:#eab30833!important}.admin-dashboard .border-destructive\/20{border-color:#ef444433!important}.admin-dashboard .border-primary\/20{border-color:#3b82f633!important}.admin-dashboard .hover\:bg-muted:hover{background-color:var(--admin-bg-muted)!important}.admin-dashboard .hover\:bg-secondary:hover{background-color:var(--admin-bg-secondary)!important}.admin-dashboard .hover\:bg-accent:hover{background-color:var(--admin-bg-muted)!important}.admin-dashboard .hover\:bg-primary\/20:hover{background-color:var(--admin-primary-light)!important}.admin-dashboard .hover\:bg-destructive\/20:hover{background-color:var(--admin-destructive-light)!important}.admin-dashboard .hover\:text-accent-foreground:hover,.admin-dashboard .hover\:text-foreground:hover{color:var(--admin-text-primary)!important}.admin-dashboard .hover\:text-primary:hover{color:var(--admin-primary)!important}.admin-dashboard .hover\:border-border:hover{border-color:var(--admin-border)!important}.admin-dashboard .focus\:ring-ring:focus{--tw-ring-color:var(--admin-primary)!important}.admin-dashboard .ring-offset-background{--tw-ring-offset-color:var(--admin-bg-primary)!important}.admin-dashboard .focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--admin-primary)!important}.admin-dashboard .shadow-sm{box-shadow:0 1px 2px 0 var(--admin-shadow-color)!important}.admin-dashboard .shadow{box-shadow:0 1px 3px 0 var(--admin-shadow-color),0 1px 2px -1px var(--admin-shadow-color)!important}.admin-dashboard .shadow-md{box-shadow:0 4px 6px -1px var(--admin-shadow-color),0 2px 4px -1px var(--admin-shadow-color)!important}.admin-dashboard .shadow-lg{box-shadow:0 10px 15px -3px var(--admin-shadow-color),0 4px 6px -4px var(--admin-shadow-color)!important}.admin-dashboard input:not([type=checkbox]):not([type=radio]),.admin-dashboard select,.admin-dashboard textarea{background-color:var(--admin-bg-input)!important;border:1px solid var(--admin-border)!important;border-radius:.375rem!important;color:var(--admin-text-primary)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:.875rem!important;line-height:1.5!important}.admin-dashboard input::placeholder,.admin-dashboard textarea::placeholder{color:var(--admin-text-muted)!important}.admin-dashboard input:focus,.admin-dashboard select:focus,.admin-dashboard textarea:focus{border-color:var(--admin-primary)!important;box-shadow:0 0 0 2px var(--admin-primary-light)!important;outline:none!important}.admin-dashboard input:disabled,.admin-dashboard select:disabled,.admin-dashboard textarea:disabled{background-color:var(--admin-bg-muted)!important;cursor:not-allowed!important;opacity:.5!important}.admin-dashboard button{cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.admin-dashboard button:not(.btn){background:#0000;border:none;padding:0}.admin-dashboard [class*=btn-]{align-items:center!important;border-radius:.375rem!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;justify-content:center!important;transition:all .15s!important}.admin-dashboard .rounded-lg{border-radius:.5rem!important}.admin-dashboard .rounded-md{border-radius:.375rem!important}.admin-dashboard .rounded-sm{border-radius:.25rem!important}.admin-dashboard .rounded-full{border-radius:9999px!important}.admin-dashboard ::-webkit-scrollbar{height:8px;width:8px}.admin-dashboard ::-webkit-scrollbar-track{background:var(--admin-scrollbar-track)}.admin-dashboard ::-webkit-scrollbar-thumb{background:var(--admin-scrollbar-thumb);border-radius:4px}.admin-dashboard ::-webkit-scrollbar-thumb:hover{background:var(--admin-scrollbar-thumb-hover)}.admin-dashboard{scrollbar-color:var(--admin-scrollbar-thumb) var(--admin-scrollbar-track);scrollbar-width:thin}.admin-dashboard .animate-pulse{animation:admin-pulse 2s cubic-bezier(.4,0,.6,1) infinite!important}@keyframes admin-pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-dashboard .animate-spin{animation:admin-spin 1s linear infinite!important}@keyframes admin-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-dashboard .flex{display:flex!important}.admin-dashboard .inline-flex{display:inline-flex!important}.admin-dashboard .grid{display:grid!important}.admin-dashboard .hidden{display:none!important}.admin-dashboard .block{display:block!important}.admin-dashboard .flex-col{flex-direction:column!important}.admin-dashboard .flex-row{flex-direction:row!important}.admin-dashboard .flex-1{flex:1 1!important}.admin-dashboard .flex-shrink-0,.admin-dashboard .shrink-0{flex-shrink:0!important}.admin-dashboard .items-center{align-items:center!important}.admin-dashboard .items-start{align-items:flex-start!important}.admin-dashboard .items-end{align-items:flex-end!important}.admin-dashboard .justify-center{justify-content:center!important}.admin-dashboard .justify-between{justify-content:space-between!important}.admin-dashboard .justify-start{justify-content:flex-start!important}.admin-dashboard .justify-end{justify-content:flex-end!important}.admin-dashboard .gap-1{gap:.25rem!important}.admin-dashboard .gap-2{gap:.5rem!important}.admin-dashboard .gap-3{gap:.75rem!important}.admin-dashboard .gap-4{gap:1rem!important}.admin-dashboard .gap-5{gap:1.25rem!important}.admin-dashboard .gap-6{gap:1.5rem!important}.admin-dashboard .space-y-1>*+*{margin-top:.25rem!important}.admin-dashboard .space-y-2>*+*{margin-top:.5rem!important}.admin-dashboard .space-y-3>*+*{margin-top:.75rem!important}.admin-dashboard .space-y-4>*+*{margin-top:1rem!important}.admin-dashboard .space-y-6>*+*{margin-top:1.5rem!important}.admin-dashboard .p-0{padding:0!important}.admin-dashboard .p-1{padding:.25rem!important}.admin-dashboard .p-2{padding:.5rem!important}.admin-dashboard .p-3{padding:.75rem!important}.admin-dashboard .p-4{padding:1rem!important}.admin-dashboard .p-5{padding:1.25rem!important}.admin-dashboard .p-6{padding:1.5rem!important}.admin-dashboard .px-0{padding-left:0!important;padding-right:0!important}.admin-dashboard .px-1{padding-left:.25rem!important;padding-right:.25rem!important}.admin-dashboard .px-2{padding-left:.5rem!important;padding-right:.5rem!important}.admin-dashboard .px-3{padding-left:.75rem!important;padding-right:.75rem!important}.admin-dashboard .px-4{padding-left:1rem!important;padding-right:1rem!important}.admin-dashboard .px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.admin-dashboard .py-0{padding-bottom:0!important;padding-top:0!important}.admin-dashboard .py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.admin-dashboard .py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.admin-dashboard .py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.admin-dashboard .py-4{padding-bottom:1rem!important;padding-top:1rem!important}.admin-dashboard .m-0{margin:0!important}.admin-dashboard .m-auto{margin:auto!important}.admin-dashboard .ml-auto{margin-left:auto!important}.admin-dashboard .mr-auto,.admin-dashboard .mx-auto{margin-right:auto!important}.admin-dashboard .mx-auto{margin-left:auto!important}.admin-dashboard .mt-0{margin-top:0!important}.admin-dashboard .mt-1{margin-top:.25rem!important}.admin-dashboard .mt-2{margin-top:.5rem!important}.admin-dashboard .mt-3{margin-top:.75rem!important}.admin-dashboard .mt-4{margin-top:1rem!important}.admin-dashboard .mt-6{margin-top:1.5rem!important}.admin-dashboard .mb-0{margin-bottom:0!important}.admin-dashboard .mb-1{margin-bottom:.25rem!important}.admin-dashboard .mb-2{margin-bottom:.5rem!important}.admin-dashboard .mb-4{margin-bottom:1rem!important}.admin-dashboard .mb-6{margin-bottom:1.5rem!important}.admin-dashboard .ml-1{margin-left:.25rem!important}.admin-dashboard .ml-2{margin-left:.5rem!important}.admin-dashboard .ml-4{margin-left:1rem!important}.admin-dashboard .mr-1{margin-right:.25rem!important}.admin-dashboard .mr-2{margin-right:.5rem!important}.admin-dashboard .w-full{width:100%!important}.admin-dashboard .w-auto{width:auto!important}.admin-dashboard .h-auto{height:auto!important}.admin-dashboard .min-h-screen{min-height:100vh!important}.admin-dashboard .h-3{height:.75rem!important}.admin-dashboard .h-4{height:1rem!important}.admin-dashboard .h-5{height:1.25rem!important}.admin-dashboard .h-6{height:1.5rem!important}.admin-dashboard .h-8{height:2rem!important}.admin-dashboard .h-10{height:2.5rem!important}.admin-dashboard .h-14{height:3.5rem!important}.admin-dashboard .w-3{width:.75rem!important}.admin-dashboard .w-4{width:1rem!important}.admin-dashboard .w-5{width:1.25rem!important}.admin-dashboard .w-6{width:1.5rem!important}.admin-dashboard .w-8{width:2rem!important}.admin-dashboard .w-10{width:2.5rem!important}.admin-dashboard .w-16{width:4rem!important}.admin-dashboard .w-64{width:16rem!important}.admin-dashboard .text-xs{font-size:.75rem!important;line-height:1rem!important}.admin-dashboard .text-sm{font-size:.875rem!important;line-height:1.25rem!important}.admin-dashboard .text-base{font-size:1rem!important;line-height:1.5rem!important}.admin-dashboard .text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.admin-dashboard .text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.admin-dashboard .text-2xl{font-size:1.5rem!important;line-height:2rem!important}.admin-dashboard .text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.admin-dashboard .font-normal{font-weight:400!important}.admin-dashboard .font-medium{font-weight:500!important}.admin-dashboard .font-semibold{font-weight:600!important}.admin-dashboard .font-bold{font-weight:700!important}.admin-dashboard .text-left{text-align:left!important}.admin-dashboard .text-center{text-align:center!important}.admin-dashboard .text-right{text-align:right!important}.admin-dashboard .leading-none{line-height:1!important}.admin-dashboard .leading-tight{line-height:1.25!important}.admin-dashboard .leading-normal{line-height:1.5!important}.admin-dashboard .leading-relaxed{line-height:1.625!important}.admin-dashboard .tracking-tight{letter-spacing:-.025em!important}.admin-dashboard .tracking-normal{letter-spacing:0!important}.admin-dashboard .tracking-wide{letter-spacing:.025em!important}.admin-dashboard .truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.admin-dashboard .border-0{border-width:0!important}.admin-dashboard .border{border-width:1px!important}.admin-dashboard .border-2{border-width:2px!important}.admin-dashboard .border-b{border-bottom-width:1px!important}.admin-dashboard .border-t{border-top-width:1px!important}.admin-dashboard .border-l{border-left-width:1px!important}.admin-dashboard .border-r{border-right-width:1px!important}.admin-dashboard .relative{position:relative!important}.admin-dashboard .absolute{position:absolute!important}.admin-dashboard .fixed{position:fixed!important}.admin-dashboard .sticky{position:-webkit-sticky!important;position:sticky!important}.admin-dashboard .inset-0{left:0!important;right:0!important}.admin-dashboard .inset-0,.admin-dashboard .inset-y-0{bottom:0!important;top:0!important}.admin-dashboard .top-0{top:0!important}.admin-dashboard .right-0{right:0!important}.admin-dashboard .bottom-0{bottom:0!important}.admin-dashboard .left-0{left:0!important}.admin-dashboard .z-10{z-index:10!important}.admin-dashboard .z-20{z-index:20!important}.admin-dashboard .z-30{z-index:30!important}.admin-dashboard .z-40{z-index:40!important}.admin-dashboard .z-50{z-index:50!important}.admin-dashboard .overflow-auto{overflow:auto!important}.admin-dashboard .overflow-hidden{overflow:hidden!important}.admin-dashboard .overflow-scroll{overflow:scroll!important}.admin-dashboard .overflow-x-auto{overflow-x:auto!important}.admin-dashboard .overflow-y-auto{overflow-y:auto!important}.admin-dashboard .opacity-0{opacity:0!important}.admin-dashboard .opacity-50{opacity:.5!important}.admin-dashboard .opacity-75{opacity:.75!important}.admin-dashboard .opacity-100{opacity:1!important}.admin-dashboard .invisible{visibility:hidden!important}.admin-dashboard .visible{visibility:visible!important}.admin-dashboard .cursor-pointer{cursor:pointer!important}.admin-dashboard .cursor-default{cursor:default!important}.admin-dashboard .cursor-not-allowed{cursor:not-allowed!important}.admin-dashboard .select-none{-webkit-user-select:none!important;user-select:none!important}.admin-dashboard .select-text{-webkit-user-select:text!important;user-select:text!important}.admin-dashboard .select-all{-webkit-user-select:all!important;user-select:all!important}.admin-dashboard .pointer-events-none{pointer-events:none!important}.admin-dashboard .pointer-events-auto{pointer-events:auto!important}.admin-dashboard .transition-all{transition-property:all!important}.admin-dashboard .transition-colors{transition-property:color,background-color,border-color!important}.admin-dashboard .transition-transform{transition-property:transform!important}.admin-dashboard .duration-150{transition-duration:.15s!important}.admin-dashboard .duration-200{transition-duration:.2s!important}.admin-dashboard .duration-300{transition-duration:.3s!important}.admin-dashboard .translate-x-0{transform:translateX(0)!important}.admin-dashboard .-translate-x-full{transform:translateX(-100%)!important}.admin-dashboard .rotate-90{transform:rotate(90deg)!important}@media (min-width:640px){.admin-dashboard .sm\:block{display:block!important}.admin-dashboard .sm\:hidden{display:none!important}.admin-dashboard .sm\:flex{display:flex!important}}@media (min-width:768px){.admin-dashboard .md\:block{display:block!important}.admin-dashboard .md\:hidden{display:none!important}.admin-dashboard .md\:flex{display:flex!important}}@media (min-width:1024px){.admin-dashboard .lg\:block{display:block!important}.admin-dashboard .lg\:hidden{display:none!important}.admin-dashboard .lg\:flex{display:flex!important}.admin-dashboard .lg\:translate-x-0{transform:translateX(0)!important}.admin-dashboard .lg\:ml-16{margin-left:4rem!important}.admin-dashboard .lg\:ml-64{margin-left:16rem!important}.admin-dashboard .lg\:p-6{padding:1.5rem!important}.admin-dashboard .lg\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}}@media (min-width:1280px){.admin-dashboard .xl\:block{display:block!important}.admin-dashboard .xl\:hidden{display:none!important}.admin-dashboard .xl\:flex{display:flex!important}}.generate-excerpt-modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.generate-excerpt-modal-content{background:var(--background-primary);border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:550px;overflow:hidden;position:relative;width:100%}.generate-excerpt-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:32px;z-index:10}.generate-excerpt-modal-close:hover{background:var(--background-secondary);color:var(--text-primary)}.generate-excerpt-modal-header{border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem .75rem}.generate-excerpt-modal-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;margin:0 0 .4rem}.generate-excerpt-modal-header .credit-info{color:var(--text-secondary);font-size:.9rem;margin:0}.generate-excerpt-modal-header .credits-available{color:var(--primary-500);font-weight:500}.generate-excerpt-modal-header .header-info-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.generate-excerpt-modal-header .header-info-row .credit-info{margin:0}.generate-excerpt-modal-header .ai-model-toggle{display:flex;gap:.25rem}.generate-excerpt-modal-header .ai-model-btn{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;height:auto;line-height:1.2;min-height:0;min-height:auto;outline:none;padding:.25rem .6rem;transition:all .2s ease}.generate-excerpt-modal-header .ai-model-btn:focus{box-shadow:none;outline:none}.generate-excerpt-modal-header .ai-model-btn:hover{background:var(--background-secondary);color:var(--text-primary)}.generate-excerpt-modal-header .ai-model-btn.active{background:var(--primary-500);border:none;color:#fff}.generate-excerpt-modal-header .ai-model-btn.active:hover{background:var(--primary-600)}.generate-excerpt-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:1rem 1.5rem}.randomize-all-bottom{border-top:1px solid var(--border-color);display:flex;justify-content:center;margin-top:.75rem;padding-top:.25rem}.btn-randomize-all-compact{gap:.35rem;height:auto;padding:.25rem .65rem}.filter-grid-inline{display:flex;flex-direction:column;gap:.5rem}.content-filters-bubble{margin-top:.5rem}.filter-label{width:4.5rem}.filter-input-inline:disabled{color:var(--text-tertiary);cursor:not-allowed;opacity:.5}.model-toggle{display:flex;gap:.3rem}.model-btn-inline{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;height:auto;min-height:0;min-height:auto;padding:.25rem .5rem;transition:all .2s ease}.model-btn-inline:hover{background:var(--background-tertiary);border-color:var(--primary-500)}.model-btn-inline.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.btn-dice-inline{font-size:.9rem}.btn-dice-inline:hover{color:var(--primary-500)}.btn-dice-inline.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.filter-dice-placeholder{flex-shrink:0;width:1.6rem}.generate-excerpt-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:.75rem 1.5rem 1rem}.generate-excerpt-modal-footer .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;min-height:0;min-height:auto;padding:.35rem 1rem;transition:all .2s ease}.generate-excerpt-modal-footer .btn-outline{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.generate-excerpt-modal-footer .btn-outline:hover{background:var(--background-secondary);color:var(--text-primary)}.generate-excerpt-modal-footer .btn-primary{background:var(--primary-500);color:#fff}.generate-excerpt-modal-footer .btn-primary:hover{background:var(--primary-600)}@media (max-width:768px){.generate-excerpt-modal-content{border-radius:12px;max-height:90vh;max-width:100%}.generate-excerpt-modal-header{padding:1rem 1.25rem .75rem}.generate-excerpt-modal-header h3{font-size:1.1rem}.generate-excerpt-modal-body{padding:.75rem 1.25rem}.filter-row{gap:.5rem}.filter-label{font-size:.7rem;width:4rem}.filter-input-inline,.model-btn-inline{font-size:.85rem;padding:.25rem .5rem}.btn-dice-inline{font-size:.85rem;height:1.5rem;width:1.5rem}.filter-dice-placeholder{width:1.5rem}.generate-excerpt-modal-footer{padding:.75rem 1.25rem}.generate-excerpt-modal-footer .btn{flex:1 1;justify-content:center}}@media (max-width:480px){.generate-excerpt-modal-overlay{padding:.5rem}.generate-excerpt-modal-header h3{font-size:1rem}.generate-excerpt-modal-header .credit-info{font-size:.85rem}.filter-grid-inline{gap:.5rem}.filter-row{gap:.4rem}.filter-icon{font-size:.9rem;width:1.2rem}.filter-label{font-size:.65rem;width:3.5rem}.filter-input-inline,.model-btn-inline{font-size:.8rem;padding:.25rem .45rem}.btn-dice-inline{font-size:.8rem;height:1.4rem;width:1.4rem}.filter-dice-placeholder{width:1.4rem}.btn-randomize-all-compact{font-size:.75rem;padding:.25rem .55rem}.generate-excerpt-modal-header .ai-model-btn{font-size:.7rem;padding:.2rem .5rem}}[data-theme=matrix] .generate-excerpt-modal-header .ai-model-btn{background:#0000;border-color:#0f0;color:#0f0}[data-theme=matrix] .generate-excerpt-modal-header .ai-model-btn:hover{background:#001a00;color:#0f0}[data-theme=matrix] .generate-excerpt-modal-header .ai-model-btn.active{background:#0f0;border-color:#0f0;color:#000}[data-theme=matrix] .generate-excerpt-modal-header .ai-model-btn.active:hover{background:#0c0;border-color:#0c0}[data-theme=retro] .generate-excerpt-modal-header .ai-model-btn{border-color:#d97706;color:#92400e}[data-theme=retro] .generate-excerpt-modal-header .ai-model-btn:hover{background:#fff4e6;color:#78350f}[data-theme=retro] .generate-excerpt-modal-header .ai-model-btn.active{background:#dc2626;border-color:#dc2626;color:#fff}[data-theme=retro] .generate-excerpt-modal-header .ai-model-btn.active:hover{background:#b91c1c;border-color:#b91c1c}.credit-purchase-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.credit-purchase-content{background-color:var(--background-primary);border-radius:var(--radius-lg);max-height:90vh;max-width:420px;overflow-y:auto;padding:1.25rem;width:92%}@media (max-width:768px){.credit-purchase-content{max-width:100%;padding:1rem;width:95%}}.credit-purchase-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.credit-purchase-header h2{color:var(--text-primary);font-size:1.25rem;margin:0}@media (max-width:768px){.credit-purchase-header{margin-bottom:1rem}.credit-purchase-header h2{font-size:1.25rem}}.close-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;width:40px}.close-button:hover{background-color:var(--background-secondary);color:var(--text-primary)}.plans-section{margin-bottom:2rem}.plans-section:first-of-type{margin-top:0}.plans-section:last-of-type{margin-bottom:1.25rem}.section-header{align-items:center;display:flex;flex-direction:column;gap:0;margin-bottom:1.5rem;padding:0 1rem;text-align:center}h3.section-title{color:var(--text-primary);font-size:1.3rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0!important}p.section-subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:400;line-height:1.3;margin:0!important}.packages-grid{grid-gap:.75rem;display:grid;gap:.75rem;margin-bottom:1.25rem}.subscription-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.compact-header{margin-bottom:1rem!important}.subscription-compact-container{background:var(--background-secondary);border-radius:var(--radius-md);padding:1rem}.subscription-row{display:flex;gap:.5rem;margin-bottom:1rem}.sub-card{background:var(--background-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;flex:1 1;padding:.875rem .5rem;position:relative;text-align:center;transition:all .2s ease}.sub-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.sub-card.selected{background:linear-gradient(135deg,#6b93ff14,#6b93ff0a);box-shadow:0 0 0 3px #6b93ff26}.sub-card.popular,.sub-card.selected{border-color:var(--primary-color)}.sub-badge{background:var(--primary-color);border-radius:8px;color:#fff;font-size:.55rem;font-weight:700;left:50%;letter-spacing:.5px;padding:.2rem .5rem;position:absolute;top:-8px;transform:translateX(-50%)}.sub-name{font-size:.9rem;margin-bottom:.25rem}.sub-name,.sub-price{color:var(--text-primary);font-weight:700}.sub-price{font-size:1.5rem;line-height:1.1}.sub-price span{font-weight:500}.sub-credits,.sub-price span{color:var(--text-secondary);font-size:.8rem}.sub-bursts,.sub-credits{margin-top:.25rem}.sub-bursts{color:var(--primary-color);font-size:.75rem;font-weight:600}.btn-subscribe-selected{background:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease;width:100%}.btn-subscribe-selected:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-subscribe-selected:disabled{cursor:not-allowed;opacity:.6}@media (max-width:500px){.subscription-row{gap:.4rem}.sub-card{padding:.75rem .35rem}.sub-name{font-size:.8rem}.sub-price{font-size:1.25rem}.sub-credits,.sub-price span{font-size:.7rem}.sub-bursts{font-size:.65rem}.sub-badge{font-size:.5rem;padding:.15rem .4rem}}[data-theme=matrix] .sub-card.selected{background:#00ff4114;box-shadow:0 0 0 3px #00ff4126}[data-theme=matrix] .btn-subscribe-selected,[data-theme=matrix] .sub-badge{background:var(--accent-color);color:#000}.packs-unified-container{background:var(--background-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.packs-unified-container .section-header{margin-bottom:1.25rem}.packs-horizontal-container{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.pack-card{background:var(--background-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;flex:1 1;max-width:110px;padding:.75rem .5rem;position:relative;text-align:center;transition:all .2s ease}.pack-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.pack-card.selected-pack{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:var(--accent-color);box-shadow:0 0 0 3px #667eea33}.pack-card.popular-pack{background:linear-gradient(135deg,#667eea05,#764ba205)}.pack-card.trial-pack{border-color:#28a745}.pack-credits-number{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1}.pack-credits-label{color:var(--text-secondary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.pack-price{color:var(--text-primary);font-size:1.1rem;font-weight:700}.pack-description-box{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:.5rem 0 1rem;min-height:2.5em;padding:.75rem 1rem;text-align:center}.btn-purchase-selected{font-size:1rem;font-weight:600;padding:.75rem 1rem;width:100%}.upgrade-section{background:linear-gradient(135deg,#8b5cf614,#a855f714);border:1px solid #8b5cf640;border-radius:var(--radius-md);margin-bottom:1.25rem;padding:1rem}.upgrade-section .section-header{margin-bottom:1rem}.upgrade-section .section-title{color:#8b5cf6;font-size:1.1rem}.upgrade-section .section-subtitle{font-size:.85rem}.upgrade-row{display:flex;gap:.5rem;margin-bottom:0}.upgrade-card{border-color:#8b5cf64d}.upgrade-card:hover{border-color:#8b5cf6}.upgrade-card.selected{background:linear-gradient(135deg,#8b5cf626,#a855f726);border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.btn-upgrade-selected{background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.btn-upgrade-selected:hover{box-shadow:0 4px 12px #8b5cf666;filter:brightness(1.1);transform:translateY(-1px)}.sub-badge.best-value-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.sub-card.best-value{border-color:#f59e0b66}.best-value-badge-pack{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 2px 8px #f59e0b66;color:#fff;font-size:.6rem;font-weight:700;left:50%;letter-spacing:.3px;padding:.3rem .65rem;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap;z-index:10}.pack-card.best-value-pack{background:linear-gradient(135deg,#f59e0b0d,#d977060d);border-color:#f59e0b66}.pack-card.best-value-pack:hover{border-color:#f59e0b}[data-theme=dark] .upgrade-section{background:linear-gradient(135deg,#8b5cf61f,#a855f71f);border-color:#8b5cf659}[data-theme=matrix] .upgrade-section{background:#00ff0014;border-color:#00ff004d}[data-theme=matrix] .upgrade-section .section-title{color:#00ff41}[data-theme=matrix] .upgrade-card.selected{background:#00ff0026;border-color:#00ff41;box-shadow:0 0 0 3px #00ff4133}[data-theme=matrix] .btn-upgrade-selected{background:#00ff41;color:#000}@media (max-width:768px){.packages-grid{gap:.75rem;margin-bottom:1rem}.packages-grid,.subscription-grid{grid-template-columns:1fr}h3.section-title{font-size:1.1rem}p.section-subtitle{font-size:.85rem}.packs-unified-container{padding:1rem}.packs-horizontal-container{gap:.4rem}.pack-card{max-width:100px;padding:.85rem .4rem .6rem}.pack-credits-number{font-size:1.5rem}.pack-credits-label{font-size:.9rem}.pack-price{font-size:1rem}.pack-description-box{font-size:.85rem;margin:.5rem 0 .75rem;padding:.6rem .75rem}.upgrade-section{padding:.875rem}.upgrade-row{gap:.4rem}.upgrade-card{padding:.75rem .35rem}}.package-card{background:var(--background-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;position:relative;text-align:center;transition:all .2s ease}.package-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.package-card.popular-package{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:var(--accent-color)}.package-card.subscription-card{background:linear-gradient(135deg,#667eea08,#764ba208);border-color:#667eea80;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1rem}.package-card.subscription-card .package-credits,.package-card.subscription-card .package-name{margin-bottom:.25rem}.package-card.subscription-card .package-price{margin-bottom:0}.package-card.subscription-card .package-rate{margin-bottom:.5rem}.package-card.subscription-card .daily-bursts-feature{flex-grow:0}.package-card.subscription-card .btn-purchase{margin-top:auto}.package-card.subscription-card.popular-package{background:linear-gradient(135deg,#667eea14,#764ba214);border-color:var(--accent-color)}@media (max-width:768px){.package-card{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-areas:"badge badge" "name price" "credits price" "rate rate" "desc desc" "button button";grid-template-columns:1fr auto;padding:1rem;text-align:left}.package-card:hover{transform:none}.package-card.subscription-card{display:flex;flex-direction:column;padding:1.25rem 1rem;text-align:center}.package-card.subscription-card .package-credits,.package-card.subscription-card .package-name,.package-card.subscription-card .package-price,.package-card.subscription-card .package-rate{text-align:center}}.trial-pack,.trial-package{border-color:#28a745}.trial-badge{background:#28a745;right:10px}.package-card .popular-badge,.trial-badge{border-radius:16px;color:#fff;font-size:.7rem;font-weight:700;padding:.35rem .9rem;position:absolute;top:-10px}.package-card .popular-badge{align-self:auto;background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 3px 10px #e74c3c80;display:block;letter-spacing:.5px;margin:0;right:auto;text-transform:uppercase;width:auto}.hot-badge,.package-card .popular-badge{left:50%;transform:translateX(-50%);white-space:nowrap;z-index:10}.hot-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:12px;box-shadow:0 2px 8px #ff6b6b66;font-size:.65rem;padding:.3rem .65rem;top:-12px}.free-trial-badge,.hot-badge{color:#fff;font-weight:700;position:absolute}.free-trial-badge{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:16px;font-size:.7rem;padding:.35rem .9rem;right:10px;top:-10px;white-space:nowrap}@media (max-width:768px){.free-trial-badge,.trial-badge{grid-area:badge;justify-self:start;margin-bottom:.25rem;position:static;transform:none}.package-card .popular-badge{top:-10px}.hot-badge,.package-card .popular-badge{left:50%;position:absolute;transform:translateX(-50%)}.hot-badge{top:-13px}}.package-name{color:var(--accent-color);font-size:.95rem;font-weight:700;margin-bottom:.25rem}.package-credits{font-size:1.25rem}.package-credits,.package-price{color:var(--text-primary);font-weight:700;margin-bottom:.25rem}.package-price{font-size:1.5rem}.package-rate{color:var(--text-secondary);font-size:.7rem;margin-bottom:.5rem}.package-description{color:var(--text-secondary);font-size:.8rem;margin-bottom:.75rem;min-height:2.5em}@media (max-width:768px){.package-name{font-size:.9rem;grid-area:name;margin:0}.package-credits{font-size:1rem;grid-area:credits;margin:0}.package-price{align-self:center;font-size:1.75rem;grid-area:price;grid-row:2/4;margin:0;text-align:right}.package-rate{grid-area:rate;margin:0}.package-description{grid-area:desc;margin:.5rem 0;min-height:auto}}.btn-purchase{font-size:.95rem;font-weight:600;padding:.6rem 1rem;width:100%}.btn-subscribe{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.btn-subscribe:hover{background:linear-gradient(135deg,#5568d3,#6a3d8f);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}@media (max-width:768px){.btn-purchase{grid-area:button;padding:.75rem 1rem}}.price-period{color:var(--text-secondary);font-size:.85rem;font-weight:400}.daily-bursts-feature{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:var(--radius-sm);color:var(--accent-color);font-size:.9rem;font-weight:600;margin:.75rem 0;padding:.75rem;text-align:center}.feature-subtext{color:var(--text-secondary);font-size:.75rem;font-weight:400;margin-top:.25rem}.purchase-info{border-top:1px solid var(--border-color);padding-top:.75rem;text-align:center}.purchase-info p{font-size:.8rem;margin:.25rem 0}@media (max-width:768px){.purchase-info{padding-top:.75rem}.purchase-info p{font-size:.8rem;margin:.3rem 0}}[data-theme=dark] .credit-purchase-content{background-color:var(--background-primary)}[data-theme=matrix] .package-card{border-color:#00ff414d}[data-theme=matrix] .package-card:hover{border-color:var(--accent-color);box-shadow:0 0 20px #00ff4133}[data-theme=matrix] .package-name{color:var(--accent-color)}.yearly-discount-note{color:#22c55e;font-weight:600}.original-price{color:var(--text-tertiary);font-size:.8rem;margin-right:.25rem;text-decoration:line-through}.upsell-teaser{align-items:center;background:linear-gradient(135deg,#8b5cf614,#a855f714);border:1px solid #8b5cf640;border-radius:var(--radius-md);display:flex;gap:1rem;justify-content:space-between;margin-top:1rem;padding:1rem}.upsell-teaser p{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem;margin:0}.upsell-teaser p i{color:#8b5cf6;font-size:1rem}.upsell-teaser button{background:#0000;border:1px solid #8b5cf6;border-radius:var(--radius-sm);color:#8b5cf6;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.upsell-teaser button:hover{background:#8b5cf6;color:#fff}[data-theme=matrix] .upsell-teaser{background:#00ff0014;border-color:#00ff004d}[data-theme=matrix] .upsell-teaser p i{color:#00ff41}[data-theme=matrix] .upsell-teaser button{border-color:#00ff41;color:#00ff41}[data-theme=matrix] .upsell-teaser button:hover{background:#00ff41;color:#000}[data-theme=matrix] .yearly-discount-note{color:#00ff41}[data-theme=dark] .upsell-teaser{background:linear-gradient(135deg,#8b5cf61f,#a855f71f);border-color:#8b5cf659}[data-theme=retro] .upsell-teaser{background:rgba(var(--primary-rgb),.08);border-color:rgba(var(--primary-rgb),.25)}[data-theme=retro] .upsell-teaser button,[data-theme=retro] .upsell-teaser p i{border-color:var(--primary-color);color:var(--primary-color)}[data-theme=retro] .upsell-teaser button:hover{background:var(--primary-color);color:#fff}[data-theme=retro] .yearly-discount-note{color:var(--primary-color)}@media (max-width:500px){.upsell-teaser{flex-direction:column;text-align:center}.upsell-teaser p{flex-direction:column;gap:.25rem}.upsell-teaser button{width:100%}}.audio-icon-container.insufficient-credits-icon{background-color:#f59e0b26;border-color:#f59e0b4d}.audio-icon-container.insufficient-credits-icon i{color:#f59e0b}.audio-cost-badge.insufficient-credits-badge{background-color:#f59e0b26;border-color:#f59e0b4d}.audio-cost-badge.insufficient-credits-badge i,.audio-cost-badge.insufficient-credits-badge span{color:#f59e0b}.insufficient-credits-balance{color:#ef4444;font-weight:600}[data-theme=dark] .audio-cost-badge.insufficient-credits-badge,[data-theme=dark] .audio-icon-container.insufficient-credits-icon{background-color:#f59e0b33;border-color:#f59e0b66}[data-theme=dark] .insufficient-credits-balance{color:#f87171}[data-theme=matrix] .audio-icon-container.insufficient-credits-icon{background-color:#00ff0026;border-color:#00ff004d}[data-theme=matrix] .audio-icon-container.insufficient-credits-icon i{color:#00ff41}[data-theme=matrix] .audio-cost-badge.insufficient-credits-badge{background-color:#00ff0026;border-color:#00ff004d}[data-theme=matrix] .audio-cost-badge.insufficient-credits-badge i,[data-theme=matrix] .audio-cost-badge.insufficient-credits-badge span{color:#00ff41}[data-theme=matrix] .insufficient-credits-balance{color:#f44}[data-theme=retro] .audio-icon-container.insufficient-credits-icon{background-color:#8b5a2b33;border-color:#8b5a2b66}[data-theme=retro] .audio-icon-container.insufficient-credits-icon i{color:#d4a574;color:var(--retro-accent,#d4a574)}[data-theme=retro] .audio-cost-badge.insufficient-credits-badge{background-color:#8b5a2b33;border-color:#8b5a2b66}[data-theme=retro] .audio-cost-badge.insufficient-credits-badge i,[data-theme=retro] .audio-cost-badge.insufficient-credits-badge span{color:#d4a574;color:var(--retro-accent,#d4a574)}.audio-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.audio-modal-content{animation:scaleIn .2s ease;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 16px #00000026;max-width:320px;padding:18px;text-align:center;width:90%}.audio-icon-container{align-items:center;background-color:#7b9fd826;background-color:rgba(var(--primary-500-rgb,123,159,216),.15);border:2px solid #7b9fd84d;border:2px solid rgba(var(--primary-500-rgb,123,159,216),.3);border-radius:24px;display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.audio-icon-container i{color:var(--primary-500);font-size:24px}.audio-modal-title{color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:.3px;margin:0 0 6px}.audio-modal-subtitle{color:var(--text-secondary);font-size:13px;line-height:18px;margin:0 0 14px}.audio-model-selection{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;width:100%}.audio-model-option{align-items:center;background-color:var(--background-primary);border:1.5px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:all .2s ease}.audio-model-option:hover{background-color:var(--hover-overlay);border-color:var(--primary-500)}.audio-model-option.selected{background-color:#7b9fd81a;background-color:rgba(var(--primary-500-rgb,123,159,216),.1);border-color:var(--primary-500)}.audio-model-radio{flex-shrink:0}.audio-model-radio i{color:var(--primary-500);font-size:18px}.audio-model-info{display:flex;flex:1 1;flex-direction:column;gap:1px}.audio-model-name{color:var(--text-primary);font-size:14px;font-weight:700}.audio-model-description{color:var(--text-secondary);font-size:11px}.audio-model-cost{align-items:center;color:var(--primary-500);display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:3px}.audio-model-cost i{font-size:12px}.audio-cost-badge{align-items:center;background-color:#7b9fd833;background-color:rgba(var(--primary-500-rgb,123,159,216),.2);border:1px solid #7b9fd866;border:1px solid rgba(var(--primary-500-rgb,123,159,216),.4);border-radius:10px;display:flex;gap:5px;justify-content:center;margin-bottom:14px;padding:8px 14px}.audio-cost-badge i{color:var(--primary-500);font-size:16px}.audio-cost-badge span{color:var(--primary-500);font-size:15px;font-weight:600}.audio-modal-buttons{display:flex;flex-direction:column;gap:8px}.audio-btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.3px;min-height:0;min-height:auto;padding:10px 16px;transition:all .2s}.audio-btn-confirm{background-color:var(--primary-500);box-shadow:0 3px 6px #7b9fd84d;box-shadow:0 3px 6px rgba(var(--primary-500-rgb,123,159,216),.3);color:#fff}.audio-btn-confirm:hover{box-shadow:0 4px 8px #7b9fd866;box-shadow:0 4px 8px rgba(var(--primary-500-rgb,123,159,216),.4);transform:translateY(-1px)}.audio-btn-confirm:active{transform:translateY(0)}.audio-btn-secondary{background-color:initial;border:1.5px solid var(--primary-500);color:var(--primary-500);font-size:14px;font-weight:600}.audio-btn-secondary:hover{background-color:#7b9fd81a;background-color:rgba(var(--primary-500-rgb,123,159,216),.1)}.audio-btn-cancel{background-color:initial;border:1.5px solid var(--border-color);color:var(--text-primary);font-size:14px;font-weight:600}.audio-btn-cancel:hover{background-color:var(--hover-overlay)}:root .audio-modal-content,[data-theme=light] .audio-modal-content{box-shadow:0 8px 24px #6b93ff26,0 4px 12px #0000001a}:root .audio-model-option.selected,[data-theme=light] .audio-model-option.selected{box-shadow:0 0 0 1px #6b93ff80,0 4px 12px #6b93ff33}:root .audio-btn-confirm,[data-theme=light] .audio-btn-confirm{box-shadow:0 4px 12px #6b93ff59}:root .audio-btn-confirm:hover,[data-theme=light] .audio-btn-confirm:hover{box-shadow:0 6px 16px #6b93ff73}:root .audio-cost-badge,[data-theme=light] .audio-cost-badge{box-shadow:0 2px 8px #6b93ff26}[data-theme=dark] .audio-modal-content{background-color:var(--background-tertiary);border-color:var(--border-color);box-shadow:0 8px 24px #7b9fd81f,0 4px 16px #0006}[data-theme=dark] .audio-model-option.selected{box-shadow:0 0 0 1px #7b9fd880,0 4px 12px #7b9fd833}[data-theme=dark] .audio-btn-confirm{box-shadow:0 4px 12px #7b9fd859}[data-theme=dark] .audio-btn-confirm:hover{box-shadow:0 6px 16px #7b9fd873}[data-theme=dark] .audio-cost-badge{box-shadow:0 2px 8px #7b9fd826}[data-theme=matrix] .audio-modal-overlay{background-color:#000000d9}[data-theme=matrix] .audio-modal-content{background-color:#000;border:2px solid var(--primary-500);box-shadow:0 0 30px #00ff004d}[data-theme=matrix] .audio-icon-container{background-color:#00ff0026;border-color:#00ff004d}[data-theme=matrix] .audio-model-option{background-color:#00000080;border-color:#00ff004d}[data-theme=matrix] .audio-model-option:hover{background-color:#00ff001a;border-color:var(--primary-500)}[data-theme=matrix] .audio-model-option.selected{background-color:#00ff0026;border-color:var(--primary-500)}[data-theme=matrix] .audio-cost-badge{background-color:#0f03;border-color:#0f06}[data-theme=matrix] .audio-btn-confirm{background-color:var(--primary-500);box-shadow:0 0 15px #00ff0080;color:#000}[data-theme=matrix] .audio-btn-cancel{border-color:var(--primary-500);color:var(--primary-500)}[data-theme=matrix] .audio-btn-cancel:hover{background-color:#00ff001a}[data-theme=retro] .audio-modal-content{background-color:var(--background-secondary);border:3px solid var(--primary-500)}[data-theme=retro] .audio-btn,[data-theme=retro] .audio-modal-title{font-family:Courier New,monospace}[data-theme=retro] .audio-btn-cancel{border:2px solid var(--border-color)}.navbar{background-color:var(--background-secondary)!important;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);display:block!important;left:0;padding:0!important;position:fixed;right:0;top:0;transition:box-shadow .3s ease;width:100%;z-index:1000}.navbar.with-filter-pills{box-shadow:none}.navbar-fixed-bar{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;max-width:100vw;min-height:60px;padding:.5rem 1rem;position:relative;width:100%}.navbar-brand{color:var(--text-primary)!important;font-size:1.25rem;font-weight:var(--font-bold);left:50%;margin:0;position:absolute;transform:translateX(-50%);transition:opacity var(--transition-fast)}.navbar-brand:hover{opacity:.7;text-decoration:none}.navbar-actions{align-items:center;display:flex;gap:.5rem}.navbar-credits{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;transition:all var(--transition-fast)}.navbar-credits i{color:var(--primary-color);font-size:1rem}.navbar-credits.low-credits{background:#ef44441a;border-color:var(--error)}.navbar-credits.low-credits i{color:var(--error)}[data-theme=matrix] .navbar-credits{border-color:#00ff41}[data-theme=matrix] .navbar-credits i{color:#00ff41}[data-theme=matrix] .navbar-credits.low-credits{background:#ff00001a;border-color:red;box-shadow:0 0 10px #ff00004d}[data-theme=matrix] .navbar-credits.low-credits i{color:red;filter:drop-shadow(0 0 5px #ff0000)}.navbar-back-button{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;min-height:44px;min-width:44px;transition:all var(--transition-fast);width:44px}.navbar-back-button:hover{background-color:var(--hover-overlay);border-color:var(--primary-500);color:var(--primary-500);transform:translateX(-2px)}.navbar-back-button:focus{box-shadow:0 0 0 .2rem var(--focus-ring);outline:none}[data-theme=matrix] .navbar-back-button:hover{background-color:#00ff001a;box-shadow:0 0 10px #00ff004d}.navbar-icon-btn{align-items:center;background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;min-height:44px;min-width:44px;padding:0;transition:all var(--transition-fast);width:44px}.navbar-icon-btn:hover{background-color:var(--hover-overlay);border-color:var(--primary-500);color:var(--primary-500)}.navbar-icon-btn:focus{box-shadow:0 0 0 .2rem var(--focus-ring);outline:none}[data-theme=matrix] .navbar-icon-btn:hover{background-color:#00ff001a;box-shadow:0 0 10px #00ff004d}.navbar-dropdown{position:relative}.navbar-theme-menu{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);display:flex;gap:.5rem;justify-content:space-between;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1001}.navbar-theme-menu .theme-btn{align-items:center;background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;justify-content:center;max-width:40px;min-height:32px;min-width:38px;padding:.375rem .5rem;transition:all var(--transition-fast)}.navbar-theme-menu .theme-btn:hover{background-color:var(--hover-overlay);border-color:var(--primary-500);color:var(--primary-500);transform:translateY(-2px)}.navbar-theme-menu .theme-btn.active{background-color:var(--primary-500);border-color:var(--primary-500);color:var(--background-primary)}.navbar-dropdown-menu{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1001}.navbar-dropdown-section{padding:.5rem}.navbar-dropdown-section-label{font-size:.75rem;font-weight:var(--font-semibold);margin-bottom:.625rem}.navbar-dropdown-section-label,.navbar-section-header{align-items:center;color:var(--text-tertiary);display:flex;letter-spacing:.05em;text-transform:uppercase}.navbar-section-header{font-size:.65rem;font-weight:600;gap:.5rem;padding:.5rem 1rem .25rem}.navbar-section-header i{font-size:.75rem}.navbar-theme-icons{gap:.5rem}.navbar-theme-icons,.theme-icon-btn{display:flex;justify-content:center;margin:0}.theme-icon-btn{align-items:center;background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;height:44px;min-height:44px;min-width:44px;padding:0;transition:all var(--transition-fast);width:44px}.theme-icon-btn i{align-items:center;display:flex;font-size:1.25rem;height:1.25rem;justify-content:center;width:1.25rem}.theme-icon-btn:hover{background-color:var(--hover-overlay);border-color:var(--primary-500);color:var(--primary-500);transform:translateY(-2px)}.theme-icon-btn.active{background-color:var(--primary-500);border-color:var(--primary-500);color:var(--background-primary)}.navbar-dropdown-divider{background-color:var(--border-color);height:1px;margin:.375rem 0}.navbar-quick-filters{background:var(--background-tertiary);display:flex;flex-direction:column;gap:.625rem;padding:.5rem}.quick-filter-field{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;gap:.5rem;padding:.5rem .625rem;transition:all var(--transition-fast)}.quick-filter-field:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 2px #667eea1a}.quick-filter-field i{color:var(--text-tertiary);flex-shrink:0;font-size:.875rem}.quick-filter-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:.875rem;outline:none;padding:0}.quick-filter-input::placeholder{color:var(--text-tertiary);font-size:.813rem}[data-theme=matrix] .navbar-quick-filters{background:#00ff000d}[data-theme=matrix] .quick-filter-field{border-color:#00ff004d}[data-theme=matrix] .quick-filter-field:focus-within{border-color:#0f0;box-shadow:0 0 0 2px #0f03}[data-theme=matrix] .quick-filter-field i{color:#0f0}[data-theme=retro] .navbar-quick-filters{background:#fff8e1}[data-theme=retro] .quick-filter-field{border-color:#ff6b6b}.navbar-dropdown-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;min-height:0;padding:.35rem 1rem .35rem 1.75rem;text-align:left;touch-action:manipulation;transition:all var(--transition-fast);width:100%}.navbar-dropdown-item:hover{background-color:var(--hover-overlay);color:var(--primary-500)}.navbar-dropdown-item i{align-items:center;display:flex;font-size:.85rem;height:.85rem;justify-content:center;width:.85rem}.navbar-dropdown-item span{flex:1 1}.navbar-dropdown-item.locked{cursor:not-allowed;opacity:.5;pointer-events:none}.navbar-dropdown-item.locked:hover{background-color:initial;color:var(--text-primary)}.navbar-dropdown-item.locked .lock-icon{color:var(--text-tertiary);font-size:.65rem;margin-left:auto}.accordion-section{border-top:1px solid var(--border-color)}.accordion-section:first-of-type{border-top:none}.accordion-header{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:all var(--transition-fast);width:100%}.accordion-header:hover{background:var(--hover-overlay)}.accordion-header i:first-child{color:var(--text-secondary);font-size:1rem;width:1rem}.accordion-header span{flex:1 1}.accordion-chevron{color:var(--text-tertiary);font-size:.75rem;transition:transform .2s ease}.accordion-header.expanded .accordion-chevron{transform:rotate(90deg)}.accordion-badge{background:#dc3545;border-radius:10px;color:#fff;font-size:.65rem;font-weight:600;line-height:1;margin-right:.25rem;padding:2px 6px}.accordion-content{background:var(--background-tertiary);max-height:0;overflow:hidden;transition:max-height .25s ease-out}.accordion-content.expanded{max-height:300px}.accordion-content .navbar-dropdown-item{background:#0000;padding-left:2.5rem}.accordion-content .navbar-dropdown-item:hover{background:var(--hover-overlay)}[data-theme=matrix] .accordion-header:hover{background:#00ff001a}[data-theme=matrix] .accordion-header i:first-child{color:#00ff41}[data-theme=matrix] .accordion-content{background:#00ff000d}[data-theme=matrix] .accordion-badge{background:#00ff41;color:#000}[data-theme=retro] .accordion-header:hover{background:#8b5a3c1a}[data-theme=retro] .accordion-badge{background:#8b5a3c}@media (max-width:768px){.navbar-fixed-bar{min-height:48px;padding:.5rem .625rem}.navbar-brand{font-size:.938rem;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-actions{gap:.3rem}.navbar-icon-btn{align-items:center;display:flex;font-size:1rem;height:36px;justify-content:center;min-height:36px;min-width:36px;padding:0;width:36px}.navbar-credits{font-size:.75rem;gap:.25rem;padding:.3rem .5rem}.navbar-credits i{font-size:.813rem}.navbar-back-button{font-size:1rem;height:36px;min-height:36px;min-width:36px;width:36px}.navbar-theme-menu{border-radius:8px;gap:.5rem;left:auto;padding:.5rem;right:0;top:calc(100% + .5rem)}.navbar-theme-menu .theme-btn{border-radius:6px;font-size:.875rem;max-width:38px;min-height:36px;min-width:36px;padding:.375rem .5rem}.navbar-dropdown-menu{min-width:200px;right:0}.navbar-dropdown-section{padding:.5rem}.navbar-theme-icons{gap:.5rem}.theme-icon-btn{height:40px;min-height:40px;min-width:40px;padding:0;width:40px}.theme-icon-btn i{font-size:1.125rem;height:1.125rem;width:1.125rem}.navbar-dropdown-item{font-size:.75rem;padding:.3rem .875rem .3rem 1.5rem}.accordion-header{font-size:.813rem;padding:.625rem .875rem}.accordion-header i:first-child{font-size:.875rem}.accordion-content .navbar-dropdown-item{padding-left:2rem}}@media (max-width:480px){.navbar-fixed-bar{padding:.375rem .5rem}.navbar-brand{font-size:.875rem}.navbar-icon-btn{font-size:.938rem;height:32px;min-height:32px;min-width:32px;padding:0;width:32px}.navbar-credits{gap:.25rem;padding:.25rem .5rem}.navbar-credits,.navbar-credits i{font-size:.688rem}.navbar-back-button{font-size:.938rem;height:32px;min-height:32px;min-width:32px;width:32px}}[data-theme=dark] .navbar,[data-theme=light] .navbar{background-color:var(--background-secondary)!important;border-bottom-color:var(--border-color)}[data-theme=matrix] .navbar{box-shadow:0 0 20px #0f03}[data-theme=matrix] .navbar,[data-theme=retro] .navbar{background-color:var(--background-secondary)!important;border-bottom:2px solid var(--primary-500)}.navbar-dropdown-item.primary-action{background:var(--primary-500);color:#fff;font-weight:600;margin-top:.25rem}.navbar-dropdown-item.primary-action:hover{background:var(--primary-600);color:#fff}[data-theme=matrix] .navbar-dropdown-item.primary-action{background:#00ff41;color:#000}[data-theme=matrix] .navbar-dropdown-item.primary-action:hover{background:#0c3;color:#000}.navbar-auth-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.5rem .875rem;transition:all var(--transition-fast);white-space:nowrap}.navbar-auth-btn i{font-size:1rem}.navbar-auth-btn.login-btn{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.navbar-auth-btn.login-btn:hover{background:var(--background-tertiary);border-color:var(--primary-500);color:var(--primary-500)}.navbar-auth-btn.signup-btn{background:var(--primary-500);color:#fff}.navbar-auth-btn.signup-btn:hover{background:var(--primary-600);box-shadow:0 2px 8px #0d6efd4d;box-shadow:0 2px 8px rgba(var(--primary-color-rgb,13,110,253),.3);transform:translateY(-1px)}[data-theme=matrix] .navbar-auth-btn.login-btn{border-color:#00ff41;color:#00ff41}[data-theme=matrix] .navbar-auth-btn.login-btn:hover{background:#00ff411a;box-shadow:0 0 10px #00ff414d}[data-theme=matrix] .navbar-auth-btn.signup-btn{background:#00ff41;color:#000;text-shadow:none}[data-theme=matrix] .navbar-auth-btn.signup-btn:hover{background:#0c3;box-shadow:0 0 15px #00ff4180}[data-theme=retro] .navbar-auth-btn.signup-btn{background:#8b5a3c}[data-theme=retro] .navbar-auth-btn.signup-btn:hover{background:#6b4423}@media (max-width:768px){.navbar-auth-btn .btn-text{display:none}.navbar-auth-btn{justify-content:center;min-width:40px;padding:.5rem}.navbar-auth-btn i{margin:0}}.hamburger-notification-dot{background:#dc3545;border:2px solid var(--background-primary);border-radius:50%;height:10px;pointer-events:none;position:absolute;right:6px;top:6px;width:10px}.navbar-dropdown-item .menu-badge{background:#dc3545;border-radius:10px;color:#fff;font-size:.65rem;font-weight:600;line-height:1;margin-left:auto;padding:2px 6px}[data-theme=matrix] .hamburger-notification-dot{background:#00ff41;border-color:var(--background-primary)}[data-theme=matrix] .navbar-dropdown-item .menu-badge{background:#00ff41;color:#000}[data-theme=retro] .hamburger-notification-dot{background:#8b5a3c;border-color:var(--background-primary)}[data-theme=retro] .navbar-dropdown-item .menu-badge{background:#8b5a3c;color:#fff}.thinking-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.thinking-modal{background-color:var(--background-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);cursor:pointer;height:300px;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:400px}.thinking-content{gap:var(--space-6);height:100%;position:relative;z-index:2}.thinking-content,.thinking-text{align-items:center;display:flex;flex-direction:column;justify-content:center}.thinking-text{color:var(--text-primary);font-size:2rem;font-weight:var(--font-bold);gap:.25rem;max-width:90%;padding:0 var(--space-4);text-align:center}.thinking-word{word-wrap:break-word;letter-spacing:.15em;line-height:1.2;overflow-wrap:break-word}.thinking-word.long-text{font-size:1.5rem;letter-spacing:.1em}.thinking-dots span{animation:thinking-blink 1.4s infinite}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes thinking-blink{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.thinking-spinner{align-items:center;display:flex;justify-content:center}.spinner-border{animation:spinner-rotation .75s linear infinite;border:.3em solid var(--border-color);border-radius:50%;border-right-color:var(--primary-500);height:3rem;width:3rem}@keyframes spinner-rotation{to{transform:rotate(1turn)}}.thinking-timer{background:#0000001a;border-radius:4px;color:var(--text-secondary);font-family:SF Mono,Consolas,Monaco,monospace;font-size:.9rem;letter-spacing:2px;opacity:.7;padding:.25rem .75rem}[data-theme=dark] .thinking-timer{background:#ffffff0d}[data-theme=matrix] .thinking-timer{background:#00ff001a;border:1px solid #00ff004d;color:#0f0;text-shadow:0 0 10px #00ff0080}[data-theme=retro] .thinking-timer{background:#92400e1a;color:#92400e;font-family:Courier New,monospace}.matrix-rain-canvas{background-color:#000;display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}[data-theme=matrix] .matrix-rain-canvas{display:block}[data-theme=matrix] .thinking-spinner{display:none}[data-theme=matrix] .thinking-modal{background-color:#000;border-color:var(--primary-500);box-shadow:0 0 30px #00ff0080}[data-theme=matrix] .thinking-text{background-color:#000;border:2px solid var(--primary-500);box-shadow:0 0 20px #0f09,inset 0 0 20px #00ff001a;padding:var(--space-4) var(--space-8)}[data-theme=matrix] .thinking-word{animation:matrix-neon-glow 2s ease-in-out infinite;color:var(--primary-500)}[data-theme=matrix] .thinking-dots{display:none}@keyframes matrix-neon-glow{0%,to{color:#00ff00b3;text-shadow:0 0 10px #0f0c,0 0 20px #0f09,0 0 30px #0f06}50%{color:#0f0;text-shadow:0 0 20px #0f0,0 0 30px #0f0c,0 0 40px #0f09,0 0 50px #0f06,0 0 60px #0f03}}.letter-vortex{display:none;height:350px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:350px;z-index:1}[data-theme=dark] .letter-vortex,[data-theme=light] .letter-vortex{display:block}[data-theme=dark] .thinking-spinner,[data-theme=light] .thinking-spinner{display:none}.vortex-letter{animation:letter-swirl 6s linear infinite;animation:letter-swirl var(--duration,6s) linear infinite;animation-delay:var(--delay);font-size:var(--font-size);left:50%;opacity:0;position:absolute;text-shadow:1px 1px 3px #6b93ff80;top:50%;transform-origin:center;will-change:transform,opacity}[data-theme=light] .vortex-letter{color:#6b93ff;text-shadow:1px 1px 3px #6b93ff80}[data-theme=dark] .vortex-letter{color:#7b9fd8;text-shadow:1px 1px 3px #7b9fd899}.hieroglyphs-container{display:none;height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1}[data-theme=retro] .hieroglyphs-container{display:block}[data-theme=retro] .thinking-spinner{display:none}.hieroglyph{animation:hieroglyph-swirl 6s linear infinite;animation:hieroglyph-swirl var(--duration,6s) linear infinite;animation-delay:var(--delay);color:#ff9f1c;font-size:var(--font-size);left:50%;opacity:0;position:absolute;text-shadow:1px 1px 3px #ff9f1c80;top:50%;transform-origin:center;will-change:transform,opacity}[data-theme=retro] .thinking-modal:before{background:linear-gradient(#fff8e70d,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}[data-theme=dark] .matrix-rain-canvas,[data-theme=light] .matrix-rain-canvas,[data-theme=retro] .matrix-rain-canvas{display:none}@media (max-width:767px){.thinking-modal{height:250px;width:90%}.thinking-text{font-size:1.4rem;max-width:95%;padding:0 var(--space-2)}.thinking-word.long-text{font-size:1.1rem;letter-spacing:.05em}.matrix-column{font-size:12px}.letter-vortex{height:280px;width:280px}.vortex-letter{font-size:1rem!important}.hieroglyphs-container{height:220px;width:220px}.hieroglyph{font-size:1.3rem!important}}.vortex-letter.attracted{animation:letter-attracted 6s linear infinite;animation:letter-attracted var(--duration,6s) linear infinite;animation-delay:var(--delay)}.hieroglyph.attracted{animation:hieroglyph-attracted 6s linear infinite;animation:hieroglyph-attracted var(--duration,6s) linear infinite;animation-delay:var(--delay)}.hieroglyph,.vortex-letter{transition:animation .3s ease-in-out}@media (prefers-reduced-motion:reduce){.hieroglyph,.vortex-letter{animation:none;opacity:.5}.thinking-dots span{animation:none;opacity:1}[data-theme=matrix] .thinking-word{animation:none}}.thinking-error{align-items:center;animation:error-fade-in .3s ease-in-out;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-6);text-align:center}@keyframes error-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.error-icon{animation:error-pulse 2s ease-in-out infinite;font-size:3rem}@keyframes error-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-title{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-bold);letter-spacing:.05em}.error-message{color:var(--text-secondary);font-size:1rem;line-height:1.5;max-width:300px}.error-dismiss-btn{background-color:var(--primary-500);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-on-primary);cursor:pointer;font-size:1rem;font-weight:var(--font-semibold);margin-top:var(--space-4);padding:var(--space-3) var(--space-6);transition:all .2s ease}.error-dismiss-btn:hover{background-color:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.error-dismiss-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}[data-theme=matrix] .error-title{color:var(--primary-500);text-shadow:0 0 10px #0f0c}[data-theme=matrix] .error-message{color:var(--primary-500);opacity:.9}[data-theme=matrix] .error-dismiss-btn{background-color:initial;border:2px solid var(--primary-500);box-shadow:0 0 10px #00ff0080;color:var(--primary-500)}[data-theme=matrix] .error-dismiss-btn:hover{background-color:var(--primary-500);box-shadow:0 0 20px #0f0c;color:#000}[data-theme=retro] .error-title{color:var(--retro-orange);text-shadow:2px 2px 4px #ff9f1c4d}[data-theme=retro] .error-message{color:var(--text-primary)}[data-theme=retro] .error-dismiss-btn{background-color:var(--retro-orange);color:var(--retro-dark-brown)}[data-theme=retro] .error-dismiss-btn:hover{background-color:var(--retro-yellow)}@media (max-width:767px){.error-icon{font-size:2.5rem}.error-title{font-size:1.2rem}.error-message{font-size:.9rem;max-width:250px}}.thinking-status-message{bottom:12px;color:var(--text-tertiary);font-family:Courier New,monospace;font-family:var(--font-mono,"Courier New",monospace);font-size:.8rem;line-height:1.3;max-width:200px;opacity:.7;position:absolute;right:16px;text-align:right;z-index:3}[data-theme=light] .thinking-status-message{color:#00000080}[data-theme=dark] .thinking-status-message{color:#ffffff80}[data-theme=matrix] .thinking-status-message{color:#0f0;opacity:.6;text-shadow:0 0 5px #0f0}[data-theme=retro] .thinking-status-message{color:#d4af37;opacity:.7}@media (max-width:480px){.thinking-status-message{bottom:8px;font-size:.7rem;max-width:180px;right:12px}}.thinking-status-log{bottom:8px;font-family:Courier New,monospace;font-family:var(--font-mono,"Courier New",monospace);font-size:.7rem;left:12px;line-height:1.4;max-height:70px;overflow-y:auto;position:absolute;right:12px;scrollbar-color:#fff3 #0000;scrollbar-width:thin;z-index:3}.thinking-status-log::-webkit-scrollbar{width:4px}.thinking-status-log::-webkit-scrollbar-track{background:#0000}.thinking-status-log::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.status-log-entry{animation:status-fade-in .2s ease-out;color:#ffffff59;padding:1px 0}.status-log-entry.latest{color:#34c759cc}@keyframes status-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .thinking-status-log{scrollbar-color:#0003 #0000}[data-theme=light] .thinking-status-log::-webkit-scrollbar-thumb{background:#0003}[data-theme=light] .status-log-entry{color:#00000059}[data-theme=light] .status-log-entry.latest{color:#28a745e6}[data-theme=dark] .status-log-entry{color:#ffffff59}[data-theme=dark] .status-log-entry.latest{color:#34c759cc}[data-theme=matrix] .thinking-status-log{scrollbar-color:#0f03 #0000}[data-theme=matrix] .thinking-status-log::-webkit-scrollbar-thumb{background:#00ff004d}[data-theme=matrix] .status-log-entry{color:#0f06;text-shadow:0 0 3px #00ff004d}[data-theme=matrix] .status-log-entry.latest{color:#0f0;text-shadow:0 0 5px #0f0}[data-theme=retro] .thinking-status-log{scrollbar-color:#d4af3733 #0000}[data-theme=retro] .thinking-status-log::-webkit-scrollbar-thumb{background:#d4af374d}[data-theme=retro] .status-log-entry{color:#d4af3766}[data-theme=retro] .status-log-entry.latest{color:#d4af37}@media (max-width:480px){.thinking-status-log{bottom:6px;font-size:.65rem;left:8px;max-height:60px;right:8px}}.modal-overlay{align-items:flex-start;animation:fadeIn .15s ease-out forwards;background-color:#00000080;opacity:0;overflow-y:auto;z-index:1050}.modal-overlay.show{opacity:1}.modal-dialog{animation:slideDown .3s ease-out forwards;margin:1.75rem auto;pointer-events:none;position:relative;transform:translateY(-50px);width:100%}.modal-dialog.modal-dialog-centered{align-items:center;display:flex;min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}.modal-md{max-width:500px}.modal-lg{max-width:800px}.modal-xl{max-width:1140px}.modal-content{background-clip:padding-box;background-color:#fff;background-color:var(--card-background,#fff);border:1px solid #0003;border:1px solid var(--border-color,#0003);border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;display:flex;flex-direction:column;outline:0;pointer-events:auto}.modal-header{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color,#dee2e6);border-top-left-radius:calc(.5rem - 1px);border-top-right-radius:calc(.5rem - 1px);padding:1rem}.modal-title{font-size:1.25rem;font-weight:500;line-height:1.5}.modal-body{flex:1 1 auto;max-height:calc(100vh - 210px);overflow-y:auto;padding:1rem;position:relative}.modal-footer{align-items:center;border-bottom-left-radius:calc(.5rem - 1px);border-bottom-right-radius:calc(.5rem - 1px);border-top:1px solid #dee2e6;border-top:1px solid var(--border-color,#dee2e6);flex-shrink:0;flex-wrap:wrap;gap:.5rem;padding:.75rem}.btn-close{background:#0000 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;border:0;border-radius:.25rem;box-sizing:initial;color:#000;cursor:pointer;height:1em;opacity:.5;padding:.25em;width:1em}.btn-close:hover{opacity:.75}.btn-close:focus{box-shadow:0 0 0 .25rem #0d6efd40;opacity:1;outline:0}@media (max-width:576px){.modal-dialog{margin:.5rem;max-width:100%}.modal-body{max-height:calc(100vh - 150px)}}.modal-overlay{background-color:#0009;height:100%;width:100%;z-index:2000}.modal-content.regenerate-modal{background-color:#fff;background-color:var(--background-secondary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 8px 24px #0003;color:#000;color:var(--text-primary,#000);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{padding:1.5rem}.modal-header h3{color:#000;color:var(--text-primary,#000);font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;color:#666;color:var(--text-secondary,#666);font-size:2rem;height:30px;line-height:1;padding:0;transition:color .2s;width:30px}.modal-close:hover{color:#dc3545;color:var(--danger-color,#dc3545)}.modal-body{padding:1.5rem}.warning-text{color:#ff9800;color:var(--warning-color,#ff9800);font-weight:500;line-height:1.6;margin-bottom:1rem}.current-voice-info{background-color:#f8f9fa;background-color:var(--background-tertiary,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;margin:1rem 0;padding:1rem}.current-voice-info h4{font-size:1rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.current-voice-info h4,.voice-details p{color:#000;color:var(--text-primary,#000)}.voice-details p{font-size:.9rem;margin:.5rem 0}.voice-details strong{color:#007bff;color:var(--primary-500,#007bff);font-weight:600}.info-text{color:#666;color:var(--text-secondary,#666);font-size:.9rem;line-height:1.5;margin-top:1rem}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.625rem 1.5rem;transition:all .2s}.btn-secondary{background-color:#f0f0f0;background-color:var(--background-tertiary,#f0f0f0);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#000;color:var(--text-primary,#000)}.btn-secondary:hover{background-color:#e0e0e0;background-color:var(--hover-overlay,#e0e0e0)}.btn-primary{background-color:#007bff;background-color:var(--primary-500,#007bff);color:#fff}.btn-primary:hover{background-color:#0056b3;background-color:var(--primary-600,#0056b3)}[data-theme=dark] .modal-content.regenerate-modal{background-color:#2d3748;border-color:#4a5568;box-shadow:0 8px 24px #00000080}[data-theme=dark] .modal-footer,[data-theme=dark] .modal-header{border-color:#4a5568}[data-theme=dark] .current-voice-info{background-color:#1a202c;border-color:#4a5568}[data-theme=dark] .btn-secondary{background-color:#4a5568;border-color:#718096;color:#e2e8f0}[data-theme=dark] .btn-secondary:hover{background-color:#5a6a7e}[data-theme=matrix] .modal-content.regenerate-modal{background-color:#000;border:2px solid #0f0;box-shadow:0 0 30px #00ff004d}[data-theme=matrix] .modal-footer,[data-theme=matrix] .modal-header{border-color:#030}[data-theme=matrix] .current-voice-info h4,[data-theme=matrix] .info-text,[data-theme=matrix] .modal-header h3,[data-theme=matrix] .voice-details p,[data-theme=matrix] .warning-text{color:#0f0}[data-theme=matrix] .current-voice-info{background-color:#010;border-color:#030}[data-theme=matrix] .voice-details strong{color:#0f0}[data-theme=matrix] .btn-secondary{background-color:#010;border:1px solid #0f0;color:#0f0}[data-theme=matrix] .btn-secondary:hover{background-color:#030}[data-theme=matrix] .btn-primary{background-color:#0f0;color:#000}[data-theme=matrix] .btn-primary:hover{background-color:#0f0;box-shadow:0 0 15px #00ff0080}[data-theme=retro] .modal-content.regenerate-modal{background-color:#2d2d2d;border:3px solid #ffc107;border:3px solid var(--retro-accent,#ffc107);box-shadow:0 8px 24px #00000080}[data-theme=retro] .modal-footer,[data-theme=retro] .modal-header{border-color:#4a4a4a}[data-theme=retro] .current-voice-info h4,[data-theme=retro] .modal-header h3{font-family:Courier New,monospace}[data-theme=retro] .current-voice-info{background-color:#1a1a1a;border:2px solid #ffc107;border:2px solid var(--retro-accent,#ffc107)}[data-theme=retro] .btn-secondary,[data-theme=retro] .voice-details strong{color:#ffc107;color:var(--retro-accent,#ffc107)}[data-theme=retro] .btn-secondary{background-color:#1a1a1a;border:2px solid #ffc107;border:2px solid var(--retro-accent,#ffc107);font-family:Courier New,monospace}[data-theme=retro] .btn-secondary:hover{background-color:#3a3a3a}[data-theme=retro] .btn-primary{background-color:#ffc107;background-color:var(--retro-accent,#ffc107);color:#000;font-family:Courier New,monospace}[data-theme=retro] .btn-primary:hover{background-color:#ffcd38}.audio-player-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.audio-player-modal{background-color:var(--background-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:320px;overflow:hidden;position:relative;touch-action:none;transition:background-color .4s ease;-webkit-user-select:none;user-select:none;width:400px}[data-theme=light] .audio-player-modal.playing{background-color:#fff9}[data-theme=dark] .audio-player-modal.playing{background-color:#1a202c4d}[data-theme=matrix] .audio-player-modal.playing{background-color:#0000004d}[data-theme=retro] .audio-player-modal.playing{background-color:#1a1a1a99}.audio-modal-close{align-items:center;background:#0000004d;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;height:36px;justify-content:center;right:12px;top:12px;transition:all .2s ease;width:36px}.audio-modal-close,.corner-buttons{display:flex;position:absolute;z-index:10}.corner-buttons{gap:8px;right:16px;top:16px}.corner-button{align-items:center;background:#ffffff26;border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.corner-button:hover:not(:disabled){background:#ffffff40;transform:scale(1.05)}.corner-button:disabled{cursor:not-allowed;opacity:.6}.corner-button i{font-size:1rem}.corner-button i.spinning{animation:spin 1s linear infinite}[data-theme=matrix] .corner-button{background:#00320080;border-color:#0f0;color:#0f0}[data-theme=matrix] .corner-button:hover:not(:disabled){background:#006400b3;box-shadow:0 0 10px #00ff0080}[data-theme=retro] .corner-button{background:#1a1a1ab3;border-color:var(--retro-accent);color:var(--retro-accent)}[data-theme=retro] .corner-button:hover:not(:disabled){background:#ffc10733}[data-theme=dark] .corner-button{background:#2d3748cc;border-color:#718096}[data-theme=dark] .corner-button:hover:not(:disabled){background:#4299e14d;border-color:#4299e1}.audio-modal-close:hover{background:#00000080;transform:scale(1.1)}.audio-modal-close i{font-size:1rem}.wave-canvas{mix-blend-mode:difference;pointer-events:none;z-index:2}.audio-player-modal .matrix-rain-canvas,.wave-canvas{height:100%;left:0;position:absolute;top:0;width:100%}.audio-player-modal .matrix-rain-canvas{background-color:#000;display:none;z-index:1}[data-theme=matrix] .audio-player-modal .matrix-rain-canvas{display:block}[data-theme=matrix] .audio-player-modal{background-color:#000;border-color:var(--primary-500);box-shadow:0 0 30px #00ff0080}.audio-player-modal .letter-vortex{display:none;height:350px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:350px;z-index:1}[data-theme=dark] .audio-player-modal .letter-vortex,[data-theme=light] .audio-player-modal .letter-vortex{display:block}.audio-player-modal .vortex-letter{animation:letter-swirl 6s linear infinite;animation:letter-swirl var(--duration,6s) linear infinite;animation-delay:var(--delay);font-size:var(--font-size);left:50%;opacity:0;position:absolute;text-shadow:1px 1px 3px #6b93ff80;top:50%;transform-origin:center;will-change:transform,opacity}[data-theme=light] .audio-player-modal .vortex-letter{color:#6b93ff;text-shadow:1px 1px 3px #6b93ff80}[data-theme=dark] .audio-player-modal .vortex-letter{color:#7b9fd8;text-shadow:1px 1px 3px #7b9fd899}@keyframes letter-swirl{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--radius)*-1)) rotate(0deg) scale(.7)}15%{opacity:.5}25%{opacity:.7;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 90deg)) translateY(calc(var(--radius)*-1)) rotate(45deg) scale(.9)}50%{opacity:.85;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 180deg)) translateY(calc(var(--radius)*-1)) rotate(90deg) scale(1.05)}75%{opacity:.6;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 270deg)) translateY(calc(var(--radius)*-1)) rotate(135deg) scale(.9)}85%{opacity:.3}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 1turn)) translateY(calc(var(--radius)*-1)) rotate(180deg) scale(.7)}}.audio-player-modal .hieroglyphs-container{display:none;height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1}[data-theme=retro] .audio-player-modal .hieroglyphs-container{display:block}.audio-player-modal .hieroglyph{animation:hieroglyph-swirl 6s linear infinite;animation:hieroglyph-swirl var(--duration,6s) linear infinite;animation-delay:var(--delay);color:#ff9f1c;font-size:var(--font-size);left:50%;opacity:0;position:absolute;text-shadow:1px 1px 3px #ff9f1c80;top:50%;transform-origin:center;will-change:transform,opacity}@keyframes hieroglyph-swirl{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--radius)*-1)) rotate(0deg) scale(.7)}15%{opacity:.5}25%{opacity:.7;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 90deg)) translateY(calc(var(--radius)*-1)) rotate(45deg) scale(.9)}50%{opacity:.85;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 180deg)) translateY(calc(var(--radius)*-1)) rotate(90deg) scale(1.05)}75%{opacity:.6;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 270deg)) translateY(calc(var(--radius)*-1)) rotate(135deg) scale(.9)}85%{opacity:.3}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 1turn)) translateY(calc(var(--radius)*-1)) rotate(180deg) scale(.7)}}[data-theme=retro] .audio-player-modal:before{background:linear-gradient(#fff8e70d,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}[data-theme=dark] .audio-player-modal .matrix-rain-canvas,[data-theme=light] .audio-player-modal .matrix-rain-canvas,[data-theme=retro] .audio-player-modal .matrix-rain-canvas{display:none}.audio-player-modal .vortex-letter.attracted{animation:letter-attracted 6s linear infinite;animation:letter-attracted var(--duration,6s) linear infinite;animation-delay:var(--delay)}.audio-player-modal .hieroglyph.attracted{animation:hieroglyph-attracted 6s linear infinite;animation:hieroglyph-attracted var(--duration,6s) linear infinite;animation-delay:var(--delay)}@keyframes letter-attracted{0%{opacity:.6;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(var(--angle)) translateY(calc(var(--radius)*-.4)) rotate(0deg) scale(.8)}25%{opacity:.85;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(calc(var(--angle) + 90deg)) translateY(calc(var(--radius)*-.4)) rotate(45deg) scale(.95)}50%{opacity:1;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(calc(var(--angle) + 180deg)) translateY(calc(var(--radius)*-.4)) rotate(90deg) scale(1.1)}75%{opacity:.85;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(calc(var(--angle) + 270deg)) translateY(calc(var(--radius)*-.4)) rotate(135deg) scale(.95)}to{opacity:.6;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(calc(var(--angle) + 1turn)) translateY(calc(var(--radius)*-.4)) rotate(180deg) scale(.8)}}@keyframes hieroglyph-attracted{0%{opacity:.6;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(var(--angle)) translateY(calc(var(--radius)*-.4)) rotate(0deg) scale(.8)}25%{opacity:.85;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(calc(var(--angle) + 90deg)) translateY(calc(var(--radius)*-.4)) rotate(45deg) scale(.95)}50%{opacity:1;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(calc(var(--angle) + 180deg)) translateY(calc(var(--radius)*-.4)) rotate(90deg) scale(1.1)}75%{opacity:.85;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(calc(var(--angle) + 270deg)) translateY(calc(var(--radius)*-.4)) rotate(135deg) scale(.95)}to{opacity:.6;transform:translate(calc(var(--touch-x) - 50%),calc(var(--touch-y) - 50%)) rotate(calc(var(--angle) + 1turn)) translateY(calc(var(--radius)*-.4)) rotate(180deg) scale(.8)}}.audio-controls-container{align-items:center;bottom:30px;display:flex;flex-direction:column;gap:16px;left:50%;position:absolute;transform:translateX(-50%);z-index:5}.transport-controls{align-items:center;display:flex;gap:20px}.transport-btn{align-items:center;background:#0006;border:2px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .2s ease}.transport-btn:hover{background:#0009;transform:scale(1.1)}.transport-btn i{line-height:1}.play-pause-btn{font-size:1.8rem;height:64px;width:64px}.play-pause-btn i{margin-left:2px}.play-pause-btn i.bi-pause-fill{margin-left:0}.forward-btn,.rewind-btn{font-size:1.2rem;height:48px;width:48px}.skip-label{bottom:-18px;color:var(--text-secondary);font-size:.65rem;font-weight:600;position:absolute}.progress-container{align-items:center;display:flex;flex-direction:column;gap:8px;width:280px}.progress-bar-track{background:#fff3;border-radius:3px;cursor:pointer;height:6px;position:relative;width:100%}.progress-bar-fill{background:var(--primary-500);border-radius:3px;transition:width .1s linear}.progress-bar-thumb{background:var(--primary-500);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);width:14px}.time-display{font-feature-settings:"tnum";color:var(--text-secondary);display:flex;font-size:.85rem;font-variant-numeric:tabular-nums;gap:6px}[data-theme=matrix] .audio-modal-close{background:#00320080;border:1px solid #0f0;color:#0f0}[data-theme=matrix] .audio-modal-close:hover{background:#006400b3;box-shadow:0 0 10px #00ff0080}[data-theme=matrix] .transport-btn{background:#001e0099;border-color:#0f0;color:#0f0}[data-theme=matrix] .transport-btn:hover{background:#003c00cc;box-shadow:0 0 15px #00ff0080}[data-theme=matrix] .progress-bar-track{background:#0064004d}[data-theme=matrix] .progress-bar-fill,[data-theme=matrix] .progress-bar-thumb{background:#0f0}[data-theme=matrix] .progress-bar-thumb{border-color:#0f0;box-shadow:0 0 10px #00ff0080}[data-theme=matrix] .skip-label,[data-theme=matrix] .time-display{color:#0f0}[data-theme=retro] .audio-player-modal{background-color:#1a1a1a;border-color:var(--retro-accent)}[data-theme=retro] .audio-modal-close{background:#1a1a1ab3;border:1px solid var(--retro-accent);color:var(--retro-accent)}[data-theme=retro] .audio-modal-close:hover{background:#ffc10733}[data-theme=retro] .transport-btn{background:#1a1a1acc;border-color:var(--retro-accent);color:var(--retro-accent)}[data-theme=retro] .transport-btn:hover{background:#ffc10733;box-shadow:0 0 10px #ffc1074d}[data-theme=retro] .progress-bar-track{background:#ffc10733}[data-theme=retro] .progress-bar-fill,[data-theme=retro] .progress-bar-thumb{background:var(--retro-accent)}[data-theme=retro] .progress-bar-thumb{border-color:var(--retro-accent)}[data-theme=retro] .time-display{color:var(--retro-accent);font-family:Courier New,monospace}[data-theme=retro] .skip-label{color:var(--retro-accent)}[data-theme=dark] .audio-player-modal{background-color:#1a202c;border-color:#4a5568}[data-theme=dark] .transport-btn{background:#2d3748cc;border-color:#718096}[data-theme=dark] .transport-btn:hover{background:#4299e14d;border-color:#4299e1}[data-theme=dark] .progress-bar-track{background:#7180964d}[data-theme=dark] .progress-bar-fill,[data-theme=dark] .progress-bar-thumb{background:#4299e1}@media (max-width:767px){.audio-player-modal{height:300px;max-width:360px;width:90%}.audio-player-modal .letter-vortex{height:280px;width:280px}.audio-player-modal .vortex-letter{font-size:1rem!important}.audio-player-modal .hieroglyphs-container{height:220px;width:220px}.audio-player-modal .hieroglyph{font-size:1.3rem!important}.play-pause-btn{font-size:1.5rem;height:56px;width:56px}.forward-btn,.rewind-btn{font-size:1rem;height:42px;width:42px}.progress-container{width:240px}.audio-controls-container{bottom:24px}}@media (prefers-reduced-motion:reduce){.audio-player-modal .hieroglyph,.audio-player-modal .vortex-letter{animation:none;opacity:.5}}.audio-player-container{background-color:initial;background-color:var(--background-primary,#0000);border:none;display:inline-flex;flex-shrink:0;margin:0;padding:0}.audio-player-simple{flex-wrap:nowrap;gap:.4rem;justify-content:flex-end}.audio-player-simple,.btn-audio-action{align-items:center;display:flex;flex-shrink:0}.btn-audio-action{background:#0000;border:none;border-radius:8px;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;height:36px;justify-content:center;min-height:36px;min-width:36px;padding:6px;transition:all .2s;width:36px}.btn-audio-action:hover:not(:disabled){background-color:#0000000d;background-color:var(--hover-bg,#0000000d);color:#007bff;color:var(--primary-color,#007bff);transform:scale(1.05)}.btn-audio-action:disabled{cursor:not-allowed;opacity:.5}.btn-audio-action i{color:inherit;font-size:1.25rem}.btn-audio-action svg{stroke:currentColor;color:inherit}.btn-play-pause-simple{align-items:center;background-color:#007bff;border:none;border-radius:50%;box-shadow:0 2px 6px #007bff40;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:32px;justify-content:center;max-height:32px;max-width:32px;min-height:32px;min-width:32px;padding:0;position:relative;transition:all .2s;width:32px}.btn-play-pause-simple:active,.btn-play-pause-simple:focus,.btn-play-pause-simple:focus-visible{box-shadow:0 0 0 3px #007bff4d!important;outline:none!important}.btn-play-pause-simple i{color:#fff!important;font-size:.9rem;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.btn-play-pause-simple i.bi-play-fill{left:52%}.spinning{animation:spin 1s linear infinite}.btn-play-pause-simple:hover:not(:disabled){background-color:#0056b3;box-shadow:0 4px 12px #007bff80;transform:scale(1.1)}.btn-play-pause-simple:disabled{cursor:not-allowed;opacity:.6}.btn-skip-simple{align-items:center;background-color:#6c757d;border:none;border-radius:50%;box-shadow:0 2px 4px #6c757d33;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:28px;justify-content:center;max-height:28px;max-width:28px;min-height:28px;min-width:28px;padding:0;position:relative;transition:all .2s;width:28px}.btn-skip-simple:active,.btn-skip-simple:focus,.btn-skip-simple:focus-visible{box-shadow:0 0 0 3px #6c757d4d!important;outline:none!important}.btn-skip-simple i{color:#fff!important;font-size:.75rem;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.btn-skip-simple:hover:not(:disabled){background-color:#5a6268;box-shadow:0 3px 8px #6c757d66;transform:scale(1.1)}.btn-skip-simple:disabled{cursor:not-allowed;opacity:.4}.btn-skip-simple.collapsed{margin:0;max-width:0;min-width:0;opacity:0;overflow:hidden;padding:0;transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1);width:0}.btn-skip-simple.expanded{max-width:28px;min-width:28px;opacity:1;transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.btn-download-simple,.btn-regenerate-simple{align-items:center;background-color:#f8f9fa;border:1px solid #6c757d;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:.7rem;height:32px;justify-content:center;max-height:32px;max-width:32px;min-height:32px;min-width:32px;padding:0;position:relative;transition:all .2s;width:32px}.btn-download-simple:active,.btn-download-simple:focus,.btn-download-simple:focus-visible,.btn-regenerate-simple:active,.btn-regenerate-simple:focus,.btn-regenerate-simple:focus-visible{box-shadow:0 0 0 2px #007bff4d!important;outline:none!important}.btn-download-simple i,.btn-regenerate-simple i{color:#6c757d!important;font-size:.7rem;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.btn-download-simple:hover,.btn-regenerate-simple:hover{background-color:#007bff;border-color:#007bff;color:#fff;transform:scale(1.1)}.btn-download-simple:hover i,.btn-regenerate-simple:hover i{color:#fff!important}.audio-error{background-color:#dc35451a;border-radius:4px;color:#dc3545;color:var(--danger-color,#dc3545);font-size:.9rem;margin-bottom:1rem;padding:.75rem}.audio-generate-section{padding:1rem 0;text-align:center}.btn-generate-audio{align-items:center;background-color:#007bff;background-color:var(--primary-color,#007bff);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-generate-audio:hover:not(:disabled){background-color:#0056b3;background-color:var(--primary-hover,#0056b3);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.btn-generate-audio:disabled{cursor:not-allowed;opacity:.6}.audio-info{color:var(--text-secondary);font-size:.85rem;margin-top:.5rem}.audio-player{width:100%}.audio-controls{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.btn-play-pause{align-items:center;background-color:var(--accent-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-play-pause:hover{box-shadow:0 2px 8px #0003;transform:scale(1.1)}.audio-progress-container{cursor:pointer;flex:1 1}.audio-progress-bar{background-color:#e0e0e0;background-color:var(--progress-bg,#e0e0e0);border-radius:3px;height:6px;overflow:hidden;width:100%}.audio-progress-filled{background-color:var(--accent-color);height:100%;transition:width .1s linear}.audio-time{color:var(--text-secondary);font-size:.85rem;min-width:80px;text-align:center}.btn-regenerate{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-regenerate:hover{background-color:var(--hover-bg);border-color:var(--accent-color);color:var(--accent-color)}.voice-info{align-items:center;background-color:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;padding:.5rem}.voice-label{color:var(--text-color);font-weight:600}.voice-name{color:var(--accent-color);font-weight:500}.voice-separator{color:var(--border-color)}.voice-description{flex:1 1;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .audio-player-container{background-color:initial;border:none}[data-theme=dark] .btn-audio-action{color:#e2e8f0}[data-theme=dark] .btn-audio-action:hover:not(:disabled){background-color:#ffffff1a;color:#4299e1}[data-theme=matrix] .btn-audio-action{color:#0f0}[data-theme=matrix] .btn-audio-action:hover:not(:disabled){background-color:#00ff001a}[data-theme=retro] .btn-audio-action{color:var(--retro-accent)}[data-theme=retro] .btn-audio-action:hover:not(:disabled){background-color:#ffc1071a}[data-theme=dark] .btn-play-pause-simple{background-color:#4299e1;box-shadow:0 2px 6px #4299e14d}[data-theme=dark] .btn-play-pause-simple i{color:#fff!important}[data-theme=dark] .btn-play-pause-simple:hover:not(:disabled){background-color:#3182ce;box-shadow:0 3px 8px #4299e180}[data-theme=dark] .btn-play-pause-simple:active,[data-theme=dark] .btn-play-pause-simple:focus,[data-theme=dark] .btn-play-pause-simple:focus-visible{box-shadow:0 0 0 3px #4299e166!important;outline:none!important}[data-theme=dark] .btn-download-simple,[data-theme=dark] .btn-regenerate-simple{background-color:#4a5568;border-color:#718096;color:#e2e8f0}[data-theme=dark] .btn-download-simple i,[data-theme=dark] .btn-regenerate-simple i{color:#e2e8f0!important}[data-theme=dark] .btn-download-simple:hover,[data-theme=dark] .btn-regenerate-simple:hover{background-color:#4299e1;border-color:#4299e1}[data-theme=dark] .btn-download-simple:hover i,[data-theme=dark] .btn-regenerate-simple:hover i{color:#fff!important}[data-theme=dark] .btn-download-simple:active,[data-theme=dark] .btn-download-simple:focus,[data-theme=dark] .btn-download-simple:focus-visible,[data-theme=dark] .btn-regenerate-simple:active,[data-theme=dark] .btn-regenerate-simple:focus,[data-theme=dark] .btn-regenerate-simple:focus-visible{box-shadow:0 0 0 2px #4299e166!important;outline:none!important}[data-theme=dark] .btn-skip-simple{background-color:#718096;box-shadow:0 2px 4px #7180964d}[data-theme=dark] .btn-skip-simple:hover:not(:disabled){background-color:#4a5568;box-shadow:0 3px 8px #71809680}[data-theme=dark] .btn-skip-simple:active,[data-theme=dark] .btn-skip-simple:focus,[data-theme=dark] .btn-skip-simple:focus-visible{box-shadow:0 0 0 3px #71809666!important;outline:none!important}[data-theme=dark] .audio-progress-bar{background-color:#4a5568}[data-theme=dark] .voice-info{background-color:#1a202c}[data-theme=matrix] .audio-player-container{background-color:initial;border:none}[data-theme=matrix] .btn-generate-audio{background-color:#0f0;color:#000}[data-theme=matrix] .btn-generate-audio:hover:not(:disabled){background-color:#0f0;box-shadow:0 0 15px #00ff0080}[data-theme=matrix] .btn-play-pause,[data-theme=matrix] .btn-play-pause-simple{background-color:#0f0;color:#000}[data-theme=matrix] .btn-play-pause i,[data-theme=matrix] .btn-play-pause-simple i{color:#000!important}[data-theme=matrix] .btn-play-pause-simple:hover:not(:disabled){box-shadow:0 0 15px #00ff0080}[data-theme=matrix] .btn-play-pause-simple:active,[data-theme=matrix] .btn-play-pause-simple:focus,[data-theme=matrix] .btn-play-pause-simple:focus-visible{box-shadow:0 0 0 3px #00ff0080!important;outline:none!important}[data-theme=matrix] .btn-download-simple,[data-theme=matrix] .btn-regenerate-simple{background-color:#010;border-color:#0f0;color:#0f0}[data-theme=matrix] .btn-download-simple i,[data-theme=matrix] .btn-regenerate-simple i{color:#0f0!important}[data-theme=matrix] .btn-download-simple:hover,[data-theme=matrix] .btn-regenerate-simple:hover{background-color:#030;box-shadow:0 0 10px #00ff004d}[data-theme=matrix] .btn-download-simple:hover i,[data-theme=matrix] .btn-regenerate-simple:hover i{color:#0f0!important}[data-theme=matrix] .btn-download-simple:active,[data-theme=matrix] .btn-download-simple:focus,[data-theme=matrix] .btn-download-simple:focus-visible,[data-theme=matrix] .btn-regenerate-simple:active,[data-theme=matrix] .btn-regenerate-simple:focus,[data-theme=matrix] .btn-regenerate-simple:focus-visible{box-shadow:0 0 0 2px #00ff0080!important;outline:none!important}[data-theme=matrix] .btn-skip-simple{background-color:#030;border:1px solid #0f0;color:#0f0}[data-theme=matrix] .btn-skip-simple i{color:#0f0!important}[data-theme=matrix] .btn-skip-simple:hover:not(:disabled){background-color:#040;box-shadow:0 0 10px #0f06}[data-theme=matrix] .btn-skip-simple:active,[data-theme=matrix] .btn-skip-simple:focus,[data-theme=matrix] .btn-skip-simple:focus-visible{box-shadow:0 0 0 3px #00ff0080!important;outline:none!important}[data-theme=matrix] .audio-progress-bar{background-color:#030}[data-theme=matrix] .audio-progress-filled{background-color:#0f0}[data-theme=matrix] .voice-info{background-color:#010;border:1px solid #030;color:#0f0}[data-theme=retro] .audio-player-container{background-color:initial;border:none}[data-theme=retro] .btn-generate-audio,[data-theme=retro] .btn-play-pause-simple{background-color:var(--retro-accent);color:#000;font-family:Courier New,monospace;font-weight:700}[data-theme=retro] .btn-play-pause-simple i{color:#000!important}[data-theme=retro] .btn-play-pause-simple:active,[data-theme=retro] .btn-play-pause-simple:focus,[data-theme=retro] .btn-play-pause-simple:focus-visible{box-shadow:0 0 0 3px #ffc10766!important;outline:none!important}[data-theme=retro] .btn-download-simple,[data-theme=retro] .btn-regenerate-simple{background-color:#1a1a1a;border-color:var(--retro-accent);color:var(--retro-accent)}[data-theme=retro] .btn-download-simple i,[data-theme=retro] .btn-regenerate-simple i{color:var(--retro-accent)!important}[data-theme=retro] .btn-download-simple:active,[data-theme=retro] .btn-download-simple:focus,[data-theme=retro] .btn-download-simple:focus-visible,[data-theme=retro] .btn-regenerate-simple:active,[data-theme=retro] .btn-regenerate-simple:focus,[data-theme=retro] .btn-regenerate-simple:focus-visible{box-shadow:0 0 0 2px #ffc10766!important;outline:none!important}[data-theme=retro] .btn-skip-simple{background-color:#333;border:2px solid var(--retro-accent);color:var(--retro-accent)}[data-theme=retro] .btn-skip-simple i{color:var(--retro-accent)!important}[data-theme=retro] .btn-skip-simple:hover:not(:disabled){background-color:var(--retro-accent);color:#000}[data-theme=retro] .btn-skip-simple:hover:not(:disabled) i{color:#000!important}[data-theme=retro] .btn-skip-simple:active,[data-theme=retro] .btn-skip-simple:focus,[data-theme=retro] .btn-skip-simple:focus-visible{box-shadow:0 0 0 3px #ffc10766!important;outline:none!important}[data-theme=retro] .voice-info{background-color:#1a1a1a;border:1px solid var(--retro-accent);font-family:Courier New,monospace}@media (max-width:768px){.audio-controls{flex-wrap:wrap}.audio-progress-container{flex-basis:100%;margin-top:.5rem;order:3}.voice-description{flex-basis:100%}}.share-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.share-modal-content{animation:modalFadeIn .2s ease-out;background-color:#fff;background-color:var(--background-secondary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:2rem;width:100%}.share-modal-title{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.share-modal-options{display:flex;flex-direction:column;gap:.75rem}.share-modal-option{align-items:center;background-color:#f0f0f0;background-color:var(--background-tertiary,#f0f0f0);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1rem;text-decoration:none;transition:all .2s ease}.share-modal-option:hover{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px #00000026;color:#fff;transform:translateY(-2px)}.share-modal-option:active{transform:translateY(0)}.share-modal-icon{font-size:2rem;margin-bottom:.5rem}.share-modal-label{font-size:1rem;font-weight:600;margin-bottom:.25rem}.share-modal-subtitle{font-size:.875rem;opacity:.7}.share-modal-option:hover .share-modal-subtitle{opacity:.9}@media (max-width:768px){.share-modal-content{max-width:90vw;padding:1.5rem}.share-modal-title{font-size:1.125rem}.share-modal-option{padding:1.25rem 1rem}.share-modal-icon{font-size:1.75rem}.share-modal-label{font-size:.9375rem}.share-modal-subtitle{font-size:.8125rem}}[data-theme=light] .share-modal-content{background-color:#fff}[data-theme=light] .share-modal-option{background-color:#f8f9fa;border-color:#dee2e6;color:#333}[data-theme=light] .share-modal-option:hover{background-color:#007bff;background-color:var(--primary-color,#007bff);border-color:#007bff;border-color:var(--primary-color,#007bff);color:#fff}[data-theme=dark] .share-modal-overlay{background-color:#000c}[data-theme=dark] .share-modal-content{background-color:#2d3748;border-color:#4a5568}[data-theme=dark] .share-modal-option{background-color:#4a5568;border-color:#718096;color:#e2e8f0}[data-theme=dark] .share-modal-option:hover{background-color:#4299e1;border-color:#4299e1;color:#fff}[data-theme=matrix] .share-modal-overlay{background-color:#000000e6}[data-theme=matrix] .share-modal-content{background-color:#000;border-color:#0f0}[data-theme=matrix] .share-modal-option{background-color:#010;border-color:#0f0;color:#0f0}[data-theme=matrix] .share-modal-option:hover{background-color:#0f0;border-color:#0f0;color:#000}[data-theme=retro] .share-modal-content{background-color:#2d2d2d;border:3px solid #ff6b35}[data-theme=retro] .share-modal-option{background-color:#1a1a1a;border-color:#ff6b35;color:#ffc107}[data-theme=retro] .share-modal-option:hover{background-color:#ff6b35;border-color:#ff6b35;color:#1a1a1a}.share-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;min-height:36px;min-width:36px;padding:6px;position:relative;transition:all .2s ease;width:36px}.share-btn:hover:not(:disabled){background-color:#0000000d;background-color:var(--hover-bg,#0000000d);color:#007bff;color:var(--primary-color,#007bff);transform:scale(1.05)}.share-btn:active,.share-btn:focus,.share-btn:focus-visible{background-color:#0000000d;background-color:var(--hover-bg,#0000000d);outline:none!important}.share-btn:disabled{cursor:not-allowed;opacity:.5}.share-btn-icon{color:inherit;font-size:1.25rem;line-height:1}.share-btn:hover:not(:disabled) .share-btn-icon{color:inherit}.share-btn-text{font-size:.875rem;font-weight:500}.share-btn-spinning{animation:share-spin 1s linear infinite}@keyframes share-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-theme=dark] .share-btn{color:#e2e8f0}[data-theme=dark] .share-btn:hover:not(:disabled){background-color:#ffffff1a;color:#4299e1}[data-theme=matrix] .share-btn{color:#0f0}[data-theme=matrix] .share-btn:hover:not(:disabled){background-color:#00ff001a;color:#0f0}[data-theme=retro] .share-btn{color:var(--retro-accent)}[data-theme=retro] .share-btn:hover:not(:disabled){background-color:#ffc1071a}.book-excerpt-container{display:flex;flex:1 1;flex-direction:column;gap:.75rem;margin:0 auto;max-width:900px;min-height:300px;padding:0;position:relative;width:100%}.book-header-with-audio{margin-bottom:0;padding:0 .5rem}.book-header-title-row{align-items:center;display:flex;gap:.75rem;justify-content:flex-start;margin-top:.5rem;padding:0 .5rem}.book-header{flex:1 1;margin-bottom:0;padding:0 .5rem}.book-title-header{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-bold)}.book-author-header,.book-title-header{line-height:1.2;margin:0!important;padding:0}.book-author-header{color:var(--text-secondary);flex:1 1;font-size:1rem;font-style:italic}.empty-state{background:linear-gradient(135deg,var(--background-secondary),var(--background-tertiary));border-radius:var(--radius-lg);min-height:550px;overflow:hidden;padding:2rem;position:relative}.falling-letters{contain:layout style paint;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;will-change:contents}.falling-letter{animation:fall linear infinite;color:var(--text-secondary);font-family:Georgia,serif;font-size:1.5rem;font-weight:300;opacity:.3;position:absolute;top:0;will-change:transform,opacity}@keyframes fall{0%{opacity:.3;transform:translateY(-50px)}50%{opacity:.15}to{opacity:0;transform:translateY(calc(100vh + 50px))}}[data-theme=matrix] .falling-letter{color:#00ff41;opacity:.5;text-shadow:0 0 5px #00ff41}.empty-state-content{max-width:400px;position:relative;text-align:center;z-index:1}.empty-state-icon{color:var(--primary-color);display:block;margin-bottom:1rem}[data-theme=matrix] .empty-state-icon{color:#00ff41;filter:drop-shadow(0 0 10px #00ff41)}.empty-state-content h3{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:.75rem}.empty-state-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.excerpt-content-container{margin-bottom:0;padding:.5rem}.excerpt-text{color:var(--text-primary);font-family:Georgia,serif;font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:65ch;padding:0;text-align:left}.excerpt-text p{margin:0;white-space:pre-line}.excerpt-metadata{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:0;padding:0 .5rem}.metadata-badges{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem;padding:0 .5rem}.metadata-actions{align-items:center;display:flex;flex-shrink:0;gap:.25rem;margin-top:.5rem}.metadata-badge{border-radius:12px;display:inline-block;flex-shrink:0;font-size:.65rem;font-weight:600;padding:.2rem .45rem;text-transform:capitalize;white-space:nowrap}.soul-shadow{background:linear-gradient(135deg,#8b5cf633,#6366f133);border:1px solid #8b5cf64d;color:#8b5cf6}.soul-force{background:linear-gradient(135deg,#ef444433,#dc262633);border:1px solid #ef44444d;color:#ef4444}.soul-warp{background:linear-gradient(135deg,#22c55e33,#10b98133);border:1px solid #22c55e4d;color:#22c55e}.intensity-badge{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid #fbbf244d;color:#f59e0b;font-weight:700}.excerpt-context-container{margin-bottom:0;padding:.5rem}.page-context{color:var(--text-secondary);display:block;font-style:italic;margin:0 auto;max-width:65ch;padding:0;text-align:left}.reveal-section{display:flex;text-align:center}.reveal-book-link,.reveal-section{align-items:center;justify-content:center;padding:0}.reveal-book-link{background:none;border:none;color:var(--primary-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:500;gap:.5rem;margin:0 auto;text-decoration:none;transition:all var(--transition-fast)}.reveal-book-link:hover{color:var(--primary-500);text-decoration:underline}.reveal-book-link.loading,.reveal-book-link:disabled{opacity:.7;pointer-events:none}.spinner-border-sm{border-width:2px;height:1rem;width:1rem}[data-theme=matrix] .reveal-book-link{color:#00ff41}[data-theme=matrix] .reveal-book-link:hover{color:#00ff41;text-shadow:0 0 5px #00ff0080}.book-details{align-items:flex-start;background-color:var(--background-tertiary)!important;border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:1rem;margin:0 auto;max-width:-webkit-fit-content;max-width:fit-content;padding:.75rem 1rem;width:auto}.book-cover{height:auto;object-fit:cover}.book-cover,.book-cover-placeholder{border-radius:var(--radius-sm);box-shadow:var(--shadow-md);flex-shrink:0;width:80px}.book-cover-placeholder{align-items:center;background:var(--background-primary);border:1px solid var(--border-color);color:var(--text-tertiary);display:flex;font-size:1.5rem;height:120px;justify-content:center}.book-info{background:#0000!important;border:none!important;display:flex;flex-direction:column;gap:.5rem;min-width:0;outline:none!important}.book-title{color:var(--text-primary);font-size:1rem;font-weight:var(--font-bold)}.book-author,.book-title{word-wrap:break-word;margin:0}.book-author{color:var(--text-secondary);font-size:.9rem;font-style:italic}.book-isbn{font-size:.85rem;margin:0}.excerpt-actions{align-items:center;display:flex;gap:1rem}.excerpt-actions button:first-child{flex:1 1}.book-excerpt-loading{color:var(--text-secondary);justify-content:center;min-height:200px}.book-excerpt-error,.book-excerpt-loading{align-items:center;display:flex;flex-direction:column}.book-excerpt-error{gap:1rem;padding:2rem}.queue-cards-wrapper{gap:1.25rem;grid-template-columns:1fr;max-width:100%;padding:20px;width:100%}.queue-cards-wrapper.show-cards{display:grid}.queue-cards-wrapper.hide-cards{display:none}@media (min-width:769px){.queue-cards-wrapper{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}[data-theme=dark] .soul-shadow{background:linear-gradient(135deg,#8b5cf640,#6366f140);border:1px solid #8b5cf666;color:#a78bfa}[data-theme=dark] .soul-force{background:linear-gradient(135deg,#ef444440,#dc262640);border:1px solid #ef444466;color:#f87171}[data-theme=dark] .soul-warp{background:linear-gradient(135deg,#22c55e40,#10b98140);border:1px solid #22c55e66;color:#4ade80}[data-theme=dark] .intensity-badge{background:linear-gradient(135deg,#fbbf2440,#f59e0b40);border:1px solid #fbbf2466;color:#fcd34d}[data-theme=matrix] .soul-shadow{background:linear-gradient(135deg,#8b5cf626,#6366f126)}[data-theme=matrix] .soul-force,[data-theme=matrix] .soul-shadow{border:1px solid #00ff4166;color:#00ff41;text-shadow:0 0 3px #00ff414d}[data-theme=matrix] .soul-force{background:linear-gradient(135deg,#ef444426,#dc262626)}[data-theme=matrix] .soul-warp{background:linear-gradient(135deg,#22c55e26,#10b98126)}[data-theme=matrix] .intensity-badge,[data-theme=matrix] .soul-warp{border:1px solid #00ff4166;color:#00ff41;text-shadow:0 0 3px #00ff414d}[data-theme=matrix] .intensity-badge{background:linear-gradient(135deg,#fbbf2426,#f59e0b26)}[data-theme=retro] .metadata-badge{border-width:2px;font-family:Courier New,monospace}[data-theme=retro] .soul-shadow{background:#8b5cf626;border:2px solid #8b5cf6;color:#6d28d9}[data-theme=retro] .soul-force{background:#ef444426;border:2px solid #ef4444;color:#b91c1c}[data-theme=retro] .soul-warp{background:#22c55e26;border:2px solid #22c55e;color:#15803d}[data-theme=retro] .intensity-badge{background:#fbbf2426;border:2px solid #f59e0b;color:#d97706}@media (max-width:768px){.queue-cards-wrapper{grid-template-columns:1fr!important;padding:8px}.empty-state{min-height:450px;padding:1.5rem 1rem}.excerpt-metadata{padding:0 .25rem}.metadata-badges{gap:.3rem;margin-top:.4rem;padding:0 .25rem}.metadata-badge{font-size:.6rem;padding:.15rem .4rem}.empty-state-icon{font-size:3rem}.empty-state-content h3{font-size:1.5rem}.empty-state-content p{font-size:1rem;margin-bottom:1.5rem}.falling-letter{font-size:1.25rem}.book-excerpt-container{gap:.625rem;padding:0}.book-header,.book-header-with-audio{padding:0 .25rem}.book-header-title-row{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;padding:0 .25rem}.book-header-title-row .download-btn,.book-header-title-row .reader-action-btn,.book-header-title-row .share-btn{height:32px;min-height:32px;min-width:32px;width:32px}.book-header-title-row .download-btn-icon,.book-header-title-row .reader-action-btn i,.book-header-title-row .share-btn-icon{font-size:1.125rem}.book-title-header{font-size:1.25rem}.book-author-header{flex:0 1 100%;font-size:1rem;margin-bottom:.25rem}.excerpt-text{font-size:1rem;line-height:1.7;padding:0;text-align:left}.book-details{align-items:center;flex-direction:column;gap:.75rem;margin:0 auto;max-width:min(90%,400px);padding:1rem;text-align:center}.book-cover{width:100px}.book-cover-placeholder{height:150px;width:100px}.book-info{align-items:center;width:100%}.book-title{font-size:1rem}.book-author,.book-isbn,.book-title{text-align:center}.amazon-links-container{align-items:center;width:100%}.amazon-buy-link{align-self:center;margin:.5rem auto 0}.page-context{text-align:left}.excerpt-actions{flex-direction:column;width:100%}.excerpt-actions button{font-size:1rem;padding:.875rem 1rem;width:100%}.reveal-section button{font-size:1rem;max-width:300px;padding:.875rem 1.5rem;width:100%}}@media (max-width:480px){.queue-cards-wrapper{padding:8px}.excerpt-text{font-size:.95rem;line-height:1.6}.book-cover{width:120px}.book-cover-placeholder{height:180px;width:120px}.book-title{font-size:1rem}.book-author{font-size:.9rem}}[data-theme=dark] .excerpt-text p{color:var(--text-primary)}[data-theme=dark] .book-details{background-color:#1a1a1a!important;border-color:#444!important}[data-theme=dark] .book-info .book-title{color:#e0e0e0}[data-theme=dark] .book-info .book-author,[data-theme=dark] .book-info .book-isbn{color:#b0b0b0}[data-theme=dark] .book-isbn .text-muted{color:#b0b0b0!important}[data-theme=dark] .book-info{background:#0000!important;border:none!important;outline:none!important}[data-theme=dark] .amazon-buy-link,[data-theme=dark] .book-info .text-muted,[data-theme=dark] .book-info small{border:none!important;text-decoration:none!important}[data-theme=matrix] .excerpt-text p{color:#0f0;text-shadow:0 0 5px #00ff004d}[data-theme=matrix] .book-details{background-color:#000c!important;border-color:var(--primary-500)!important}[data-theme=matrix] .book-info .book-title{color:#0f0;text-shadow:0 0 5px #00ff0080}[data-theme=matrix] .book-info .book-author,[data-theme=matrix] .book-info .book-isbn{color:#0c0}[data-theme=matrix] .book-isbn .text-muted{color:#0c0!important}[data-theme=matrix] .book-info{background:#0000!important;border:none!important;outline:none!important}[data-theme=matrix] .amazon-buy-link{text-decoration:none!important}[data-theme=matrix] .book-info .text-muted,[data-theme=matrix] .book-info small{border:none!important;text-decoration:none!important}[data-theme=retro] .excerpt-text{font-family:Georgia,Palatino,Book Antiqua,serif;font-size:1.125rem;line-height:1.6;text-shadow:.5px .5px .5px #2a21181a}[data-theme=retro] .book-isbn,[data-theme=retro] .page-context{font-family:Courier New,monospace;font-style:normal}.cover-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.cover-modal-content{align-items:center;animation:scaleIn .3s ease-out;display:flex;flex-direction:column;gap:1rem;max-height:90vh;max-width:600px;position:relative}.cover-modal-close{align-items:center;background-color:var(--background-primary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .2s ease;width:36px;z-index:10000}.cover-modal-close:hover{background-color:#dc3545;background-color:var(--danger-color,#dc3545);color:#fff;transform:rotate(90deg)}.cover-modal-image{border-radius:8px;box-shadow:0 8px 24px #0000004d;max-height:70vh;max-width:100%;object-fit:contain}.cover-modal-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0009;border-radius:8px;color:#fff;padding:1rem 1.5rem;text-align:center}.cover-modal-info h5{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.cover-modal-info p{font-size:1rem;font-style:italic;margin:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.cover-modal-overlay{padding:.5rem}.cover-modal-image{max-height:60vh}.cover-modal-close{right:5px;top:5px}}.amazon-links-container{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.amazon-buy-link{align-items:center;align-self:flex-start;background-color:#f90;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#000;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;margin-top:.5rem;padding:.4rem .75rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.amazon-buy-link:hover{background-color:#ffb84d;box-shadow:0 4px 8px #00000026;color:#000;text-decoration:none;transform:translateY(-1px)}.amazon-buy-link:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}[data-theme=dark] .amazon-buy-link{box-shadow:0 2px 4px #0000004d}[data-theme=dark] .amazon-buy-link:hover{box-shadow:0 4px 8px #0006}.popular-badge-reader{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:20px;box-shadow:0 2px 8px #ffd7004d;color:#000;display:inline-flex;font-size:.85rem;font-weight:600;gap:.25rem;margin-bottom:1rem;padding:.5rem 1rem}.reader-actions{display:flex;gap:1rem;justify-content:center;margin:1.5rem 0;padding:0 .5rem}.reader-actions .btn{min-width:140px}@media (max-width:768px){.reader-actions{flex-direction:column;margin-left:auto;margin-right:auto;max-width:300px;width:100%}.reader-actions .btn{width:100%}}.queue-position-indicator{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.85rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:.5rem;top:.5rem;z-index:10}.queue-position-text{font-family:Courier New,monospace}[data-theme=matrix] .queue-position-indicator{background:#00ff411a;border-color:#00ff41;box-shadow:0 0 10px #00ff4133;color:#00ff41}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:scaleIn .3s ease-out;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000004d;max-width:450px;padding:2rem 1.5rem;position:relative;width:100%}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:32px}.modal-close:hover{background:var(--hover-overlay);color:var(--text-primary)}.modal-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 1rem}.modal-content p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:.5rem 0}.modal-content ul{color:var(--text-secondary);margin:1rem 0;padding-left:1.5rem}.modal-content ul li{margin:.5rem 0}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-actions .btn{flex:1 1;font-size:1rem;padding:.75rem 1.5rem}[data-theme=matrix] .modal-content{background:#000000f2;border-color:#00ff41;box-shadow:0 8px 24px #00ff414d}[data-theme=matrix] .modal-close:hover{background:#00ff4133;color:#00ff41}.modal-content-compact{max-width:380px;padding:1.5rem 1.25rem}.modal-content-compact h3{font-size:1.25rem;margin:0 0 .75rem}.modal-content-compact p{font-size:.95rem;margin:.25rem 0}.modal-content-compact .modal-actions{gap:.75rem;margin-top:1rem}.modal-content-compact .modal-actions .btn{font-size:.95rem;padding:.625rem 1.25rem}.modal-content-compact .form-check{padding-left:1.5rem}.modal-content-compact .form-check-input{cursor:pointer}.modal-content-compact .form-check-label{cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width:480px){.modal-content{padding:1.5rem 1rem}.modal-content h3{font-size:1.25rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.modal-content-compact{max-width:100%;padding:1.25rem 1rem}.modal-content-compact h3{font-size:1.15rem}}@media (max-width:768px){.card-cover,.card-cover-placeholder{height:75px;width:50px}}.search-mode-indicator{align-items:center;background:#4a90e21a;background:var(--primary-color-light,#4a90e21a);border:1px solid var(--primary-color);border-radius:var(--radius-md);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.search-mode-content{align-items:center;color:var(--primary-color);display:flex;font-weight:500;gap:.5rem}.search-mode-content i{font-size:1.125rem}.search-mode-text{font-size:.9375rem}.exit-search-btn{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease;white-space:nowrap}.exit-search-btn:hover{background:var(--hover-overlay);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.exit-search-btn:active{transform:translateY(0)}.exit-search-btn i{font-size:1rem}[data-theme=matrix] .search-mode-indicator{background:#00ff001a;border-color:var(--matrix-green)}[data-theme=matrix] .search-mode-content{color:var(--matrix-green)}[data-theme=matrix] .exit-search-btn:hover{border-color:var(--matrix-green);color:var(--matrix-green)}[data-theme=retro] .exit-search-btn,[data-theme=retro] .search-mode-indicator{border-radius:0;border-width:2px}[data-theme=retro] .exit-search-btn:hover{box-shadow:4px 4px 0 var(--retro-shadow)}@media (max-width:640px){.search-mode-indicator{align-items:stretch;flex-direction:column;gap:.75rem}.exit-search-btn,.search-mode-content{justify-content:center}.exit-search-btn{width:100%}.search-mode-text{font-size:.875rem}}.excerpt-context-divider{background:var(--border-color);height:1px;margin:1.5rem 0;opacity:.3}[data-theme=light] .excerpt-context-divider{opacity:.65}[data-theme=dark] .excerpt-context-divider{opacity:.5}[data-theme=retro] .excerpt-context-divider{background:#ff9f1c66;opacity:1}@media (min-width:769px){.excerpt-content-container{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px 0 #1f268726,0 2px 8px 0 #00000014;margin:1rem auto;max-width:84.5ch;padding:1.5rem;position:relative;transition:all .3s ease}.excerpt-content-container .excerpt-text,.excerpt-content-container .page-context{margin-left:0;margin-right:0;max-width:none}.book-header-with-audio{margin-left:auto;margin-right:auto;max-width:84.5ch;padding-left:0;padding-right:0;width:84.5ch}.book-header{padding:0 1.5rem}.book-header-title-row{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;margin-left:auto;margin-right:auto;max-width:84.5ch;padding-left:1.5rem;padding-right:1.5rem;width:84.5ch}.book-author-header{flex:1 1;margin-right:auto;padding:0;text-align:left}.excerpt-metadata{margin-left:auto;margin-right:auto;max-width:84.5ch;padding-left:0;padding-right:0;width:84.5ch}.metadata-badges{padding-left:1.5rem;padding-right:1.5rem}.book-details{margin-left:auto;margin-right:auto;max-width:42.25ch}[data-theme=light] .excerpt-content-container{background:#ffffffb3;box-shadow:0 8px 32px 0 #6b93ff33,0 2px 8px 0 #6b93ff1a}[data-theme=dark] .excerpt-content-container{background:#1f2630cc;border:1px solid #7b9fd833;box-shadow:0 8px 32px 0 #0006,0 2px 8px 0 #7b9fd826}[data-theme=matrix] .excerpt-content-container{background:#001100d9;border:1px solid #00ff004d;box-shadow:0 0 20px #00ff004d,0 0 40px #00ff0026,inset 0 0 20px #00ff000d}[data-theme=retro] .excerpt-content-container{background:#fffef9bf;box-shadow:0 8px 32px 0 #ff9f1c40,0 2px 8px 0 #d4c5a333}.excerpt-content-container:hover{box-shadow:0 12px 40px 0 #1f268733,0 4px 12px 0 #0000001a;transform:translateY(-2px)}[data-theme=dark] .excerpt-content-container:hover{box-shadow:0 12px 40px 0 #00000080,0 4px 12px 0 #7b9fd833}[data-theme=matrix] .excerpt-content-container:hover{box-shadow:0 0 25px #0f06,0 0 50px #0f03,inset 0 0 25px #00ff0014}[data-theme=retro] .excerpt-content-container:hover{box-shadow:0 12px 40px 0 #ff9f1c4d,0 4px 12px 0 #d4c5a340}.engagement-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;margin-left:auto;margin-right:auto;max-width:84.5ch;padding:1.5rem;width:84.5ch}}.book-cover-skeleton{align-items:center;animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;height:225px;justify-content:center;width:150px}[data-theme=dark] .book-cover-skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;border-color:#444}[data-theme=matrix] .book-cover-skeleton{background:linear-gradient(90deg,#010 25%,#030 50%,#010 75%);background-size:200% 100%;border-color:#0f0;box-shadow:0 0 10px #0f03}[data-theme=retro] .book-cover-skeleton{background:linear-gradient(90deg,#fff8e1 25%,#ffe8a1 50%,#fff8e1 75%);background-size:200% 100%;border-color:#d4c5a3}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.book-cover.fade-in{animation:fadeInCover .5s ease-in}@keyframes fadeInCover{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.book-cover-skeleton small{margin-top:.5rem;padding:0 .5rem;text-align:center}[data-theme=matrix] .book-cover-skeleton small{color:#0f0}[data-theme=retro] .book-cover-skeleton small{color:#8b7355}.engagement-card{margin-bottom:0;margin-top:1.5rem;padding:.5rem;transition:all .2s ease}.engagement-card__like{align-items:center;display:flex;gap:.5rem;padding:0}.like-button{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:1rem;gap:.35rem;padding:.25rem .5rem;transition:transform .2s ease}.like-button:hover{transform:scale(1.1)}.like-button:active{transform:scale(.95)}.like-icon{font-size:1.25rem;line-height:1}.like-count{color:var(--text-primary);font-size:.85rem;font-weight:600}.like-label-text{color:var(--text-secondary);font-size:.75rem;margin-left:.25rem}.engagement-card__divider{background-color:var(--border-color);height:1px;margin:.4rem -.75rem}.comment-list--compact{border:none!important;display:flex;flex-direction:column;gap:.35rem;margin-top:0!important;padding-top:0!important}.comment-input-compact{border-top:none;margin-top:0;padding-top:0}.comment-input-compact__field{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:.25rem;color:var(--text-primary);font-size:.75rem;margin-top:0;padding:.3rem .4rem;transition:border-color .15s ease;width:100%}.comment-input-compact__field:focus{border-color:var(--primary-color);outline:none}.comment-input-compact__field::placeholder{color:var(--text-tertiary)}.comment-list__empty--compact,.comment-list__loading--compact,.comment-list__login-prompt--compact{color:var(--text-secondary);font-size:.7rem;padding:.3rem;text-align:center}.comment-list__comments--compact{display:flex;flex-direction:column;gap:.25rem}.comment-item-compact{align-items:center;background-color:var(--background-tertiary);border-radius:.25rem;display:flex;font-size:.7rem;gap:.4rem;padding:.2rem .3rem;transition:background-color .15s ease}.comment-item-compact:hover{background-color:var(--background-secondary)}.comment-text-compact{word-wrap:break-word;color:var(--text-secondary);flex:1 1;overflow-wrap:break-word}.comment-edit-input-compact{background-color:var(--background-primary);border:1px solid var(--primary-color);border-radius:.25rem;color:var(--text-primary);flex:1 1;font-size:.7rem;padding:.2rem .3rem}.comment-edit-input-compact:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a;outline:none}.comment-like-compact{align-items:center;background-color:initial;border:none;border-radius:.25rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.65rem;gap:.2rem;padding:.1rem .3rem;transition:background-color .15s ease;white-space:nowrap}.comment-like-compact:hover{background-color:var(--background-primary)}.comment-action-compact{background-color:initial;border:none;border-radius:.25rem;color:var(--text-secondary);cursor:pointer;font-size:.75rem;padding:.1rem .25rem;transition:all .15s ease}.comment-action-compact:hover{background-color:var(--background-primary);color:var(--primary-color)}.comment-action-compact--delete:hover{color:#ef4444}.comment-show-more{background-color:initial;border:1px dashed var(--border-color);border-radius:.25rem;color:var(--text-secondary);cursor:pointer;font-size:.7rem;padding:.25rem .5rem;text-align:center;transition:all .15s ease}.comment-show-more:hover{background-color:var(--background-secondary);border-color:var(--primary-color);color:var(--primary-color)}[data-theme=light] .engagement-card{background:#ffffffb3;box-shadow:0 8px 32px 0 #6b93ff33,0 2px 8px 0 #6b93ff1a}[data-theme=dark] .engagement-card{background:#1f2630cc;border:1px solid #7b9fd833;box-shadow:0 8px 32px 0 #0006,0 2px 8px 0 #7b9fd826}[data-theme=matrix] .engagement-card{background:#001100d9;border:1px solid #00ff004d;box-shadow:0 0 20px #00ff004d,0 0 40px #00ff0026,inset 0 0 20px #00ff000d}[data-theme=retro] .engagement-card{background:#fffef9bf;box-shadow:0 8px 32px 0 #ff9f1c40,0 2px 8px 0 #d4c5a333}.engagement-card:hover{box-shadow:0 12px 40px 0 #1f268733,0 4px 12px 0 #0000001a;transform:translateY(-2px)}[data-theme=dark] .engagement-card:hover{box-shadow:0 12px 40px 0 #00000080,0 4px 12px 0 #7b9fd833}[data-theme=matrix] .engagement-card:hover{box-shadow:0 0 25px #0f06,0 0 50px #0f03,inset 0 0 25px #00ff0014}[data-theme=retro] .engagement-card:hover{box-shadow:0 12px 40px 0 #ff9f1c4d,0 4px 12px 0 #d4c5a340}@media (max-width:768px){.engagement-card{margin-top:1rem;padding:.4rem}.engagement-card__like{gap:.4rem}.like-button{font-size:.9rem}.like-icon{font-size:1.1rem}.like-count{font-size:.8rem}.like-label-text{display:none}.engagement-card__divider{margin:.3rem -.4rem}}.reader-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;min-height:36px;min-width:36px;padding:6px;transition:all .2s ease;width:36px}.reader-action-btn i{font-size:1.25rem}.reader-action-btn:hover:not(:disabled){background-color:#0000000d;background-color:var(--hover-bg,#0000000d);color:#007bff;color:var(--primary-color,#007bff);transform:scale(1.05)}.reader-action-btn.export-video-btn{color:#6c757d;color:var(--text-secondary,#6c757d)}.reader-action-btn.export-video-btn:hover{background-color:#0000000d;background-color:var(--hover-bg,#0000000d);color:#ff6b6b;transform:scale(1.05)}.reader-action-btn.image-export-btn{color:#6c757d;color:var(--text-secondary,#6c757d)}.reader-action-btn.image-export-btn:hover{background-color:#0000000d;background-color:var(--hover-bg,#0000000d);color:#4a90a4;color:var(--primary-color,#4a90a4);transform:scale(1.05)}[data-theme=dark] .reader-action-btn{color:#e2e8f0}[data-theme=dark] .reader-action-btn:hover:not(:disabled){background-color:#ffffff1a;color:#4299e1}[data-theme=dark] .reader-action-btn.export-video-btn:hover{color:#ff6b6b}[data-theme=matrix] .reader-action-btn{color:#0f0}[data-theme=matrix] .reader-action-btn:hover:not(:disabled){background-color:#00ff001a}[data-theme=retro] .reader-action-btn{color:var(--retro-accent)}[data-theme=retro] .reader-action-btn:hover:not(:disabled){background-color:#ffc1071a}.story-source-quote{background:var(--background-secondary);border-radius:8px;margin-bottom:.5rem;padding:1rem}.story-source-quote .source-label{color:var(--text-secondary);font-size:.8rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.story-source-quote .source-text{background:var(--background-tertiary);border-left:4px solid var(--primary-500);border-radius:0 8px 8px 0;color:var(--text-primary);font-style:italic;margin:0;padding:.75rem 1rem}.story-source-quote--clickable{cursor:pointer;transition:all .2s ease}.story-source-quote--clickable:hover{background:var(--background-tertiary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.story-source-quote--clickable:active{transform:translateY(0)}.story-source-quote .source-link-icon{font-size:.7rem;margin-left:.5rem;opacity:.7;transition:opacity .2s ease}.story-source-quote--clickable:hover .source-link-icon{opacity:1}.story-text p{margin-bottom:1.25rem;text-indent:1.5rem}.story-text p:first-child{text-indent:0}.story-text p:first-child:first-letter{color:var(--primary-500);float:left;font-size:2.5rem;font-weight:700;line-height:1;margin-right:.4rem;margin-top:.1rem}.story-image-gallery{background:var(--background-secondary);border-radius:12px;margin:.5rem 0;padding:1rem}.story-image-gallery .gallery-main{align-items:center;display:flex;justify-content:center;margin-bottom:.75rem;position:relative}.story-image-gallery .gallery-nav{align-items:center;background:var(--background-primary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:5}.story-image-gallery .gallery-nav:hover{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.story-image-gallery .gallery-nav.prev{left:.5rem}.story-image-gallery .gallery-nav.next{right:.5rem}.story-image-gallery .gallery-image-container{align-items:center;display:flex;justify-content:center;max-height:350px;min-height:200px;width:100%}.story-image-gallery .gallery-image{border-radius:8px;max-height:350px;max-width:100%;object-fit:contain}.story-image-gallery .gallery-pending{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:200px}.story-image-gallery .gallery-pending i{font-size:3rem;opacity:.5}.story-image-gallery .gallery-caption{color:var(--text-secondary);font-size:.9rem;padding:.5rem;text-align:center}.story-image-gallery .gallery-thumbnails{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.story-image-gallery .gallery-thumb{align-items:center;background:var(--background-tertiary);border:2px solid #0000;border-radius:4px;cursor:pointer;display:flex;height:35px;justify-content:center;overflow:hidden;padding:0;transition:all .2s ease;width:50px}.story-image-gallery .gallery-thumb:hover{border-color:var(--primary-400)}.story-image-gallery .gallery-thumb.active{border-color:var(--primary-500);box-shadow:0 0 8px rgba(var(--primary-500-rgb),.4)}.story-image-gallery .gallery-thumb.pending{color:var(--text-tertiary)}.story-image-gallery .gallery-thumb img{height:100%;object-fit:cover;width:100%}[data-theme=dark] .story-source-quote{background:#ffffff0d}[data-theme=dark] .story-source-quote .source-text{background:#ffffff08}[data-theme=matrix] .story-source-quote{background:#00ff000d;border:1px solid #0f03}[data-theme=matrix] .story-source-quote .source-text{background:#00ff0008;border-left-color:#0f0}[data-theme=matrix] .story-text p:first-child:first-letter{color:#0f0}[data-theme=matrix] .story-image-gallery{background:#00ff000d;border:1px solid #0f03}[data-theme=matrix] .story-image-gallery .gallery-nav:hover{background:#0f0;border-color:#0f0;color:#000}[data-theme=matrix] .story-image-gallery .gallery-thumb.active{border-color:#0f0;box-shadow:0 0 8px #0f06}[data-theme=retro] .story-source-quote{background:#c9a2271a;border:2px solid var(--retro-brown)}[data-theme=retro] .story-source-quote .source-text{background:#c9a2270d;border-left-color:var(--retro-accent)}[data-theme=retro] .story-text p:first-child:first-letter{color:var(--retro-accent)}[data-theme=retro] .story-image-gallery{background:#c9a2271a;border:2px solid var(--retro-brown)}[data-theme=retro] .story-image-gallery .gallery-nav:hover{background:var(--retro-accent);border-color:var(--retro-brown);color:#000}[data-theme=retro] .story-image-gallery .gallery-thumb.active{border-color:var(--retro-accent)}@media (max-width:768px){.story-image-gallery .gallery-image,.story-image-gallery .gallery-image-container{max-height:250px}.story-image-gallery .gallery-nav{height:32px;width:32px}.story-text p:first-child:first-letter{font-size:2rem}}.comment{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:1rem;position:relative;transition:background-color .2s ease}.comment:hover{background-color:#f9fafb;background-color:var(--hover-bg,#f9fafb)}.comment:last-child{border-bottom:none}.comment__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.comment__user-info{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.comment__username{color:#111827;color:var(--text-primary,#111827);font-size:.875rem;font-weight:600}.comment__timestamp{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem}.comment__edited{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.75rem;font-style:italic}.comment__actions{display:flex;gap:.5rem}.comment__action-btn{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;justify-content:center;padding:.25rem;transition:color .2s ease}.comment__action-btn:hover{color:#111827;color:var(--text-primary,#111827)}.comment__action-btn--delete:hover{color:#ef4444}.comment__body{margin-bottom:.75rem}.comment__text{word-wrap:break-word;color:#111827;color:var(--text-primary,#111827);font-size:.9375rem;line-height:1.6;margin:0;white-space:pre-wrap}.comment__edit-form{display:flex;flex-direction:column;gap:.5rem}.comment__edit-textarea{background-color:#fff;background-color:var(--input-bg,#fff);border:2px solid #d1d5db;border:2px solid var(--border-color,#d1d5db);border-radius:.5rem;color:#111827;color:var(--text-primary,#111827);font-family:inherit;font-size:.9375rem;line-height:1.6;min-height:80px;padding:.75rem;resize:vertical;width:100%}.comment__edit-textarea:focus{border-color:#007bff;border-color:var(--accent-color,#007bff);box-shadow:0 0 0 3px #007bff1a;outline:none}.comment__edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.comment__edit-btn{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.comment__edit-btn--save{background-color:#007bff;background-color:var(--accent-color,#007bff);color:#fff}.comment__edit-btn--save:hover:not(:disabled){background-color:#0056b3;background-color:var(--accent-color-dark,#0056b3)}.comment__edit-btn--save:disabled{cursor:not-allowed;opacity:.6}.comment__edit-btn--cancel{background-color:#f3f4f6;background-color:var(--secondary-bg,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.comment__edit-btn--cancel:hover:not(:disabled){background-color:#e5e7eb;background-color:var(--border-color,#e5e7eb)}.comment__footer{align-items:center;display:flex}.comment__like-btn{align-items:center;background:none;border:none;border-radius:.375rem;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.875rem;gap:.375rem;padding:.375rem .75rem;transition:all .2s ease}.comment__like-btn:hover{background-color:#f3f4f6;background-color:var(--hover-bg,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.comment__like-btn--active{color:#ef4444}.comment__like-btn--active svg{fill:currentColor}.comment__like-count{font-weight:500}.comment__delete-confirm{align-items:center;background-color:#00000080;border-radius:.5rem;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.comment__delete-confirm-content{background-color:#fff;background-color:var(--bg-primary,#fff);border-radius:.5rem;box-shadow:0 10px 25px #0000001a;max-width:300px;padding:1.5rem}.comment__delete-confirm-content p{color:#111827;color:var(--text-primary,#111827);font-size:1rem;font-weight:500;margin:0 0 1rem}.comment__delete-confirm-actions{display:flex;gap:.5rem;justify-content:flex-end}.comment__delete-confirm-btn{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.comment__delete-confirm-btn--delete{background-color:#ef4444;color:#fff}.comment__delete-confirm-btn--delete:hover:not(:disabled){background-color:#dc2626}.comment__delete-confirm-btn--delete:disabled{cursor:not-allowed;opacity:.6}.comment__delete-confirm-btn--cancel{background-color:#f3f4f6;background-color:var(--secondary-bg,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.comment__delete-confirm-btn--cancel:hover:not(:disabled){background-color:#e5e7eb;background-color:var(--border-color,#e5e7eb)}@media (prefers-color-scheme:dark){.comment{border-bottom-color:#374151}.comment:hover{background-color:#1f2937}.comment__username{color:#f9fafb}.comment__action-btn,.comment__edited,.comment__timestamp{color:#9ca3af}.comment__action-btn:hover{color:#f9fafb}.comment__text{color:#f3f4f6}.comment__edit-textarea{background-color:#1f2937;border-color:#374151;color:#f9fafb}.comment__edit-btn--cancel{background-color:#374151;color:#f9fafb}.comment__like-btn{color:#9ca3af}.comment__like-btn:hover{background-color:#374151;color:#f9fafb}.comment__delete-confirm-content{background-color:#1f2937}.comment__delete-confirm-content p{color:#f9fafb}}.theme-dark .comment{border-bottom-color:#374151}.theme-dark .comment:hover{background-color:#1f2937}.theme-dark .comment__username{color:#f9fafb}.theme-dark .comment__text{color:#f3f4f6}.theme-matrix .comment{border-bottom-color:#030}.theme-matrix .comment:hover{background-color:#00ff000d}.theme-matrix .comment__text,.theme-matrix .comment__username{color:#0f0}.theme-retro .comment{border-bottom-color:#333}.theme-retro .comment:hover{background-color:#ff6b6b0d}.theme-retro .comment__username{color:#ff6b6b}.comment-box{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.comment-box__textarea{background-color:#fff;background-color:var(--input-bg,#fff);border:2px solid #d1d5db;border:2px solid var(--border-color,#d1d5db);border-radius:.5rem;color:#111827;color:var(--text-primary,#111827);font-family:inherit;font-size:.9375rem;line-height:1.6;min-height:80px;padding:.75rem;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.comment-box__textarea:focus{border-color:#007bff;border-color:var(--accent-color,#007bff);box-shadow:0 0 0 3px #007bff1a;outline:none}.comment-box__textarea:disabled{background-color:#f3f4f6;background-color:var(--disabled-bg,#f3f4f6);cursor:not-allowed;opacity:.6}.comment-box__textarea::placeholder{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.comment-box__footer{align-items:center;display:flex;gap:1rem;justify-content:space-between}.comment-box__info{color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.comment-box__char-count{font-weight:500;transition:color .2s ease}.comment-box__char-count--warning{color:#f59e0b}.comment-box__char-count--error{color:#ef4444}.comment-box__hint{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-style:italic}.comment-box__submit{align-items:center;background-color:#007bff;background-color:var(--accent-color,#007bff);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.comment-box__submit:hover:not(:disabled){background-color:#0056b3;background-color:var(--accent-color-dark,#0056b3);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.comment-box__submit:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.comment-box__submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.comment-box__spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:640px){.comment-box__footer{align-items:flex-start;flex-direction:column}.comment-box__submit{justify-content:center;width:100%}.comment-box__info{flex-direction:row;justify-content:space-between;width:100%}}@media (prefers-color-scheme:dark){.comment-box__textarea{background-color:#1f2937;border-color:#374151;color:#f9fafb}.comment-box__textarea:focus{border-color:#3b82f6;border-color:var(--accent-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.comment-box__textarea:disabled{background-color:#111827}.comment-box__textarea::placeholder{color:#6b7280}.comment-box__info{color:#9ca3af}.comment-box__hint{color:#6b7280}}.theme-dark .comment-box__textarea{background-color:#1f2937;border-color:#374151;color:#f9fafb}.theme-dark .comment-box__textarea:focus{border-color:#3b82f6;border-color:var(--accent-color,#3b82f6)}.theme-matrix .comment-box__textarea{background-color:#010;border-color:#030;color:#0f0}.theme-matrix .comment-box__textarea:focus{border-color:#0f0;box-shadow:0 0 0 3px #00ff001a}.theme-matrix .comment-box__submit{background-color:#0f0;color:#010}.theme-matrix .comment-box__submit:hover:not(:disabled){background-color:#0d0}.theme-retro .comment-box__textarea{background-color:#1a1a1a;border-color:#333;color:#ff6b6b}.theme-retro .comment-box__textarea:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.theme-retro .comment-box__submit{background-color:#ff6b6b;color:#1a1a1a}.theme-retro .comment-box__submit:hover:not(:disabled){background-color:#ff5252}.display-name-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10002}.display-name-modal{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:420px;overflow:hidden;width:90%}.display-name-modal-header{border-bottom:1px solid var(--border-color);padding:1.5rem}.display-name-modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:var(--font-semibold);margin:0}.display-name-modal-body{padding:1.5rem}.display-name-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0 0 1.25rem}.display-name-modal .form-group{margin-bottom:1rem}.display-name-modal .form-group label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:var(--font-medium);margin-bottom:.5rem}.display-name-modal .form-control{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.display-name-modal .form-control:focus{border-color:#4caf50;border-color:var(--accent-color,#4caf50);box-shadow:0 0 0 3px #4caf501a;outline:none}.display-name-modal .form-control.is-invalid{border-color:#dc3545}.display-name-modal .form-control:disabled{cursor:not-allowed;opacity:.7}.display-name-modal .invalid-feedback{color:#dc3545;display:block;font-size:.85rem;margin-top:.5rem}.preview-section{background-color:#0000000d;background-color:var(--background-tertiary,#0000000d);border-radius:var(--radius-md);gap:.5rem;padding:.75rem 1rem}.preview-label{color:var(--text-muted);font-size:.85rem}.preview-name{color:var(--text-primary);font-size:.95rem;font-weight:var(--font-medium)}.display-name-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.display-name-modal .btn-cancel,.display-name-modal .btn-save{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:var(--font-medium);padding:.6rem 1.25rem;transition:all .2s ease}.display-name-modal .btn-cancel{background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.display-name-modal .btn-cancel:hover:not(:disabled){background-color:var(--background-tertiary)}.display-name-modal .btn-save{background-color:#4caf50;background-color:var(--accent-color,#4caf50);border:1px solid #4caf50;border:1px solid var(--accent-color,#4caf50);color:#fff}.display-name-modal .btn-save:hover:not(:disabled){box-shadow:0 2px 8px #4caf504d;filter:brightness(1.1);transform:translateY(-1px)}.display-name-modal .btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.display-name-modal .btn-cancel:disabled{cursor:not-allowed;opacity:.6}@media (max-width:767px){.display-name-modal{max-width:95%}.display-name-modal-body,.display-name-modal-footer,.display-name-modal-header{padding:1rem}.display-name-modal-footer{flex-direction:column-reverse}.display-name-modal .btn-cancel,.display-name-modal .btn-save{width:100%}}.comment-list{border-top:2px solid #e5e7eb;border-top:2px solid var(--border-color,#e5e7eb);margin-top:2rem;padding-top:2rem}.comment-list__header{margin-bottom:1.5rem}.comment-list__title{color:#111827;color:var(--text-primary,#111827);font-size:1.25rem;font-weight:600;margin:0}.comment-list__error,.comment-list__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.comment-list__spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#007bff;border:3px solid var(--border-color,#e5e7eb);border-radius:50%;border-top-color:var(--accent-color,#007bff);height:40px;margin-bottom:1rem;width:40px}.comment-list__error p,.comment-list__loading p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1rem;margin:0}.comment-list__retry{background-color:#007bff;background-color:var(--accent-color,#007bff);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;margin-top:1rem;padding:.625rem 1.25rem;transition:all .2s ease}.comment-list__retry:hover{background-color:#0056b3;background-color:var(--accent-color-dark,#0056b3);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.comment-list__retry:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.comment-list__login-prompt{background-color:#f9fafb;background-color:var(--secondary-bg,#f9fafb);border:2px dashed #d1d5db;border:2px dashed var(--border-color,#d1d5db);border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.comment-list__login-prompt p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.9375rem;margin:0}.comment-list__empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.comment-list__empty-icon{color:#9ca3af;color:var(--text-tertiary,#9ca3af);margin-bottom:1rem}.comment-list__empty-text{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1rem;margin:0;max-width:400px}.comment-list__comments{background-color:#fff;background-color:var(--bg-secondary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;overflow:hidden}@media (prefers-color-scheme:dark){.comment-list{border-top-color:#374151}.comment-list__title{color:#f9fafb}.comment-list__spinner{border-color:#3b82f6 #374151 #374151;border-top-color:var(--accent-color,#3b82f6)}.comment-list__error p,.comment-list__loading p{color:#9ca3af}.comment-list__login-prompt{background-color:#1f2937;border-color:#374151}.comment-list__login-prompt p{color:#9ca3af}.comment-list__empty-icon{color:#6b7280}.comment-list__empty-text{color:#9ca3af}.comment-list__comments{background-color:#1f2937;border-color:#374151}}.theme-dark .comment-list{border-top-color:#374151}.theme-dark .comment-list__title{color:#f9fafb}.theme-dark .comment-list__comments{background-color:#1f2937;border-color:#374151}.theme-matrix .comment-list{border-top-color:#030}.theme-matrix .comment-list__title{color:#0f0}.theme-matrix .comment-list__spinner{border-color:#0f0 #030 #030}.theme-matrix .comment-list__login-prompt{background-color:#00ff000d;border-color:#030}.theme-matrix .comment-list__login-prompt p{color:#0f0}.theme-matrix .comment-list__comments{background-color:#010;border-color:#030}.theme-retro .comment-list{border-top-color:#333}.theme-retro .comment-list__title{color:#ff6b6b}.theme-retro .comment-list__spinner{border-color:#ff6b6b #333 #333}.theme-retro .comment-list__login-prompt{background-color:#ff6b6b0d;border-color:#333}.theme-retro .comment-list__login-prompt p{color:#ff6b6b}.theme-retro .comment-list__comments{background-color:#1a1a1a;border-color:#333}@media (max-width:640px){.comment-list{margin-top:1.5rem;padding-top:1.5rem}.comment-list__title{font-size:1.125rem}}.video-export-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.video-export-modal{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#141821eb;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff0d;max-height:90vh;max-width:420px;overflow-y:auto;position:relative;width:92%}.video-export-modal.compact{max-width:320px}.export-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:14px 16px}.export-header h2{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.02em;margin:0}.export-header h2 i{font-size:1.1rem;opacity:.9}.export-header .close-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:1.1rem;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.export-header .close-btn:hover{background:#ffffff26;color:#fff}.export-content{display:flex;flex-direction:column;gap:12px;padding:14px}.export-preview{display:flex;justify-content:center;position:relative}.export-preview.hidden{left:-9999px;position:absolute;visibility:hidden}.export-preview canvas{border-radius:12px;display:block}.preview-loading{color:#ffffff80;font-size:.8rem;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.status-indicator.success i{color:#34c759}.format-note{color:#fff6;font-family:monospace;font-size:.7rem;margin-top:2px}.theme-buttons{display:flex;flex-wrap:wrap;gap:6px}.theme-btn{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:#fff9;cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.theme-btn:hover:not(:disabled){background:#ffffff14;color:#ffffffe6}.theme-btn.active{background:#ffffff1f;border-color:#ffffff59;color:#fff}.theme-btn:disabled{cursor:not-allowed;opacity:.4}.control-group input[type=text]{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:#fff;font-size:.85rem;padding:10px 12px;transition:all .2s ease}.control-group input[type=text]:focus{background:#ffffff0f;border-color:#ffffff4d;outline:none}.control-group input[type=text]::placeholder{color:#ffffff4d}.control-group input[type=text]:disabled{cursor:not-allowed;opacity:.5}.export-btn-secondary{background:#ffffff0f;border:1px solid #ffffff1a!important;color:#fffc}.export-btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3!important;color:#fff}.preview-btn{background:#ffffff0f;border:1px solid #ffffff1a!important;color:#fffc}.preview-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.stop-btn{background:linear-gradient(135deg,#ff6b6be6,#ff3b30e6);border:none!important;box-shadow:0 4px 15px #ff3b304d;color:#fff}.stop-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff8282f2,#ff5046f2);box-shadow:0 6px 20px #ff3b3066}.video-export-modal .download-btn{background:linear-gradient(135deg,#34c759e6,#28a745e6);box-shadow:0 4px 15px #34c7594d;color:#fff}.video-export-modal .download-btn:hover:not(:disabled){background:linear-gradient(135deg,#41d264f2,#32b450f2);box-shadow:0 6px 20px #34c75966}.recording-indicator{align-items:center;background:#ff3b30e6;border-radius:6px;color:#fff;display:flex;font-size:.7rem;font-weight:600;gap:5px;padding:5px 10px;position:absolute;right:8px;top:8px;z-index:10}.recording-dot{background:#fff}.progress-bar-container{margin-top:10px}.export-error{background:#ff3b301a;border:1px solid #ff3b3033;border-radius:10px;color:#ff6b6b}.export-error,.export-warning{font-size:.8rem;padding:10px 12px}.export-warning{background:#ffc1071a;border:1px solid #ffc10733;border-radius:10px;color:#ffc107}.video-export-modal[data-theme=light]{background:#fffffff2;border-color:#00000014;box-shadow:0 8px 32px #6b93ff1f,0 4px 16px #00000014,inset 0 0 0 1px #0000000d}.video-export-modal[data-theme=light] .export-header{border-color:#0000000f}.video-export-modal[data-theme=light] .export-header h2{color:#1a1a2e}.video-export-modal[data-theme=light] .export-header .close-btn{background:#0000000a;border-color:#00000014;color:#00000080}.video-export-modal[data-theme=light] .export-header .close-btn:hover{background:#00000014;color:#000c}.video-export-modal[data-theme=light] .control-group>label{color:#00000080}.video-export-modal[data-theme=light] .preview-container{background:#0000000a;border-color:#00000014}.video-export-modal[data-theme=light] .shape-btn,.video-export-modal[data-theme=light] .theme-btn{background:#00000008;border-color:#00000014;color:#0009}.video-export-modal[data-theme=light] .shape-btn:hover,.video-export-modal[data-theme=light] .theme-btn:hover{background:#0000000f;color:#000c}.video-export-modal[data-theme=light] .shape-btn.active,.video-export-modal[data-theme=light] .theme-btn.active{background:#6b93ff1f;border-color:#6b93ff80;box-shadow:0 0 10px #6b93ff40;color:#4a6ecc}.video-export-modal[data-theme=light] .hd-toggle{background:#00000008;border-color:#00000014}.video-export-modal[data-theme=light] .hd-toggle input[type=checkbox]{accent-color:#1a1a2e}.video-export-modal[data-theme=light] .hd-label{color:#1a1a2e}.video-export-modal[data-theme=light] .format-note,.video-export-modal[data-theme=light] .quality-desc{color:#00000080}.video-export-modal[data-theme=light] .control-group input[type=text]{background:#00000008;border-color:#00000014;color:#1a1a2e}.video-export-modal[data-theme=light] .control-group input[type=text]:focus{background:#0000000a;border-color:#0003}.video-export-modal[data-theme=light] .action-buttons{border-color:#0000000f}.video-export-modal[data-theme=light] .export-btn-primary{background:linear-gradient(135deg,#6b93ffe6,#5078dce6);border-color:#6b93ff66!important;box-shadow:0 4px 15px #6b93ff4d;color:#fff}.video-export-modal[data-theme=light] .export-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#78a0fff2,#5a82e6f2);box-shadow:0 6px 20px #6b93ff66}.video-export-modal[data-theme=light] .back-btn,.video-export-modal[data-theme=light] .cancel-btn,.video-export-modal[data-theme=light] .export-btn-secondary,.video-export-modal[data-theme=light] .preview-btn{background:#0000000a;border-color:#0000001a!important;color:#000000b3}.video-export-modal[data-theme=light] .back-btn:hover,.video-export-modal[data-theme=light] .cancel-btn:hover,.video-export-modal[data-theme=light] .export-btn-secondary:hover,.video-export-modal[data-theme=light] .preview-btn:hover{background:#00000014;color:#000000e6}.video-export-modal[data-theme=light] .export-status{background:#00000005;border-color:#0000000f}.video-export-modal[data-theme=light] .status-indicator{color:#1a1a2e}.video-export-modal[data-theme=light] .export-specs{background:#00000005;border-color:#0000000f}.video-export-modal[data-theme=light] .spec-label{color:#0006}.video-export-modal[data-theme=light] .spec-value{color:#1a1a2e}.video-export-modal[data-theme=light] .progress-bar-container{background:#00000014}.video-export-modal[data-theme=light] .progress-bar-fill{background:linear-gradient(90deg,#6b93ffb3,#5078dccc)}.video-export-modal[data-theme=light] .progress-bar-percent{color:#000000b3}.video-export-modal[data-theme=light] .progress-status-text{color:#00000080}.video-export-modal[data-theme=light] .video-dimensions-badge{background:#ffffffe6;border-color:#0000001a;color:#0009}.video-export-modal[data-theme=dark]{background:#141821f2;box-shadow:0 8px 32px #7b9fd81a,0 4px 16px #0000004d,inset 0 0 0 1px #ffffff0d}.video-export-modal[data-theme=dark] .shape-btn.active,.video-export-modal[data-theme=dark] .theme-btn.active{background:#7b9fd826;border-color:#7b9fd880;box-shadow:0 0 10px #7b9fd840;color:#7b9fd8}.video-export-modal[data-theme=dark] .export-btn-primary{background:linear-gradient(135deg,#7b9fd8d9,#648cc8d9);border-color:#7b9fd866!important;box-shadow:0 4px 15px #7b9fd84d;color:#fff}.video-export-modal[data-theme=dark] .export-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8cafe1e6,#739bd7e6);box-shadow:0 6px 20px #7b9fd866}.video-export-modal[data-theme=dark] .progress-bar-fill{background:linear-gradient(90deg,#7b9fd8b3,#648cc8cc)}.video-export-modal[data-theme=matrix]{background:#000800f2;border-color:#0f03;box-shadow:0 8px 32px #00000080,0 0 30px #00ff0026}.video-export-modal[data-theme=matrix] .export-header{border-color:#00ff0026}.video-export-modal[data-theme=matrix] .export-header h2{color:#0f0}.video-export-modal[data-theme=matrix] .export-header .close-btn{background:#00320080;border-color:#00ff004d;color:#0f0}.video-export-modal[data-theme=matrix] .export-header .close-btn:hover{background:#00640099;box-shadow:0 0 10px #00ff004d}.video-export-modal[data-theme=matrix] .control-group>label{color:#0f09}.video-export-modal[data-theme=matrix] .preview-container{background:#00140080;border-color:#00ff0026}.video-export-modal[data-theme=matrix] .preview-play-btn{background:#0064004d;border-color:#0f06;color:#0f0}.video-export-modal[data-theme=matrix] .preview-play-btn:hover{background:#00960066;box-shadow:0 0 15px #0f06}.video-export-modal[data-theme=matrix] .shape-btn,.video-export-modal[data-theme=matrix] .theme-btn{background:#001e0080;border-color:#0f03;color:#0f09}.video-export-modal[data-theme=matrix] .shape-btn:hover,.video-export-modal[data-theme=matrix] .theme-btn:hover{background:#003c0099;border-color:#0f06;color:#0f0}.video-export-modal[data-theme=matrix] .shape-btn.active,.video-export-modal[data-theme=matrix] .theme-btn.active{background:#00ff0026;border-color:#00ff0080;box-shadow:0 0 10px #00ff004d;color:#0f0}.video-export-modal[data-theme=matrix] .hd-toggle{background:#001e0080;border-color:#0f03}.video-export-modal[data-theme=matrix] .hd-label{color:#0f0}.video-export-modal[data-theme=matrix] .format-note,.video-export-modal[data-theme=matrix] .quality-desc{color:#00ff0080}.video-export-modal[data-theme=matrix] .control-group input[type=text]{background:#001e0080;border-color:#0f03;color:#0f0}.video-export-modal[data-theme=matrix] .control-group input[type=text]:focus{border-color:#00ff0080}.video-export-modal[data-theme=matrix] .action-buttons{border-color:#00ff0026}.video-export-modal[data-theme=matrix] .export-btn-primary{background:linear-gradient(135deg,#009600cc,#00c800b3);border:1px solid #0f06;box-shadow:0 4px 15px #00ff0040}.video-export-modal[data-theme=matrix] .export-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00b400e6,#00e600cc);box-shadow:0 6px 20px #0f06}.video-export-modal[data-theme=matrix] .back-btn,.video-export-modal[data-theme=matrix] .cancel-btn,.video-export-modal[data-theme=matrix] .export-btn-secondary,.video-export-modal[data-theme=matrix] .preview-btn{background:#001e0080;border-color:#0f03!important;color:#00ff00b3}.video-export-modal[data-theme=matrix] .back-btn:hover,.video-export-modal[data-theme=matrix] .cancel-btn:hover,.video-export-modal[data-theme=matrix] .export-btn-secondary:hover,.video-export-modal[data-theme=matrix] .preview-btn:hover{background:#003c0099;color:#0f0}.video-export-modal[data-theme=matrix] .stop-btn{background:linear-gradient(135deg,#c80000cc,#960000cc);border:1px solid #f006!important}.video-export-modal[data-theme=matrix] .export-specs{background:#001e0066;border-color:#00ff0026}.video-export-modal[data-theme=matrix] .spec-label{color:#0f06}.video-export-modal[data-theme=matrix] .progress-bar-rec,.video-export-modal[data-theme=matrix] .spec-value{color:#0f0}.video-export-modal[data-theme=matrix] .progress-bar-percent{color:#0f0c}.video-export-modal[data-theme=matrix] .progress-status-text{color:#00ff0080}.video-export-modal[data-theme=matrix] .export-status{background:#00280066;border-color:#00ff0026}.video-export-modal[data-theme=matrix] .status-indicator{color:#0f0}.video-export-modal[data-theme=matrix] .progress-bar-container{background:#00320066}.video-export-modal[data-theme=matrix] .progress-bar-fill{background:linear-gradient(90deg,#0f0,#0a0)}.video-export-modal[data-theme=matrix] .video-dimensions-badge{background:#001e00cc;border-color:#0f03;color:#00ff00b3}.video-export-modal[data-theme=retro]{background:#14120ef2;border-color:#ffd70033;box-shadow:0 8px 32px #00000080,0 0 25px #ffd7001a}.video-export-modal[data-theme=retro] .export-header{border-color:#ffd70026}.video-export-modal[data-theme=retro] .export-header h2{color:gold}.video-export-modal[data-theme=retro] .export-header .close-btn{background:#322d1e99;border-color:#ffd70040;color:gold}.video-export-modal[data-theme=retro] .export-header .close-btn:hover{background:#50462db3}.video-export-modal[data-theme=retro] .control-group>label{color:#ffd70099}.video-export-modal[data-theme=retro] .preview-container{background:#1e190f80;border-color:#ffd70026}.video-export-modal[data-theme=retro] .preview-play-btn{background:#64552866;border-color:#ffd70066;color:gold}.video-export-modal[data-theme=retro] .preview-play-btn:hover{background:#826e3280}.video-export-modal[data-theme=retro] .shape-btn,.video-export-modal[data-theme=retro] .theme-btn{background:#28231480;border-color:#ffd70026;color:#ffd70099}.video-export-modal[data-theme=retro] .shape-btn:hover,.video-export-modal[data-theme=retro] .theme-btn:hover{background:#3c321e99;border-color:#ffd7004d;color:gold}.video-export-modal[data-theme=retro] .shape-btn.active,.video-export-modal[data-theme=retro] .theme-btn.active{background:#ffd70026;border-color:#ffd70066;color:gold}.video-export-modal[data-theme=retro] .hd-toggle{background:#28231480;border-color:#ffd70026}.video-export-modal[data-theme=retro] .hd-label{color:gold}.video-export-modal[data-theme=retro] .format-note,.video-export-modal[data-theme=retro] .quality-desc{color:#ffd70080}.video-export-modal[data-theme=retro] .control-group input[type=text]{background:#28231480;border-color:#ffd70026;color:gold}.video-export-modal[data-theme=retro] .control-group input[type=text]:focus{border-color:#ffd70066}.video-export-modal[data-theme=retro] .action-buttons{border-color:#ffd70026}.video-export-modal[data-theme=retro] .export-btn-primary{background:linear-gradient(135deg,#ffc107d9,#ff9800d9);box-shadow:0 4px 15px #ffc1074d;color:#1a1a1a}.video-export-modal[data-theme=retro] .export-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ffd228e6,#ffaa1ee6);box-shadow:0 6px 20px #ffc10766}.video-export-modal[data-theme=retro] .back-btn,.video-export-modal[data-theme=retro] .cancel-btn,.video-export-modal[data-theme=retro] .export-btn-secondary,.video-export-modal[data-theme=retro] .preview-btn{background:#28231480;border-color:#ffd70026!important;color:#ffd700b3}.video-export-modal[data-theme=retro] .back-btn:hover,.video-export-modal[data-theme=retro] .cancel-btn:hover,.video-export-modal[data-theme=retro] .export-btn-secondary:hover,.video-export-modal[data-theme=retro] .preview-btn:hover{background:#3c321e99;color:gold}.video-export-modal[data-theme=retro] .stop-btn{background:linear-gradient(135deg,#ff6464d9,#ff3b30d9);color:#fff}.video-export-modal[data-theme=retro] .export-specs{background:#28231466;border-color:#ffd70026}.video-export-modal[data-theme=retro] .spec-label{color:#ffd70066}.video-export-modal[data-theme=retro] .spec-value{color:gold}.video-export-modal[data-theme=retro] .progress-bar-rec{color:#ff6b6b}.video-export-modal[data-theme=retro] .progress-bar-percent{color:#ffd700cc}.video-export-modal[data-theme=retro] .progress-status-text{color:#ffd70080}.video-export-modal[data-theme=retro] .export-status{background:#322d1966;border-color:#ffd70026}.video-export-modal[data-theme=retro] .status-indicator{color:gold}.video-export-modal[data-theme=retro] .progress-bar-container{background:#3c321e80}.video-export-modal[data-theme=retro] .progress-bar-fill{background:linear-gradient(90deg,gold,#ff9800)}.video-export-modal[data-theme=retro] .video-dimensions-badge{background:#282314cc;border-color:#ffd70033;color:#ffd700b3}@media (max-width:480px){.video-export-modal{border-radius:16px;margin:8px;max-height:92vh;max-width:95%}.export-header{padding:12px 14px}.export-header h2{font-size:.9rem}.export-content{gap:10px;padding:12px}.control-group>label{font-size:.65rem}.shape-buttons{gap:4px}.shape-btn{padding:6px 3px}.shape-btn i{font-size:.9rem}.shape-btn span{font-size:.6rem}.theme-buttons{gap:5px}.theme-btn{font-size:.7rem;padding:5px 10px}.hd-toggle{padding:8px 10px}.action-buttons{gap:6px;padding-top:10px}.action-buttons button{font-size:.8rem;padding:10px 12px}.preview-play-btn{font-size:1.1rem;height:44px;width:44px}}.video-sync-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141821fa;border-radius:20px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.video-sync-loading-content{padding:30px;text-align:center}.video-sync-spinner{animation:video-sync-spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#fffc;height:48px;margin:0 auto 20px;width:48px}@keyframes video-sync-spin{to{transform:rotate(1turn)}}.video-sync-loading-content h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 8px}.video-sync-loading-content p{color:#ffffff80;font-size:.85rem;margin:0}.video-export-modal[data-theme=light] .video-sync-loading-overlay{background:#fffffffa}.video-export-modal[data-theme=light] .video-sync-loading-content h3{color:#1a1a2e}.video-export-modal[data-theme=light] .video-sync-loading-content p{color:#00000080}.video-export-modal[data-theme=light] .video-sync-spinner{border-color:#0009 #0000001a #0000001a}.video-export-modal[data-theme=matrix] .video-sync-loading-overlay{background:#000800fa}.video-export-modal[data-theme=matrix] .video-sync-loading-content h3{color:#0f0}.video-export-modal[data-theme=matrix] .video-sync-loading-content p{color:#00ff0080}.video-export-modal[data-theme=matrix] .video-sync-spinner{border-color:#0f0 #00ff001a #00ff001a}.video-export-modal[data-theme=retro] .video-sync-loading-overlay{background:#14120efa}.video-export-modal[data-theme=retro] .video-sync-loading-content h3{color:gold}.video-export-modal[data-theme=retro] .video-sync-loading-content p{color:#ffd70080}.video-export-modal[data-theme=retro] .video-sync-spinner{border-color:gold #ffd7001a #ffd7001a}.require-auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.require-auth-modal{animation:modalFadeIn .2s ease-out;background:var(--background-secondary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:2rem;position:relative;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.require-auth-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.require-auth-modal-close:hover{background:var(--bg-primary);color:var(--text-primary)}.require-auth-modal-icon{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.require-auth-modal-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 1rem;text-align:center}.require-auth-modal-message{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 0 2rem;text-align:center}.require-auth-modal-actions{display:flex;flex-direction:column;gap:.75rem}.require-auth-modal-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.require-auth-modal-btn.primary{background:var(--primary-color);color:#fff}.require-auth-modal-btn.primary:hover{box-shadow:0 4px 16px #0003;filter:brightness(1.1);transform:translateY(-1px)}.require-auth-modal-btn.secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.require-auth-modal-btn.secondary:hover{background:var(--bg-primary);border-color:var(--text-tertiary)}.premium-benefits{background:var(--background-tertiary);border-radius:12px;margin:1.5rem 0;padding:1.25rem}.benefits-header{align-items:center;color:var(--primary-500);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.benefits-header i{font-size:1rem}.benefits-list{display:flex;flex-direction:column;gap:.875rem;list-style:none;margin:0;padding:0}.benefit-item{align-items:center;color:var(--text-primary);display:flex;font-size:.9375rem;gap:.75rem}.benefit-item i{color:var(--primary-500);flex-shrink:0;font-size:1.125rem}.benefit-item span{flex:1 1;line-height:1.5}@media (max-width:768px){.require-auth-modal{max-width:100%;padding:1.5rem}.require-auth-modal-icon{font-size:2rem;height:64px;margin-bottom:1rem;width:64px}.require-auth-modal-title{font-size:1.25rem}.require-auth-modal-message{font-size:.9375rem}.premium-benefits{padding:1rem}.benefit-item{font-size:.875rem}}.require-auth-modal-icon.insufficient-credits{background:linear-gradient(135deg,#f59e0b,#d97706)}.credit-cost-display{background:var(--background-tertiary);border-radius:12px;display:flex;justify-content:center;margin:0 0 1.5rem;padding:1rem 1.25rem}.cost-item{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem}.cost-item i{color:#f59e0b;font-size:1.125rem}.credits-balance{color:var(--text-tertiary);display:block;margin-top:.5rem}.credits-balance strong{color:#ef4444}.require-auth-modal-info{color:var(--text-tertiary);font-size:.8125rem;line-height:1.5;margin:1rem 0 0;text-align:center}[data-theme=matrix] .require-auth-modal-btn.primary{background:var(--accent-color);color:#000}[data-theme=matrix] .require-auth-modal-btn.primary:hover{box-shadow:0 4px 16px #00ff4166}[data-theme=matrix] .require-auth-modal-icon.insufficient-credits{background:linear-gradient(135deg,#00ff41,#0c3)}[data-theme=dark] .credits-balance strong{color:#f87171}.image-customization-modal{background:var(--background-primary);border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:520px;overflow:hidden;position:relative;width:100%}.image-customization-modal .modal-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;min-height:0;min-height:auto;padding:.25rem;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:32px;z-index:10}.image-customization-modal .modal-close-btn:hover{background:var(--background-secondary);color:var(--text-primary)}.image-customization-modal .mood-spectrum-modal-header{border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem .75rem}.image-customization-modal .mood-spectrum-modal-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.image-customization-modal .mood-spectrum-modal-body{display:flex;flex-direction:column;gap:1rem;max-height:calc(90vh - 140px);overflow-y:auto;padding:1rem 1.5rem}.image-customization-modal .mood-spectrum-modal-footer{background:var(--background-secondary);border-top:1px solid var(--border-color);display:flex;gap:.75rem;padding:.75rem 1.5rem 1rem}.image-customization-modal .mood-spectrum-modal-footer .btn{align-items:center;border:none;border-radius:8px;display:flex;flex:1 1;font-size:.95rem;font-weight:500;min-height:0;min-height:auto;padding:.35rem 1rem;transition:all .2s ease}.compact-section{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:0;padding:.875rem;transition:all .2s ease}.compact-section:hover{border-color:var(--primary-400);box-shadow:0 2px 8px #0000000d}.section-icon{color:var(--primary-500);flex-shrink:0;font-size:1.1rem;margin-top:.15rem}.section-content{flex:1 1;min-width:0}.compact-section>.filter-input-inline{flex:1 1}.presets-section{flex-direction:column;gap:.5rem}.background-tabs{background:var(--background-primary);border-radius:6px;display:flex;gap:.5rem;margin-bottom:.75rem;padding:.25rem}.background-tab{background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;min-height:0;min-height:auto;padding:.5rem 1rem;transition:all .2s ease}.background-tab:hover{background:var(--background-secondary);color:var(--text-primary)}.background-tab.active{background:var(--primary-500);box-shadow:0 2px 4px #635bff4d;color:#fff}.theme-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.theme-card{align-items:flex-end;aspect-ratio:1;background:var(--background-tertiary);border:2px solid #0000;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .2s ease}.theme-card:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.theme-card.selected{border-color:var(--primary-500);box-shadow:0 0 0 3px #635bff33;transform:scale(1.02)}.theme-preview-img{border-radius:4px;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.theme-name{background:#0006;border-radius:0 0 4px 4px;color:#fff;font-size:.6rem;font-weight:600;line-height:1.2;padding:.25rem .35rem;position:relative;text-align:center;text-shadow:0 1px 4px #000000e6;width:100%;z-index:1}.theme-loading{color:var(--text-secondary);font-size:.85rem;padding:1rem;text-align:center}.color-picker-container{padding:.5rem 0}.color-picker{border:2px solid var(--border-color);border-radius:6px;cursor:pointer;height:48px;transition:all .2s ease;width:100%}.color-picker:hover{border-color:var(--primary-500);box-shadow:0 2px 8px #635bff33}.gradient-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.gradient-card{align-items:flex-end;aspect-ratio:1;border:2px solid #0000;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;justify-content:center;min-height:0;min-height:auto;overflow:hidden;padding:.5rem;position:relative;transition:all .2s ease}.gradient-card:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.gradient-card.selected{border-color:var(--primary-500);box-shadow:0 0 0 3px #635bff33;transform:scale(1.05)}.gradient-name{color:#fff;font-size:.65rem;font-weight:600;line-height:1.2;text-align:center;text-shadow:0 1px 4px #000c;text-transform:capitalize}.content-filters-bubble{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:.6rem}.filter-row{align-items:center;display:flex;gap:.75rem;padding:0}.filter-icon{font-size:1rem;text-align:center;width:1.5rem}.filter-icon,.filter-label{color:var(--text-secondary);flex-shrink:0}.filter-label{font-size:.75rem;font-weight:600;letter-spacing:.3px;margin:0;text-transform:uppercase;width:6rem}.filter-control{flex:1 1;min-width:0}.filter-control.icon-button-group{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:.35rem;justify-content:flex-start}.icon-select-btn{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;min-height:0;min-height:auto;min-width:36px;padding:0;transition:all .2s ease;width:36px}.icon-select-btn:hover{background:var(--background-tertiary);border-color:var(--text-tertiary);color:var(--text-primary)}.icon-select-btn.selected{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.icon-select-btn.selected:hover{background:var(--primary-600);border-color:var(--primary-600)}.filter-input-inline{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;height:auto;min-height:0;min-height:auto;padding:.25rem .5rem;transition:all .2s ease;width:100%}.filter-input-inline:focus{background:var(--background-primary);border-color:var(--primary-500);outline:none}.filter-input-inline::placeholder{color:var(--text-tertiary);font-size:.8rem}.font-preview-select{font-size:1rem}.font-preview-select option{font-size:1.1rem;padding:.5rem}.font-color-control{align-items:center;display:flex!important;flex-direction:row!important;gap:.5rem;width:100%}.font-color-control .font-preview-select{flex:1 1 auto;min-width:0;width:auto!important}.color-picker-wrapper{flex:0 0 auto;position:relative}.color-picker-trigger{border:2px solid var(--border-color);border-radius:4px;cursor:pointer;display:block;height:28px;min-height:0!important;min-height:auto!important;min-width:0!important;min-width:auto!important;padding:0;transition:all .2s ease;width:28px}.color-picker-trigger:hover{border-color:var(--primary-500);transform:scale(1.05)}.color-palette-dropdown{grid-gap:2px;background:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;display:grid;gap:2px;grid-template-columns:repeat(8,1fr);margin-top:4px;padding:6px;position:absolute;right:0;top:100%;z-index:100}.color-swatch{border:1px solid #0000001a;border-radius:2px;cursor:pointer;height:25px;min-height:0!important;min-height:auto!important;min-width:0!important;min-width:auto!important;padding:0;transition:all .15s ease;width:25px}.color-swatch:hover{border-color:var(--primary-500);transform:scale(1.2);z-index:1}.color-swatch.selected{border:2px solid var(--primary-500);box-shadow:0 0 0 1px var(--background-primary),0 0 0 3px var(--primary-500)}.font-size-control{align-items:center;display:flex!important;flex-direction:row!important;gap:.5rem;justify-content:flex-end}.font-size-btn{align-items:center;background:var(--background-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;height:28px;justify-content:center;min-height:0!important;min-height:auto!important;min-width:0!important;min-width:auto!important;padding:0;transition:all .2s ease;width:28px}.font-size-btn:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-500);color:var(--primary-600)}.font-size-btn:disabled{cursor:not-allowed;opacity:.4}.font-size-btn i{font-size:1rem}.font-size-value{color:var(--text-secondary);font-size:.85rem;font-weight:500;min-width:50px;text-align:center}.compact-checkboxes{align-items:center;display:flex;gap:.75rem}.toggle-control{align-items:center;display:flex;gap:.5rem}.toggle-switch{background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:11px;cursor:pointer;flex-shrink:0;height:22px;position:relative;transition:all .2s ease;width:40px}.toggle-switch:after{background:var(--text-tertiary);border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:16px}.toggle-switch.active{background:var(--primary-500);border-color:var(--primary-500)}.toggle-switch.active:after{background:#fff;left:20px}.toggle-switch.locked,.toggle-switch:disabled{cursor:not-allowed;opacity:.5}.toggle-label{align-items:center;color:var(--text-primary);display:flex;font-size:.85rem;gap:.25rem}.toggle-label .locked-icon{color:#f59e0b;font-size:.65rem}.main-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:0;margin:0 1rem}.main-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.main-tab:hover{background:var(--background-secondary);color:var(--text-primary)}.main-tab.active{border-bottom-color:var(--primary-500);color:var(--primary-500)}.main-tab i{font-size:1rem}.main-tab-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.filter-row.locked-row{cursor:pointer;opacity:.6}.filter-row.locked-row:hover{opacity:.75}.filter-row.locked-row .filter-label{align-items:center;display:flex}.filter-row.locked-row .locked-icon{color:#f59e0b;font-size:.65rem;margin:0 .35rem}.filter-input-inline.locked-input{background:#f0f0f0;background:var(--background-tertiary,#f0f0f0);cursor:not-allowed}.filter-input-inline.locked-input,.filter-input-inline.locked-input::placeholder{color:#888;color:var(--text-tertiary,#888)}.include-options-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 0}.content-toggles{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.toggle-item{align-items:center;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem;transition:all .2s ease}.toggle-item:hover{background:var(--background-primary)}.toggle-item input[type=checkbox]{accent-color:var(--primary-500);cursor:pointer;height:18px;width:18px}.preset-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.preset-selector-group{align-items:center;display:flex;flex:1 1;gap:.35rem;min-width:0}.preset-selector{background:var(--background-primary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.85rem;min-width:120px;padding:.65rem .875rem;transition:all .2s ease}.preset-selector:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #635bff1a;outline:none}.preset-save-input{align-items:center;display:flex;flex:1 1;gap:.5rem}.btn-dice-inline{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:1.6rem;justify-content:center;min-height:1.6rem;padding:0;transition:all .2s ease;width:1.6rem}.btn-dice-inline:hover{background:var(--background-secondary);border-color:var(--primary-500);color:var(--text-primary)}.btn-randomize-all-compact{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;min-height:0;min-height:auto;padding:.65rem 1rem;transition:all .2s ease;white-space:nowrap}.btn-randomize-all-compact:hover{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.delete-preset-btn{color:#dc2626}.delete-preset-btn:hover{background:#fee2e2;border-color:#dc2626}.canvas-preview-section{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;height:200px;justify-content:center;margin-bottom:.5rem;padding:.5rem}.preview-canvas{border-radius:6px;box-shadow:0 4px 12px #00000026;height:auto;max-height:200px;max-width:100%;width:auto}.custom-theme-editor{background:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.editor-row{align-items:center;display:flex;gap:.75rem}.editor-row label{color:var(--text-secondary);font-size:.85rem;font-weight:500;min-width:100px}.editor-row input[type=text]{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:.9rem;padding:.5rem .75rem}.editor-row input[type=color]{border:2px solid var(--border-color);border-radius:6px;cursor:pointer;height:32px;padding:0;width:40px}.editor-row input[type=color]:hover{border-color:var(--primary-500)}.background-options{align-items:center;display:flex;gap:.75rem}.background-options span{color:var(--text-tertiary);font-size:.85rem}.upload-btn{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease}.upload-btn:hover{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.editor-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;padding-top:.75rem}.btn-sm{font-size:.85rem;padding:.375rem .875rem}.custom-theme-card-wrapper{position:relative}.custom-theme-card{display:flex;flex-direction:column;justify-content:center;min-height:80px}.delete-custom-theme{align-items:center;background:#dc2626;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:20px;justify-content:center;min-height:0!important;min-height:auto!important;opacity:0;padding:0;position:absolute;right:-4px;top:-4px;transition:opacity .2s ease;width:20px;z-index:5}.custom-theme-card-wrapper:hover .delete-custom-theme{opacity:1}.delete-custom-theme:hover{background:#b91c1c;transform:scale(1.1)}.add-theme-card{align-items:center;background:#0000;border:2px dashed var(--border-color);color:var(--text-tertiary);display:flex;flex-direction:column;gap:.375rem;justify-content:center;min-height:80px}.add-theme-card:hover{background:#635bff0d;border-color:var(--primary-500);color:var(--primary-500)}.add-theme-card i{font-size:1.5rem}.add-theme-card span{font-size:.7rem;font-weight:500}.custom-theme-actions{display:flex;gap:2px;opacity:0;position:absolute;right:-4px;top:-4px;transition:opacity .2s ease;z-index:5}.custom-theme-card-wrapper:hover .custom-theme-actions{opacity:1}.edit-custom-theme{align-items:center;background:var(--primary-500);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.6rem;height:20px;justify-content:center;min-height:0!important;min-height:auto!important;padding:0;transition:all .2s ease;width:20px}.edit-custom-theme:hover{background:#5651e5;background:var(--primary-600,#5651e5);transform:scale(1.1)}.custom-themes-locked{align-items:center;display:flex;justify-content:center;padding:2rem 1rem}.custom-themes-locked .locked-message{max-width:280px;text-align:center}.custom-themes-locked .locked-message i{color:var(--text-tertiary);display:block;font-size:2.5rem;margin-bottom:.75rem}.custom-themes-locked .locked-message h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.custom-themes-locked .locked-message p{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:0 0 1rem}.theme-limit-note{color:var(--text-tertiary);font-size:.75rem;grid-column:1/-1;margin:.5rem 0 0;text-align:center}.color-picker-large{border:2px solid var(--border-color);border-radius:8px;cursor:pointer;height:60px;transition:all .2s ease;width:100%}.color-picker-large:hover{border-color:var(--primary-500);box-shadow:0 2px 8px #635bff33}.preview-section{border-top:1px solid var(--border-color);flex-direction:column;gap:1rem;margin-top:.5rem;padding:1rem 0}.btn-preview,.preview-section{align-items:center;display:flex}.btn-preview{background:var(--background-secondary);border:2px solid var(--primary-500);border-radius:8px;color:var(--primary-500);cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.65rem 1.5rem;transition:all .2s ease}.btn-preview:hover:not(:disabled){background:var(--primary-500);color:#fff}.btn-preview:disabled{cursor:not-allowed;opacity:.6}.btn-preview .spinner-small{border-color:#635bff4d;border-top-color:var(--primary-500)}.preview-image-container{border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:320px;overflow:hidden;width:100%}.preview-image{display:block;height:auto;width:100%}.error-message{align-items:center;background:#fee2e2;border:1px solid #dc2626;border-radius:6px;color:#991b1b;display:flex;font-size:.85rem;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem}.error-message i{color:#dc2626;font-size:1rem}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:.5rem;width:16px}@media (max-width:768px){.image-customization-modal{max-height:92vh;max-width:95vw}.image-customization-modal .mood-spectrum-modal-header{padding:.875rem 1rem}.image-customization-modal .mood-spectrum-modal-header h3{font-size:1rem}.image-customization-modal .mood-spectrum-modal-body{gap:.875rem;padding:.875rem 1rem}.theme-grid{gap:.4rem;grid-template-columns:repeat(4,1fr)}.theme-card{min-height:45px}.gradient-grid{gap:.4rem;grid-template-columns:repeat(3,1fr)}.gradient-card{min-height:45px}}@media (max-width:480px){.image-customization-modal{border-radius:0;max-height:100vh;max-width:100vw}.image-customization-modal .mood-spectrum-modal-header{padding:.75rem .875rem}.image-customization-modal .mood-spectrum-modal-header h3{font-size:.95rem}.image-customization-modal .mood-spectrum-modal-body{gap:.75rem;padding:.75rem .875rem}.image-customization-modal .mood-spectrum-modal-footer{padding:.75rem .875rem}.compact-section{gap:.625rem;padding:.75rem}.section-icon{font-size:1rem}.background-tabs{gap:.375rem}.background-tab{font-size:.8rem;padding:.4rem .75rem}.theme-grid{gap:.375rem;grid-template-columns:repeat(4,1fr)}.theme-card{min-height:42px;padding:.375rem}.theme-name{font-size:.6rem}.color-picker{height:44px}.gradient-grid{gap:.375rem;grid-template-columns:repeat(3,1fr)}.gradient-card{min-height:42px;padding:.375rem}.gradient-name{font-size:.6rem}.filter-row{gap:.5rem}.filter-label{font-size:.7rem;width:5.5rem}.filter-input-inline{font-size:.85rem;padding:.25rem .5rem}.compact-checkboxes{align-items:flex-start;flex-direction:column;gap:.35rem}.compact-checkbox{font-size:.8rem}.compact-checkbox input[type=checkbox]{height:14px;width:14px}.filter-row{gap:.4rem}.filter-icon{font-size:.9rem;width:1.2rem}.filter-label{font-size:.65rem;width:5rem}.filter-input-inline{font-size:.8rem;padding:.25rem .45rem}.compact-checkbox{font-size:.75rem}.preset-controls{align-items:stretch;flex-direction:column;gap:.375rem}.preset-save-input .filter-input-inline,.preset-selector{min-width:0;min-width:auto;width:100%}.btn-randomize-all-compact{justify-content:center;width:100%}}[data-theme=dark] .compact-section{background:#ffffff08;border-color:#ffffff1a}[data-theme=dark] .compact-section:hover{background:#ffffff0d;box-shadow:0 2px 12px #0000004d}[data-theme=dark] .theme-card{box-shadow:0 1px 4px #0006}[data-theme=dark] .theme-card:hover{box-shadow:0 4px 16px #00000080}[data-theme=dark] .gradient-card{box-shadow:0 1px 4px #0006}[data-theme=dark] .gradient-card:hover{box-shadow:0 4px 16px #00000080}[data-theme=matrix] .section-icon{color:#0f0}[data-theme=matrix] .compact-section:hover{border-color:#0f0;box-shadow:0 2px 8px #0f03}[data-theme=matrix] .background-tab.active{background:#0f0;box-shadow:0 2px 8px #0f06;color:#000}[data-theme=matrix] .border-style-btn.selected,[data-theme=matrix] .gradient-card.selected,[data-theme=matrix] .image-size-btn.selected,[data-theme=matrix] .theme-card.selected{border-color:#0f0;box-shadow:0 0 0 3px #00ff004d}[data-theme=retro] .section-icon{color:#dc2626}[data-theme=retro] .compact-section:hover{border-color:#d97706;box-shadow:0 2px 8px #d9770633}[data-theme=retro] .background-tab.active{background:#dc2626;box-shadow:0 2px 8px #dc262666}[data-theme=retro] .border-style-btn.selected,[data-theme=retro] .gradient-card.selected,[data-theme=retro] .image-size-btn.selected,[data-theme=retro] .theme-card.selected{border-color:#dc2626;box-shadow:0 0 0 3px #dc26264d}.gradient-section{display:flex;flex-direction:column;gap:1rem}.custom-gradient-picker{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.custom-gradient-label,.preset-gradients-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.custom-gradient-controls{align-items:center;display:flex;gap:.75rem;justify-content:center}.gradient-color-input{background:none;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;height:50px;padding:0;transition:all .2s ease;width:50px}.gradient-color-input:hover{border-color:var(--text-secondary)}.gradient-color-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #635bff33;outline:none}.gradient-color-input::-webkit-color-swatch-wrapper{padding:3px}.gradient-color-input::-webkit-color-swatch{border:none;border-radius:5px}.gradient-direction-selector{display:flex;gap:.25rem;justify-content:center;margin-top:.5rem}.gradient-direction-btn{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.gradient-direction-btn:hover{background:var(--background-secondary);color:var(--text-primary)}.gradient-direction-btn.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.custom-gradient-preview{border:2px solid var(--border-color);border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:50px;transition:all .2s ease;width:80px}.custom-gradient-preview:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.custom-gradient-preview.selected{border-color:#635bff;border-color:var(--primary-color,#635bff);box-shadow:0 0 0 3px #635bff33}[data-theme=matrix] .custom-gradient-preview.selected{border-color:#0f0;box-shadow:0 0 0 3px #00ff004d}[data-theme=retro] .custom-gradient-preview.selected{border-color:#dc2626;box-shadow:0 0 0 3px #dc26264d}@media (max-width:480px){.custom-gradient-controls{gap:.5rem}.gradient-color-input{height:44px;width:44px}.custom-gradient-preview{height:45px;width:70px}.gradient-direction-btn{font-size:.9rem;height:28px;width:28px}}.meme-modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.meme-modal-content{background:var(--background-primary);border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:480px;overflow:hidden;position:relative;width:100%}.meme-modal-header{border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem .75rem}.meme-modal-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;margin:0 0 .4rem}.meme-modal-header .credit-info{color:var(--text-secondary);font-size:.9rem;margin:0}.meme-modal-header .credits-available{color:var(--primary-500);font-weight:500}.meme-modal-header .header-info-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.meme-modal-header .ai-model-toggle{align-items:center;display:flex;gap:.4rem}.meme-modal-header .pro-toggle-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.meme-modal-header .pro-toggle-switch{background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;height:20px;position:relative;transition:all .2s ease;width:36px}.meme-modal-header .pro-toggle-switch:after{background:var(--text-tertiary);border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:14px}.meme-modal-header .pro-toggle-switch.active{background:var(--primary-500);border-color:var(--primary-500)}.meme-modal-header .pro-toggle-switch.active:after{background:#fff;left:18px}.meme-modal-header .pro-toggle-switch:disabled{cursor:not-allowed;opacity:.5}.meme-modal-header .ai-model-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;padding:.25rem .6rem;transition:all .2s ease}.meme-modal-header .ai-model-btn:focus{box-shadow:none;outline:none}.meme-modal-header .ai-model-btn:hover{background:var(--background-secondary);color:var(--text-primary)}.meme-modal-header .ai-model-btn.active{background:var(--primary-500);border:none;color:#fff}.meme-modal-header .ai-model-btn.active:hover{background:var(--primary-600)}.meme-modal-header .ai-model-btn:disabled{cursor:not-allowed;opacity:.5}.meme-modal-header .ai-model-badge{background:var(--primary-500);border-radius:8px;color:#fff;font-size:.8rem;font-weight:500;line-height:1.2;padding:.25rem .6rem}.meme-modal-preview{background:var(--background-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 1.5rem}.preview-book-info{display:flex;flex-direction:column;gap:.1rem}.preview-title{color:var(--text-primary);font-size:.9rem}.preview-author{color:var(--text-secondary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meme-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:1rem 1.5rem}.meme-error-message{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem}.meme-error-message span{flex:1 1}.meme-retry-btn{align-items:center;background:#ef444426;border:1px solid #ef444466;border-radius:6px;color:#ef4444;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;padding:.25rem .6rem;transition:all .2s ease;white-space:nowrap}.meme-retry-btn:hover:not(:disabled){background:#ef444440;border-color:#ef444499}.meme-retry-btn:disabled{cursor:not-allowed;opacity:.5}.meme-form{display:flex;flex-direction:column;gap:.75rem}.meme-form-row{align-items:center;display:flex;gap:.75rem}.meme-form-row-textarea{align-items:flex-start}.meme-form-row-textarea .meme-form-icon{margin-top:.35rem}.meme-form-icon{font-size:1rem;text-align:center;width:1.5rem}.meme-form-icon,.meme-form-label{color:var(--text-secondary);flex-shrink:0}.meme-form-label{font-size:.75rem;font-weight:600;letter-spacing:.3px;margin:0;text-transform:uppercase;width:4rem}.meme-form-control{align-items:center;display:flex;flex:1 1;min-width:0}.meme-form-input,.meme-form-select,.meme-form-textarea{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:.9rem;min-width:0;padding:.35rem .5rem;transition:all .2s ease}.meme-form-input:focus,.meme-form-select:focus,.meme-form-textarea:focus{background:var(--background-primary);border-color:var(--primary-500);outline:none}.meme-form-input:disabled,.meme-form-select:disabled,.meme-form-textarea:disabled{cursor:not-allowed;opacity:.5}.meme-form-input::placeholder{color:var(--text-tertiary);font-size:.85rem}.meme-form-textarea{min-height:60px;resize:vertical}.meme-form-textarea::placeholder{color:var(--text-tertiary);font-size:.85rem}.meme-icon-button-group{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:.35rem;justify-content:flex-start}.meme-icon-select-btn{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;min-width:36px;padding:0;transition:all .2s ease;width:36px}.meme-icon-select-btn:hover:not(:disabled){background:var(--background-tertiary);border-color:var(--text-tertiary);color:var(--text-primary)}.meme-icon-select-btn.selected{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.meme-icon-select-btn.selected:hover:not(:disabled){background:var(--primary-600);border-color:var(--primary-600)}.meme-icon-select-btn:disabled{cursor:not-allowed;opacity:.5}.meme-panel-btn{font-size:.85rem;font-weight:600}.meme-toggle-control{align-items:center;display:flex;gap:.5rem}.meme-toggle-switch{background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:11px;cursor:pointer;flex-shrink:0;height:22px;position:relative;transition:all .2s ease;width:40px}.meme-toggle-switch:after{background:var(--text-tertiary);border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:16px}.meme-toggle-switch.active{background:var(--primary-500);border-color:var(--primary-500)}.meme-toggle-switch.active:after{background:#fff;left:20px}.meme-toggle-switch:disabled{cursor:not-allowed;opacity:.5}.meme-toggle-label{color:var(--text-secondary);font-size:.85rem}.meme-form-row-style{align-items:flex-start}.meme-form-row-style .meme-form-icon,.meme-form-row-style .meme-form-label{margin-top:.4rem}.selected-style-badge{align-items:center;background:#6b93ff1a;background:rgba(var(--primary-rgb,107,147,255),.1);border:1px solid #6b93ff4d;border:1px solid rgba(var(--primary-rgb,107,147,255),.3);border-radius:8px;color:var(--primary-500);display:flex;font-size:.8rem;gap:6px;margin-bottom:8px;padding:6px 10px}.selected-style-badge i{font-size:.85rem}.style-category-container{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto;padding-right:4px}.style-category-container::-webkit-scrollbar{width:4px}.style-category-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.style-category-header{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:8px 10px}.style-category-header:hover:not(:disabled){background:var(--background-tertiary);border-color:var(--primary-500)}.style-category-header.expanded{background:#6b93ff14;background:rgba(var(--primary-rgb,107,147,255),.08);border-color:var(--primary-500)}.style-category-header:disabled{opacity:.5}.style-category-header>i:first-child{color:var(--primary-500);font-size:.9rem;text-align:center;width:1rem}.style-category-header .category-count{color:var(--text-tertiary);font-size:.75rem}.style-category-header .chevron{color:var(--text-tertiary);font-size:.7rem}.style-custom-option{border-top:1px solid var(--border-color);margin-top:4px;padding-top:8px}.style-custom-option.expanded{background:#6b93ff1f;background:rgba(var(--primary-rgb,107,147,255),.12)}.style-category-options{display:none;flex-direction:column;gap:2px;margin-top:2px;padding:4px 0 4px 24px}.style-category-options.show{display:flex}.style-option{align-items:center;border:none;border-radius:6px;color:var(--text-secondary);padding:6px 10px}.style-option:hover:not(:disabled){background:var(--background-tertiary);color:var(--text-primary)}.style-option.selected{background:#6b93ff26;background:rgba(var(--primary-rgb,107,147,255),.15);color:var(--primary-500);font-weight:500}.style-option:disabled{opacity:.5}.style-option i{font-size:.75rem;margin-left:auto}.style-custom-input{margin-top:8px}.meme-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:.75rem 1.5rem 1rem}.meme-modal-footer .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;min-height:0;min-height:auto;padding:.35rem 1rem;transition:all .2s ease}.meme-modal-footer .btn-outline{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.meme-modal-footer .btn-outline:hover{background:var(--background-secondary);color:var(--text-primary)}.meme-modal-footer .btn-outline:disabled{cursor:not-allowed;opacity:.5}.meme-modal-footer .btn-primary{background:var(--primary-500);color:#fff}.meme-modal-footer .btn-primary:hover{background:var(--primary-600)}.meme-modal-footer .btn-primary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.meme-modal-content{border-radius:12px;max-height:90vh;max-width:100%}.meme-modal-header{padding:1rem 1.25rem .75rem}.meme-modal-header h3{font-size:1.1rem}.meme-modal-preview{padding:.6rem 1.25rem}.meme-modal-body{padding:.75rem 1.25rem}.meme-form-row{gap:.5rem}.meme-form-label{font-size:.7rem;width:3.5rem}.meme-form-select,.meme-form-textarea{font-size:.85rem;padding:.3rem .45rem}.meme-modal-footer{padding:.75rem 1.25rem}.meme-modal-footer .btn{flex:1 1;justify-content:center}}@media (max-width:480px){.meme-modal-overlay{padding:.5rem}.meme-modal-header h3{font-size:1rem}.meme-modal-header .credit-info{font-size:.85rem}.meme-form-icon{font-size:.9rem;width:1.2rem}.meme-form-label{font-size:.65rem;width:3rem}.meme-form-select,.meme-form-textarea{font-size:.8rem;padding:.25rem .4rem}.meme-modal-header .ai-model-btn{font-size:.7rem;padding:.2rem .5rem}}[data-theme=matrix] .meme-modal-header .ai-model-btn{background:#0000;border-color:#0f0;color:#0f0}[data-theme=matrix] .meme-modal-header .ai-model-btn:hover{background:#001a00;color:#0f0}[data-theme=matrix] .meme-modal-header .ai-model-btn.active{background:#0f0;border-color:#0f0;color:#000}[data-theme=matrix] .meme-modal-header .ai-model-btn.active:hover{background:#0c0;border-color:#0c0}[data-theme=matrix] .meme-error-message{background:#ff00001a;border-color:#ff00004d;color:#f66}[data-theme=retro] .meme-modal-header .ai-model-btn{border-color:#d97706;color:#92400e}[data-theme=retro] .meme-modal-header .ai-model-btn:hover{background:#fff4e6;color:#78350f}[data-theme=retro] .meme-modal-header .ai-model-btn.active{background:#dc2626;border-color:#dc2626;color:#fff}[data-theme=retro] .meme-modal-header .ai-model-btn.active:hover{background:#b91c1c;border-color:#b91c1c}.meme-gallery{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:1rem;padding:.75rem}.meme-gallery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:0 .25rem}.meme-gallery-title{color:var(--text-secondary);font-size:.85rem;font-weight:600}.meme-gallery-count{color:var(--text-tertiary);font-size:.75rem}.meme-gallery-scroll{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.meme-gallery-scroll::-webkit-scrollbar{height:4px}.meme-gallery-scroll::-webkit-scrollbar-track{background:#0000}.meme-gallery-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.meme-thumbnail{border:1px solid var(--border-color);border-radius:6px;cursor:pointer;flex-shrink:0;height:80px;overflow:hidden;position:relative;transition:all .2s ease;width:80px}.meme-thumbnail:hover{border-color:var(--primary-500);transform:scale(1.02)}.meme-thumbnail.deleting{opacity:.5;pointer-events:none}.meme-thumbnail img{height:100%;object-fit:cover;width:100%}.meme-thumbnail-loading{align-items:center;background:var(--background-secondary);color:var(--text-tertiary);display:flex;height:100%;justify-content:center;width:100%}.meme-thumbnail-overlay{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease}.meme-thumbnail:hover .meme-thumbnail-overlay{opacity:1}.meme-thumbnail-overlay .meme-action-btn{bottom:4px;pointer-events:auto;position:absolute}.meme-thumbnail-overlay .meme-action-btn:first-child{left:4px}.meme-thumbnail-overlay .meme-action-btn.meme-delete-btn{left:auto;right:4px}.meme-action-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.meme-action-btn:hover{background:#fff;transform:scale(1.1)}.meme-delete-btn:hover{background:#ef4444;color:#fff}.meme-add-btn{align-items:center;background:#0000;border:2px dashed var(--border-color);border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:80px;justify-content:center;transition:all .2s ease;width:80px}.meme-add-btn:hover{background:var(--background-primary);border-color:var(--primary-500);color:var(--primary-500)}.meme-preview-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.meme-preview-content{align-items:center;display:flex;flex-direction:column;gap:1rem;max-height:90vh;max-width:90vw;position:relative}.meme-preview-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;position:absolute;right:0;top:-2.5rem;transition:all .2s ease;width:36px}.meme-preview-close:hover{background:#fff3}.meme-preview-content img{border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:70vh;max-width:100%}.meme-preview-loading{align-items:center;color:#fffc;display:flex;flex-direction:column;font-size:.9rem;gap:1rem;padding:3rem}.meme-preview-info{align-items:center;display:flex;gap:.75rem}.meme-preview-style,.meme-preview-tone{background:#ffffff1a;border-radius:6px;color:#fffc;font-size:.8rem;padding:.25rem .6rem;text-transform:capitalize}.meme-preview-actions{display:flex;gap:.75rem}.meme-preview-actions .btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.meme-preview-actions .btn-primary{background:var(--primary-500);border:none;color:#fff}.meme-preview-actions .btn-primary:hover{background:var(--primary-600)}.meme-preview-actions .btn-outline-danger{background:#0000;border:1px solid #ef4444;color:#ef4444}.meme-preview-actions .btn-outline-danger:hover{background:#ef4444;color:#fff}.meme-nav-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:48px;z-index:10}.meme-nav-btn:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.meme-nav-btn:active{transform:translateY(-50%) scale(.95)}.meme-nav-prev{left:1rem}.meme-nav-next{right:1rem}.meme-preview-counter{background:#ffffff26;border-radius:6px;color:#ffffffe6;font-size:.8rem;font-weight:500;padding:.25rem .6rem}@media (max-width:768px){.meme-gallery{margin-top:.75rem;padding:.6rem}.meme-add-btn,.meme-thumbnail{height:70px;width:70px}.meme-action-btn{font-size:.7rem;height:24px;width:24px}}@media (max-width:480px){.meme-gallery{padding:.5rem}.meme-gallery-title{font-size:.8rem}.meme-add-btn,.meme-thumbnail{height:60px;width:60px}.meme-add-btn{font-size:1.25rem}.meme-preview-actions{flex-direction:column;width:100%}.meme-preview-actions .btn{justify-content:center;width:100%}.meme-nav-btn{font-size:1.25rem;height:40px;width:40px}.meme-nav-prev{left:.5rem}.meme-nav-next{right:.5rem}}[data-theme=matrix] .meme-gallery{background:#00140080;border-color:#0f0}[data-theme=matrix] .meme-thumbnail{border-color:#0f0}[data-theme=matrix] .meme-add-btn{border-color:#0f0;color:#0f0}[data-theme=matrix] .meme-add-btn:hover{background:#00280080}[data-theme=matrix] .meme-nav-btn{background:#00ff0026;color:#0f0}[data-theme=matrix] .meme-nav-btn:hover{background:#00ff004d}[data-theme=retro] .meme-gallery{background:#fff4e6;border-color:#d97706}[data-theme=retro] .meme-thumbnail{border-color:#d97706}[data-theme=retro] .meme-add-btn{border-color:#d97706;color:#92400e}[data-theme=retro] .meme-add-btn:hover{background:#fff9f0;color:#78350f}[data-theme=retro] .meme-nav-btn{background:#d9770633;color:#d97706}[data-theme=retro] .meme-nav-btn:hover{background:#d9770666}.meme-confirm-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10001}.meme-confirm-modal{background:var(--background-primary);border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:380px;overflow:hidden;width:100%}.meme-confirm-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:1.25rem 1.5rem 1rem}.meme-confirm-header i{color:#ef4444;font-size:1.5rem}.meme-confirm-header h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.meme-confirm-body{padding:1rem 1.5rem}.meme-confirm-body p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.meme-confirm-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.25rem}.meme-confirm-footer .btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.meme-confirm-footer .btn-outline{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.meme-confirm-footer .btn-outline:hover{background:var(--background-secondary);color:var(--text-primary)}.meme-confirm-footer .btn-danger{background:#ef4444;border:none;color:#fff}.meme-confirm-footer .btn-danger:hover{background:#dc2626}[data-theme=matrix] .meme-confirm-modal{background:#000a00;border:1px solid #0f0}[data-theme=matrix] .meme-confirm-header{border-color:#0f0}[data-theme=matrix] .meme-confirm-header i{color:red}[data-theme=matrix] .meme-confirm-footer{border-color:#0f0}[data-theme=matrix] .meme-confirm-footer .btn-outline{border-color:#0f0;color:#0f0}[data-theme=matrix] .meme-confirm-footer .btn-outline:hover{background:#001a00}[data-theme=retro] .meme-confirm-modal{background:#fffbf5;border:1px solid #d97706}[data-theme=retro] .meme-confirm-header{border-color:#d97706}[data-theme=retro] .meme-confirm-header i{color:#dc2626}[data-theme=retro] .meme-confirm-footer{border-color:#d97706}[data-theme=retro] .meme-confirm-footer .btn-outline{border-color:#d97706;color:#92400e}[data-theme=retro] .meme-confirm-footer .btn-outline:hover{background:#fff4e6}[data-theme=retro] .meme-confirm-footer .btn-danger{background:#dc2626}[data-theme=retro] .meme-confirm-footer .btn-danger:hover{background:#b91c1c}@media (max-width:480px){.meme-confirm-modal{max-width:100%}.meme-confirm-header{padding:1rem 1.25rem .75rem}.meme-confirm-body{padding:.75rem 1.25rem}.meme-confirm-footer{padding:.75rem 1.25rem 1rem}.meme-confirm-footer .btn{flex:1 1;justify-content:center}}.story-modal{background:#fff;background:var(--modal-bg,#fff);border-radius:12px;color:#212529;color:var(--text-color,#212529);overflow:hidden}.story-modal-header{background:#f8f9fa;background:var(--header-bg,#f8f9fa);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color,#dee2e6);padding:1rem 1.25rem}.story-modal-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.story-modal-title{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.story-header-info{align-items:center;display:flex;justify-content:space-between}.story-credit-info{font-size:.875rem;margin:0}.story-credit-info strong{color:#0d6efd;color:var(--primary-color,#0d6efd)}.story-credits-available,.story-model-btn{color:#6c757d;color:var(--text-muted,#6c757d)}.story-model-btn{background:#0000;border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;transition:all .15s ease}.story-model-btn:hover:not(:disabled){background:#e9ecef;background:var(--hover-bg,#e9ecef);border-color:#6c757d;border-color:var(--text-muted,#6c757d)}.story-model-btn.active{background:linear-gradient(135deg,#0d6efd,#0a58ca);border-color:#0d6efd;box-shadow:0 4px 15px #0d6efd66;color:#fff;font-size:.8rem;padding:.375rem 1rem}.story-model-btn.active:hover:not(:disabled){background:linear-gradient(135deg,#3d8bfd,#0d6efd);border-color:#3d8bfd;box-shadow:0 6px 20px #0d6efd80;transform:translateY(-1px)}.story-model-btn:disabled{cursor:not-allowed;opacity:.5}.story-modal-body{padding:1rem 1.25rem}.story-source-preview{align-items:baseline;background:#f8f9fa;background:var(--source-bg,#f8f9fa);border-radius:6px;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.35rem;margin-bottom:1rem;padding:.625rem .875rem}.story-source-label{color:#6c757d;color:var(--text-muted,#6c757d)}.story-source-book{color:#212529;color:var(--text-color,#212529);font-weight:600}.story-source-author{color:#6c757d;color:var(--text-muted,#6c757d)}.story-form{display:flex;flex-direction:column;gap:.875rem}.story-form-row{align-items:center;display:flex;gap:.75rem}.story-form-icon{color:#6c757d;color:var(--text-muted,#6c757d);flex-shrink:0;text-align:center;width:1.5rem}.story-form-icon i{font-size:1rem}.story-form-label{color:#212529;color:var(--text-color,#212529);flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase;width:4rem}.story-form-control{flex:1 1;min-width:0}.story-form-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--input-bg,#fff);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:6px;color:#212529;color:var(--text-color,#212529);cursor:pointer;font-size:.875rem;padding:.5rem 2rem .5rem .75rem;width:100%}.story-form-select:focus{border-color:#0d6efd;border-color:var(--primary-color,#0d6efd);box-shadow:0 0 0 2px #0d6efd26;outline:none}.story-form-select:disabled{cursor:not-allowed;opacity:.65}.story-toggle-control{align-items:center;display:flex;gap:.625rem}.story-toggle-switch{background:#dee2e6;background:var(--toggle-off-bg,#dee2e6);border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;padding:0;position:relative;transition:background .2s ease;width:44px}.story-toggle-switch:focus{box-shadow:0 0 0 2px #0d6efd40;outline:none}.story-toggle-switch.active{background:#0d6efd;background:var(--primary-color,#0d6efd)}.story-toggle-slider{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.story-toggle-switch.active .story-toggle-slider{transform:translateX(20px)}.story-toggle-switch:disabled{cursor:not-allowed;opacity:.5}.story-toggle-label{color:#212529;color:var(--text-color,#212529);font-size:.875rem}.story-form-toggle-row{align-items:center}.story-form-toggle-row .story-form-label{align-items:center;cursor:pointer;display:flex;gap:.5rem;width:auto}.story-toggle-checkbox{accent-color:#0d6efd;accent-color:var(--primary-color,#0d6efd);cursor:pointer;height:1rem;width:1rem}.story-toggle-text{font-size:.875rem;font-weight:500;letter-spacing:normal;text-transform:none}.story-form-hint{background:#f8f9fa;background:var(--source-bg,#f8f9fa);border-radius:4px;color:#6c757d;color:var(--text-muted,#6c757d);font-size:.75rem;margin-left:2.25rem;margin-top:-.375rem;padding:.375rem .75rem}.story-form-textarea-row{align-items:flex-start}.story-form-textarea-row .story-form-icon{margin-top:.25rem}.story-form-textarea-wrapper{display:flex;flex:1 1;flex-direction:column;gap:.375rem}.story-form-textarea-wrapper .story-form-label{margin-bottom:0;width:auto}.story-form-textarea{background-color:#fff;background-color:var(--input-bg,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:6px;color:#212529;color:var(--text-color,#212529);font-family:inherit;font-size:.875rem;padding:.5rem .75rem;resize:none;width:100%}.story-form-textarea:focus{border-color:#0d6efd;border-color:var(--primary-color,#0d6efd);box-shadow:0 0 0 2px #0d6efd26;outline:none}.story-form-textarea:disabled{cursor:not-allowed;opacity:.65}.story-form-textarea::placeholder{color:#6c757d;color:var(--text-muted,#6c757d);opacity:.7}.story-char-count{color:#6c757d;color:var(--text-muted,#6c757d);font-size:.7rem;text-align:right}.story-staged-info{align-items:center;background:#e7f1ff;background:var(--info-bg,#e7f1ff);border-radius:6px;color:#084298;color:var(--info-text,#084298);display:flex;font-size:.8rem;gap:.5rem;margin-top:.25rem;padding:.625rem .875rem}.story-staged-info i{flex-shrink:0;font-size:.875rem}.story-alert{border-radius:6px;font-size:.875rem;margin-bottom:0;margin-top:1rem;padding:.625rem .875rem}.story-modal-footer{background:#f8f9fa;background:var(--footer-bg,#f8f9fa);border-top:1px solid #dee2e6;border-top:1px solid var(--border-color,#dee2e6);padding:.875rem 1.25rem}.story-modal .btn{font-size:.875rem;padding:.5rem 1rem}.story-modal .btn-primary{background:linear-gradient(135deg,#0d6efd,#0a58ca);border-color:#0d6efd;box-shadow:0 4px 15px #0d6efd66;color:#fff}.story-modal .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3d8bfd,#0d6efd);border-color:#3d8bfd;box-shadow:0 6px 20px #0d6efd80;transform:translateY(-1px)}.story-modal .btn-primary:disabled{opacity:.65}[data-theme=dark] .story-modal{--modal-bg:#2d2d2d;--text-color:#e0e0e0;--text-muted:#adb5bd;--border-color:#444;--header-bg:#1a1a1a;--footer-bg:#1a1a1a;--source-bg:#1a1a1a;--input-bg:#3d3d3d;--hover-bg:#444;--toggle-off-bg:#555;--info-bg:#1e3a5f;--info-text:#8bb9e0}[data-theme=dark] .story-form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=matrix] .story-modal{--modal-bg:#0a0a0a;--text-color:#0f0;--text-muted:#0a0;--border-color:#0f0;--header-bg:#010;--footer-bg:#010;--source-bg:#010;--input-bg:#0a1a0a;--hover-bg:#020;--primary-color:#0f0;--primary-hover:#0c0;--toggle-off-bg:#030;--info-bg:#020;--info-text:#0f0}[data-theme=matrix] .story-form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%230f0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=retro] .story-modal{--modal-bg:#2e2a1a;--text-color:#d4c09e;--text-muted:#a08d6a;--border-color:#5c4a2a;--header-bg:#1e1a0a;--footer-bg:#1e1a0a;--source-bg:#1e1a0a;--input-bg:#3e3a2a;--hover-bg:#4e4a3a;--primary-color:#c9a227;--primary-hover:#a08220;--toggle-off-bg:#4e4a3a;--info-bg:#3e3a2a;--info-text:#c9a227}[data-theme=retro] .story-form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23d4c09e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}@media (max-width:480px){.story-modal-body,.story-modal-footer,.story-modal-header{padding-left:1rem;padding-right:1rem}.story-form-label{width:3.5rem}.story-source-preview{font-size:.75rem}}.story-image-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.story-image-modal-content{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#141821eb;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff0d;max-height:90vh;max-width:420px;overflow-y:auto;position:relative;width:92%}.story-image-modal-header{border-bottom:1px solid #ffffff0f;padding:14px 16px}.story-image-modal-header h3{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.02em;margin:0 0 8px}.story-image-modal-header h3 i{font-size:1.1rem;opacity:.9}.story-image-modal-header .header-info-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.story-image-modal-header .credit-info{color:#fff9;font-size:.8rem;margin:0}.story-image-modal-header .credit-info strong{color:#fff;font-weight:600}.story-image-modal-header .credits-available{color:#ffffff80}.story-image-modal-header .ai-model-toggle{align-items:center;display:flex}.story-image-modal-header .ai-model-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;padding:5px 12px;transition:all .2s ease}.story-image-modal-header .ai-model-btn:focus{outline:none}.story-image-modal-header .ai-model-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;color:#fffc}.story-image-modal-header .ai-model-btn.active{background:#ffffff26;border-color:#ffffff40;box-shadow:0 2px 8px #0003;color:#fff;font-size:.8rem;padding:8px 16px}.story-image-modal-header .ai-model-btn:disabled{cursor:not-allowed;opacity:.4}.story-image-modal-preview{background:#ffffff08;border-bottom:1px solid #ffffff0f;padding:10px 16px}.preview-story-info{display:flex;flex-direction:column;gap:2px}.preview-title{color:#fff;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-subtitle{color:#ffffff80;font-size:.75rem}.story-image-modal-body{padding:14px 16px}.story-image-error-message{align-items:center;background:#ff3b301a;border:1px solid #ff3b3033;border-radius:10px;color:#ff6b6b;display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px;margin-bottom:12px;padding:10px 12px}.story-image-error-message span{flex:1 1}.story-image-retry-btn{align-items:center;background:#ff3b3026;border:1px solid #ff3b304d;border-radius:6px;color:#ff6b6b;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.story-image-retry-btn:hover:not(:disabled){background:#ff3b3040;border-color:#ff3b3080}.story-image-retry-btn:disabled{cursor:not-allowed;opacity:.4}.story-image-warning{align-items:center;background:#ffc1071a;border:1px solid #ffc10733;border-radius:10px;color:#ffc107;display:flex;font-size:.8rem;margin-bottom:12px;padding:10px 12px}.story-image-form{display:flex;flex-direction:column;gap:10px}.story-image-form-row{align-items:center;display:flex;gap:10px}.story-image-form-icon{color:#ffffff80;display:flex;flex-shrink:0;justify-content:center;width:1.5rem}.story-image-form-icon i{font-size:.9rem}.story-image-form-label{color:#fff9;flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;width:3.5rem}.story-image-form-control{flex:1 1;min-width:0}.story-image-form-select{-webkit-appearance:none;appearance:none;background-color:#ffffff0a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23ffffff60' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ffffff14;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;padding:8px 32px 8px 12px;transition:all .15s ease;width:100%}.story-image-form-select:hover:not(:disabled){background-color:#ffffff14;border-color:#ffffff26}.story-image-form-select:focus{border-color:#ffffff40;box-shadow:0 0 0 2px #ffffff0d;outline:none}.story-image-form-select:disabled{cursor:not-allowed;opacity:.4}.story-image-form-input{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:#fff;font-size:.8rem;padding:8px 12px;transition:all .15s ease;width:100%}.story-image-form-input::placeholder{color:#ffffff4d}.story-image-form-input:hover:not(:disabled){background-color:#ffffff14;border-color:#ffffff26}.story-image-form-input:focus{border-color:#ffffff40;box-shadow:0 0 0 2px #ffffff0d;outline:none}.story-image-form-input:disabled{cursor:not-allowed;opacity:.4}.style-section{margin-top:4px}.style-section-header{align-items:center;color:#ffffff80;display:flex;font-size:.7rem;font-weight:600;gap:8px;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.style-section-header i{font-size:.85rem}.selected-style-badge{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fff;font-size:.7rem;font-weight:500;letter-spacing:normal;margin-left:auto;padding:3px 10px;text-transform:none}.style-categories{display:flex;flex-direction:column;gap:6px}.style-category-header{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:8px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.style-category-header i:first-child{font-size:.9rem;opacity:.8}.style-category-header:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;color:#fff}.style-category-header.expanded{background:#ffffff14;border-color:#fff3;color:#fff}.style-category-header:disabled{cursor:not-allowed;opacity:.4}.style-category-header .category-count{color:#fff6;font-size:.7rem;font-weight:400}.style-category-header .chevron{color:#fff6;font-size:.65rem;margin-left:auto;transition:transform .2s ease}.style-category-header.expanded .chevron{transform:rotate(180deg)}.style-options{display:none;flex-direction:column;gap:4px;padding:8px 0 8px 20px}.style-options.show{display:flex}.style-option{align-items:flex-start;background:#0000;border:1px solid #0000;border-radius:8px;color:#fff9;cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;padding:8px 12px;position:relative;text-align:left;transition:all .15s ease;width:100%}.style-option:hover:not(:disabled){background:#ffffff0a;border-color:#ffffff14;color:#ffffffe6}.style-option.selected{background:#ffffff14;border-color:#fff3;color:#fff}.style-option:disabled{cursor:not-allowed;opacity:.4}.style-option .style-label{font-weight:500}.style-option .style-desc{color:#fff6;font-size:.7rem;margin-top:2px}.style-option.selected .style-desc{color:#fff9}.style-option i{color:#fffc;font-size:.85rem;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.story-image-modal-footer{border-top:1px solid #ffffff0f;display:flex;gap:8px;justify-content:flex-end;padding:12px 16px 14px}.story-image-modal-footer .btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;min-height:0;min-height:auto;padding:10px 16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.story-image-modal-footer .btn-outline{background:#ffffff0a;border:1px solid #ffffff14;color:#fff9}.story-image-modal-footer .btn-outline:hover:not(:disabled){background:#ffffff14;color:#ffffffe6}.story-image-modal-footer .btn-outline:disabled{cursor:not-allowed;opacity:.4}.story-image-modal-footer .btn-primary{background:#ffffff26;border:1px solid #ffffff40;box-shadow:0 2px 8px #0003;color:#fff}.story-image-modal-footer .btn-primary:hover:not(:disabled){background:#ffffff38;border-color:#ffffff59;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.story-image-modal-footer .btn-primary:disabled{cursor:not-allowed;opacity:.4}.story-image-modal-content[data-theme=light]{background:#fffffff2;border-color:#00000014;box-shadow:0 8px 32px #6b93ff1f,0 4px 16px #00000014,inset 0 0 0 1px #0000000d}.story-image-modal-content[data-theme=light] .story-image-modal-header{border-color:#0000000f}.story-image-modal-content[data-theme=light] .story-image-modal-header h3{color:#1a1a2e}.story-image-modal-content[data-theme=light] .story-image-modal-header .credit-info{color:#00000080}.story-image-modal-content[data-theme=light] .story-image-modal-header .credit-info strong{color:#1a1a2e}.story-image-modal-content[data-theme=light] .story-image-modal-header .ai-model-btn{background:#00000008;border-color:#00000014;color:#00000080}.story-image-modal-content[data-theme=light] .story-image-modal-header .ai-model-btn:hover:not(:disabled){background:#0000000f;color:#000c}.story-image-modal-content[data-theme=light] .story-image-modal-header .ai-model-btn.active{background:linear-gradient(135deg,#6b93ffe6,#5078dce6);border-color:#6b93ff66;box-shadow:0 4px 15px #6b93ff4d;color:#fff}.story-image-modal-content[data-theme=light] .story-image-modal-preview{background:#00000005;border-color:#0000000f}.story-image-modal-content[data-theme=light] .preview-title{color:#1a1a2e}.story-image-modal-content[data-theme=light] .preview-subtitle,.story-image-modal-content[data-theme=light] .story-image-form-icon{color:#00000080}.story-image-modal-content[data-theme=light] .story-image-form-label{color:#0009}.story-image-modal-content[data-theme=light] .story-image-form-select{background-color:#00000008;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2300000060' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");border-color:#00000014;color:#1a1a2e}.story-image-modal-content[data-theme=light] .story-image-form-select:hover:not(:disabled){background-color:#0000000f;border-color:#0000001f}.story-image-modal-content[data-theme=light] .story-image-form-input{background:#00000008;border-color:#00000014;color:#1a1a2e}.story-image-modal-content[data-theme=light] .story-image-form-input::placeholder{color:#0006}.story-image-modal-content[data-theme=light] .story-image-form-input:hover:not(:disabled){background-color:#0000000f;border-color:#0000001f}.story-image-modal-content[data-theme=light] .style-section-header{color:#00000080}.story-image-modal-content[data-theme=light] .selected-style-badge{background:#6b93ff1a;border-color:#6b93ff4d;color:#4a6ecc}.story-image-modal-content[data-theme=light] .style-category-header{background:#00000008;border-color:#00000014;color:#000000b3}.story-image-modal-content[data-theme=light] .style-category-header:hover:not(:disabled){background:#0000000f;color:#000000e6}.story-image-modal-content[data-theme=light] .style-category-header.expanded{background:#6b93ff14;border-color:#6b93ff4d;color:#4a6ecc}.story-image-modal-content[data-theme=light] .style-category-header .category-count,.story-image-modal-content[data-theme=light] .style-category-header .chevron{color:#0006}.story-image-modal-content[data-theme=light] .style-option{color:#0009}.story-image-modal-content[data-theme=light] .style-option:hover:not(:disabled){background:#0000000a;border-color:#00000014;color:#000000e6}.story-image-modal-content[data-theme=light] .style-option.selected{background:#6b93ff1a;border-color:#6b93ff4d;color:#4a6ecc}.story-image-modal-content[data-theme=light] .style-option .style-desc{color:#0006}.story-image-modal-content[data-theme=light] .style-option.selected .style-desc{color:#4a6eccb3}.story-image-modal-content[data-theme=light] .story-image-modal-footer{border-color:#0000000f}.story-image-modal-content[data-theme=light] .story-image-modal-footer .btn-outline{background:#0000000a;border-color:#0000001a;color:#0009}.story-image-modal-content[data-theme=light] .story-image-modal-footer .btn-outline:hover:not(:disabled){background:#00000014;color:#000000e6}.story-image-modal-content[data-theme=light] .story-image-modal-footer .btn-primary{background:linear-gradient(135deg,#6b93ffe6,#5078dce6);border-color:#6b93ff66;box-shadow:0 4px 15px #6b93ff4d;color:#fff}.story-image-modal-content[data-theme=light] .story-image-modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#78a0fff2,#5a82e6f2);box-shadow:0 6px 20px #6b93ff66}.story-image-modal-content[data-theme=dark]{background:#141821f2;box-shadow:0 8px 32px #7b9fd81a,0 4px 16px #0000004d,inset 0 0 0 1px #ffffff0d}.story-image-modal-content[data-theme=dark] .story-image-modal-header .ai-model-btn.active{background:linear-gradient(135deg,#7b9fd8d9,#648cc8d9);border-color:#7b9fd866;box-shadow:0 4px 15px #7b9fd84d;color:#fff}.story-image-modal-content[data-theme=dark] .selected-style-badge{background:#7b9fd81a;border-color:#7b9fd84d;color:#7b9fd8}.story-image-modal-content[data-theme=dark] .style-category-header.expanded{background:#7b9fd814;border-color:#7b9fd84d;color:#7b9fd8}.story-image-modal-content[data-theme=dark] .style-option.selected{background:#7b9fd81a;border-color:#7b9fd84d;color:#7b9fd8}.story-image-modal-content[data-theme=dark] .story-image-modal-footer .btn-primary{background:linear-gradient(135deg,#7b9fd8d9,#648cc8d9);border-color:#7b9fd866;box-shadow:0 4px 15px #7b9fd84d}.story-image-modal-content[data-theme=dark] .story-image-modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8cafe1e6,#739bd7e6);box-shadow:0 6px 20px #7b9fd866}.story-image-modal-content[data-theme=matrix]{background:#000800f2;border-color:#0f03;box-shadow:0 8px 32px #00000080,0 0 30px #00ff0026}.story-image-modal-content[data-theme=matrix] .story-image-modal-header{border-color:#00ff0026}.story-image-modal-content[data-theme=matrix] .story-image-modal-header h3{color:#0f0}.story-image-modal-content[data-theme=matrix] .story-image-modal-header .credit-info{color:#00ff0080}.story-image-modal-content[data-theme=matrix] .story-image-modal-header .credit-info strong{color:#0f0}.story-image-modal-content[data-theme=matrix] .story-image-modal-header .ai-model-btn{background:#001e0080;border-color:#0f03;color:#0f09}.story-image-modal-content[data-theme=matrix] .story-image-modal-header .ai-model-btn:hover:not(:disabled){background:#003c0099;border-color:#0f06;color:#0f0}.story-image-modal-content[data-theme=matrix] .story-image-modal-header .ai-model-btn.active{background:linear-gradient(135deg,#009600cc,#00c800b3);border:1px solid #0f06;box-shadow:0 4px 15px #00ff0040;color:#fff}.story-image-modal-content[data-theme=matrix] .story-image-modal-preview{background:#00140080;border-color:#00ff0026}.story-image-modal-content[data-theme=matrix] .preview-title{color:#0f0}.story-image-modal-content[data-theme=matrix] .preview-subtitle,.story-image-modal-content[data-theme=matrix] .story-image-form-icon{color:#00ff0080}.story-image-modal-content[data-theme=matrix] .story-image-form-label{color:#0f09}.story-image-modal-content[data-theme=matrix] .story-image-form-select{background-color:#001e0080;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2300ff0060' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");border-color:#0f03;color:#0f0}.story-image-modal-content[data-theme=matrix] .story-image-form-select:hover:not(:disabled){background-color:#003c0099;border-color:#0f06}.story-image-modal-content[data-theme=matrix] .story-image-form-input{background:#001e0080;border-color:#0f03;color:#0f0}.story-image-modal-content[data-theme=matrix] .story-image-form-input::placeholder{color:#0f06}.story-image-modal-content[data-theme=matrix] .story-image-form-input:hover:not(:disabled){background-color:#003c0099;border-color:#0f06}.story-image-modal-content[data-theme=matrix] .style-section-header{color:#0f09}.story-image-modal-content[data-theme=matrix] .selected-style-badge{background:#00ff001a;border-color:#00ff004d;color:#0f0}.story-image-modal-content[data-theme=matrix] .style-category-header{background:#001e0080;border-color:#0f03;color:#0f09}.story-image-modal-content[data-theme=matrix] .style-category-header:hover:not(:disabled){background:#003c0099;border-color:#0f06;color:#0f0}.story-image-modal-content[data-theme=matrix] .style-category-header.expanded{background:#00ff001a;border-color:#0f06;color:#0f0}.story-image-modal-content[data-theme=matrix] .style-category-header .category-count,.story-image-modal-content[data-theme=matrix] .style-category-header .chevron{color:#0f06}.story-image-modal-content[data-theme=matrix] .style-option{color:#0f09}.story-image-modal-content[data-theme=matrix] .style-option:hover:not(:disabled){background:#00280080;border-color:#0f03;color:#0f0}.story-image-modal-content[data-theme=matrix] .style-option.selected{background:#00ff001a;border-color:#00ff004d;color:#0f0}.story-image-modal-content[data-theme=matrix] .style-option .style-desc{color:#0f06}.story-image-modal-content[data-theme=matrix] .story-image-modal-footer{border-color:#00ff0026}.story-image-modal-content[data-theme=matrix] .story-image-modal-footer .btn-outline{background:#001e0080;border-color:#0f03;color:#00ff00b3}.story-image-modal-content[data-theme=matrix] .story-image-modal-footer .btn-outline:hover:not(:disabled){background:#003c0099;color:#0f0}.story-image-modal-content[data-theme=matrix] .story-image-modal-footer .btn-primary{background:linear-gradient(135deg,#009600cc,#00c800b3);border:1px solid #0f06;box-shadow:0 4px 15px #00ff0040}.story-image-modal-content[data-theme=matrix] .story-image-modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00b400e6,#00e600cc);box-shadow:0 6px 20px #0f06}.story-image-modal-content[data-theme=matrix] .story-image-error-message{background:#ff00001a;border-color:#f003;color:#f66}.story-image-modal-content[data-theme=matrix] .story-image-warning{background:#ffc8001a;border-color:#ffc80033;color:#ffc800}.story-image-modal-content[data-theme=retro]{background:#14120ef2;border-color:#ffd70033;box-shadow:0 8px 32px #00000080,0 0 25px #ffd7001a}.story-image-modal-content[data-theme=retro] .story-image-modal-header{border-color:#ffd70026}.story-image-modal-content[data-theme=retro] .story-image-modal-header h3{color:gold}.story-image-modal-content[data-theme=retro] .story-image-modal-header .credit-info{color:#ffd70080}.story-image-modal-content[data-theme=retro] .story-image-modal-header .credit-info strong{color:gold}.story-image-modal-content[data-theme=retro] .story-image-modal-header .ai-model-btn{background:#28231480;border-color:#ffd70026;color:#ffd70099}.story-image-modal-content[data-theme=retro] .story-image-modal-header .ai-model-btn:hover:not(:disabled){background:#3c321e99;border-color:#ffd7004d;color:gold}.story-image-modal-content[data-theme=retro] .story-image-modal-header .ai-model-btn.active{background:linear-gradient(135deg,#ffc107d9,#ff9800d9);border-color:#ffd70066;box-shadow:0 4px 15px #ffc1074d;color:#1a1a1a}.story-image-modal-content[data-theme=retro] .story-image-modal-preview{background:#1e190f80;border-color:#ffd70026}.story-image-modal-content[data-theme=retro] .preview-title{color:gold}.story-image-modal-content[data-theme=retro] .preview-subtitle,.story-image-modal-content[data-theme=retro] .story-image-form-icon{color:#ffd70080}.story-image-modal-content[data-theme=retro] .story-image-form-label{color:#ffd70099}.story-image-modal-content[data-theme=retro] .story-image-form-select{background-color:#28231480;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23ffd70060' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");border-color:#ffd70026;color:gold}.story-image-modal-content[data-theme=retro] .story-image-form-select:hover:not(:disabled){background-color:#3c321e99;border-color:#ffd7004d}.story-image-modal-content[data-theme=retro] .story-image-form-input{background:#28231480;border-color:#ffd70026;color:gold}.story-image-modal-content[data-theme=retro] .story-image-form-input::placeholder{color:#ffd70066}.story-image-modal-content[data-theme=retro] .story-image-form-input:hover:not(:disabled){background-color:#3c321e99;border-color:#ffd7004d}.story-image-modal-content[data-theme=retro] .style-section-header{color:#ffd70099}.story-image-modal-content[data-theme=retro] .selected-style-badge{background:#ffd7001a;border-color:#ffd7004d;color:gold}.story-image-modal-content[data-theme=retro] .style-category-header{background:#28231480;border-color:#ffd70026;color:#ffd70099}.story-image-modal-content[data-theme=retro] .style-category-header:hover:not(:disabled){background:#3c321e99;border-color:#ffd7004d;color:gold}.story-image-modal-content[data-theme=retro] .style-category-header.expanded{background:#ffd7001a;border-color:#ffd7004d;color:gold}.story-image-modal-content[data-theme=retro] .style-category-header .category-count,.story-image-modal-content[data-theme=retro] .style-category-header .chevron{color:#ffd70066}.story-image-modal-content[data-theme=retro] .style-option{color:#ffd70099}.story-image-modal-content[data-theme=retro] .style-option:hover:not(:disabled){background:#322d1980;border-color:#ffd70033;color:gold}.story-image-modal-content[data-theme=retro] .style-option.selected{background:#ffd7001a;border-color:#ffd7004d;color:gold}.story-image-modal-content[data-theme=retro] .style-option .style-desc{color:#ffd70066}.story-image-modal-content[data-theme=retro] .story-image-modal-footer{border-color:#ffd70026}.story-image-modal-content[data-theme=retro] .story-image-modal-footer .btn-outline{background:#28231480;border-color:#ffd70026;color:#ffd700b3}.story-image-modal-content[data-theme=retro] .story-image-modal-footer .btn-outline:hover:not(:disabled){background:#3c321e99;color:gold}.story-image-modal-content[data-theme=retro] .story-image-modal-footer .btn-primary{background:linear-gradient(135deg,#ffc107d9,#ff9800d9);border-color:#ffd70066;box-shadow:0 4px 15px #ffc1074d;color:#1a1a1a}.story-image-modal-content[data-theme=retro] .story-image-modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ffd228e6,#ffaa1ee6);box-shadow:0 6px 20px #ffc10766}.story-image-modal-content[data-theme=retro] .story-image-error-message{background:#ff64641a;border-color:#ff646433;color:#ff8080}.story-image-modal-content[data-theme=retro] .story-image-warning{background:#ffc1071a;border-color:#ffc10733;color:#ffc107}@media (max-width:480px){.story-image-modal-content{border-radius:16px;margin:8px;max-height:92vh;max-width:95%}.story-image-modal-header{padding:12px 14px}.story-image-modal-header h3{font-size:.9rem}.story-image-modal-body{padding:12px 14px}.story-image-modal-footer{padding:10px 14px 12px}.story-image-modal-footer .btn{flex:1 1;font-size:.8rem;padding:10px 12px}.style-category-header{font-size:.75rem;padding:8px 10px}.style-option{font-size:.75rem;padding:6px 10px}}.story-audio-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.story-audio-modal-content{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#141821eb;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff0d;max-height:90vh;max-width:420px;overflow-y:auto;position:relative;width:92%}.story-audio-modal-header{border-bottom:1px solid #ffffff0f;padding:14px 16px}.story-audio-modal-header h3{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.02em;margin:0 0 8px}.story-audio-modal-header h3 i{font-size:1.1rem;opacity:.9}.story-audio-modal-header .header-info-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.story-audio-modal-header .credit-info{color:#fff9;font-size:.8rem;margin:0}.story-audio-modal-header .credit-info strong{color:#fff;font-weight:600}.story-audio-modal-header .credits-available{color:#ffffff80}.story-audio-modal-header .ai-model-toggle{align-items:center;display:flex}.story-audio-modal-header .ai-model-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;padding:5px 12px;transition:all .2s ease}.story-audio-modal-header .ai-model-btn:focus{outline:none}.story-audio-modal-header .ai-model-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;color:#fffc}.story-audio-modal-header .ai-model-btn.active{background:#ffffff26;border-color:#ffffff40;box-shadow:0 2px 8px #0003;color:#fff;font-size:.8rem;padding:8px 16px}.story-audio-modal-header .ai-model-btn:disabled{cursor:not-allowed;opacity:.4}.story-audio-modal-preview{background:#ffffff08;border-bottom:1px solid #ffffff0f;padding:10px 16px}.story-audio-modal-preview .preview-story-info{display:flex;flex-direction:column;gap:2px}.story-audio-modal-preview .preview-title{color:#fff;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-audio-modal-preview .preview-subtitle{color:#ffffff80;font-size:.75rem}.story-audio-modal-body{padding:14px 16px}.story-audio-error-message{align-items:center;background:#ff3b301a;border:1px solid #ff3b3033;border-radius:10px;color:#ff6b6b;display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px;margin-bottom:12px;padding:10px 12px}.story-audio-error-message span{flex:1 1}.story-audio-retry-btn{align-items:center;background:#ff3b3026;border:1px solid #ff3b304d;border-radius:6px;color:#ff6b6b;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.story-audio-retry-btn:hover:not(:disabled){background:#ff3b3040;border-color:#ff3b3080}.story-audio-retry-btn:disabled{cursor:not-allowed;opacity:.4}.narration-style-section{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;margin-bottom:12px;padding:12px}.narration-style-section .style-label{color:#fffc;display:block;font-size:.8rem;font-weight:600;margin-bottom:8px}.narration-style-select{-webkit-appearance:none;appearance:none;background-color:#ffffff0f;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' fill-opacity='.6' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 12px;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;padding:10px 32px 10px 12px;transition:all .2s ease;width:100%}.narration-style-select:hover:not(:disabled){background-color:#ffffff14;border-color:#ffffff26}.narration-style-select:focus{border-color:#ffffff40;box-shadow:0 0 0 2px #ffffff1a;outline:none}.narration-style-select:disabled{cursor:not-allowed;opacity:.5}.narration-style-select option{background:#1a1a2e;color:#fff;padding:8px}.narration-style-section .style-description{color:#ffffff80;font-size:.72rem;line-height:1.4;margin:8px 0 0}.story-audio-regenerate-section{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;margin-bottom:12px;padding:10px 12px}.regenerate-toggle{align-items:center;cursor:pointer;display:flex;gap:10px}.regenerate-toggle input[type=checkbox]{accent-color:#6b93ff;cursor:pointer;flex-shrink:0;height:18px;width:18px}.regenerate-label{align-items:center;color:#fffc;display:flex;font-size:.8rem;font-weight:500}.regenerate-warning{color:#ffb400cc;font-size:.72rem;line-height:1.3;margin:8px 0 0 28px}.audio-info-section{display:flex;flex-direction:column;gap:8px}.audio-info-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:12px;padding:12px}.audio-info-item>i{color:#fff9;font-size:1.1rem;text-align:center;width:1.5rem}.audio-info-item>div{display:flex;flex-direction:column}.audio-info-item .info-label{color:#fff;font-size:.8rem;font-weight:600}.audio-info-item .info-desc{color:#ffffff80;font-size:.7rem}.story-audio-modal-footer{border-top:1px solid #ffffff0f;display:flex;gap:8px;justify-content:flex-end;padding:12px 16px 14px}.story-audio-modal-footer .btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;min-height:0;min-height:auto;padding:10px 16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.story-audio-modal-footer .btn-outline{background:#ffffff0a;border:1px solid #ffffff14;color:#fff9}.story-audio-modal-footer .btn-outline:hover:not(:disabled){background:#ffffff14;color:#ffffffe6}.story-audio-modal-footer .btn-outline:disabled{cursor:not-allowed;opacity:.4}.story-audio-modal-footer .btn-primary{background:#ffffff26;border:1px solid #ffffff40;box-shadow:0 2px 8px #0003;color:#fff}.story-audio-modal-footer .btn-primary:hover:not(:disabled){background:#ffffff38;border-color:#ffffff59;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.story-audio-modal-footer .btn-primary:disabled{cursor:not-allowed;opacity:.4}.spinner-border-sm{border-width:.15em;height:.875rem;width:.875rem}.story-audio-modal-content[data-theme=light]{background:#fffffff2;border-color:#00000014;box-shadow:0 8px 32px #6b93ff1f,0 4px 16px #00000014,inset 0 0 0 1px #0000000d}.story-audio-modal-content[data-theme=light] .story-audio-modal-header{border-color:#0000000f}.story-audio-modal-content[data-theme=light] .story-audio-modal-header h3{color:#1a1a2e}.story-audio-modal-content[data-theme=light] .story-audio-modal-header .credit-info{color:#00000080}.story-audio-modal-content[data-theme=light] .story-audio-modal-header .credit-info strong{color:#1a1a2e}.story-audio-modal-content[data-theme=light] .story-audio-modal-header .ai-model-btn{background:#00000008;border-color:#00000014;color:#00000080}.story-audio-modal-content[data-theme=light] .story-audio-modal-header .ai-model-btn:hover:not(:disabled){background:#0000000f;color:#000c}.story-audio-modal-content[data-theme=light] .story-audio-modal-header .ai-model-btn.active{background:linear-gradient(135deg,#6b93ffe6,#5078dce6);border-color:#6b93ff66;box-shadow:0 4px 15px #6b93ff4d;color:#fff}.story-audio-modal-content[data-theme=light] .story-audio-modal-preview{background:#00000005;border-color:#0000000f}.story-audio-modal-content[data-theme=light] .story-audio-modal-preview .preview-title{color:#1a1a2e}.story-audio-modal-content[data-theme=light] .story-audio-modal-preview .preview-subtitle{color:#00000080}.story-audio-modal-content[data-theme=light] .story-audio-regenerate-section{background:#00000008;border-color:#00000014}.story-audio-modal-content[data-theme=light] .regenerate-label{color:#000c}.story-audio-modal-content[data-theme=light] .regenerate-warning{color:#c88c00}.story-audio-modal-content[data-theme=light] .narration-style-section{background:#00000008;border-color:#00000014}.story-audio-modal-content[data-theme=light] .narration-style-section .style-label{color:#000c}.story-audio-modal-content[data-theme=light] .narration-style-select{background-color:#00000008;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill-opacity='.5' d='M6 8 1 3h10z'/%3E%3C/svg%3E");border-color:#0000001a;color:#1a1a2e}.story-audio-modal-content[data-theme=light] .narration-style-select:hover:not(:disabled){background-color:#0000000f;border-color:#00000026}.story-audio-modal-content[data-theme=light] .narration-style-select:focus{border-color:#6b93ff80;box-shadow:0 0 0 2px #6b93ff26}.story-audio-modal-content[data-theme=light] .narration-style-select option{background:#fff;color:#1a1a2e}.story-audio-modal-content[data-theme=light] .narration-style-section .style-description{color:#00000080}.story-audio-modal-content[data-theme=light] .audio-info-item{background:#00000008;border-color:#00000014}.story-audio-modal-content[data-theme=light] .audio-info-item>i{color:#4a6ecc}.story-audio-modal-content[data-theme=light] .audio-info-item .info-label{color:#1a1a2e}.story-audio-modal-content[data-theme=light] .audio-info-item .info-desc{color:#00000080}.story-audio-modal-content[data-theme=light] .story-audio-modal-footer{border-color:#0000000f}.story-audio-modal-content[data-theme=light] .story-audio-modal-footer .btn-outline{background:#0000000a;border-color:#0000001a;color:#0009}.story-audio-modal-content[data-theme=light] .story-audio-modal-footer .btn-outline:hover:not(:disabled){background:#00000014;color:#000000e6}.story-audio-modal-content[data-theme=light] .story-audio-modal-footer .btn-primary{background:linear-gradient(135deg,#6b93ffe6,#5078dce6);border-color:#6b93ff66;box-shadow:0 4px 15px #6b93ff4d;color:#fff}.story-audio-modal-content[data-theme=light] .story-audio-modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#78a0fff2,#5a82e6f2);box-shadow:0 6px 20px #6b93ff66}.story-audio-modal-content[data-theme=dark]{background:#141821f2;box-shadow:0 8px 32px #7b9fd81a,0 4px 16px #0000004d,inset 0 0 0 1px #ffffff0d}.story-audio-modal-content[data-theme=dark] .story-audio-modal-header .ai-model-btn.active{background:linear-gradient(135deg,#7b9fd8d9,#648cc8d9);border-color:#7b9fd866;box-shadow:0 4px 15px #7b9fd84d;color:#fff}.story-audio-modal-content[data-theme=dark] .audio-info-item>i{color:#7b9fd8}.story-audio-modal-content[data-theme=dark] .story-audio-modal-footer .btn-primary{background:linear-gradient(135deg,#7b9fd8d9,#648cc8d9);border-color:#7b9fd866;box-shadow:0 4px 15px #7b9fd84d}.story-audio-modal-content[data-theme=dark] .story-audio-modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8cafe1e6,#739bd7e6);box-shadow:0 6px 20px #7b9fd866}.story-audio-modal-content[data-theme=matrix]{background:#000800f2;border-color:#0f03;box-shadow:0 8px 32px #00000080,0 0 30px #00ff0026}.story-audio-modal-content[data-theme=matrix] .story-audio-modal-header{border-color:#00ff0026}.story-audio-modal-content[data-theme=matrix] .story-audio-modal-header h3{color:#0f0}.story-audio-modal-content[data-theme=matrix] .story-audio-modal-header .credit-info{color:#00ff0080}.story-audio-modal-content[data-theme=matrix] .story-audio-modal-header .credit-info strong{color:#0f0}.story-audio-modal-content[data-theme=matrix] .story-audio-modal-header .ai-model-btn{background:#001e0080;border-color:#0f03;color:#0f09}.story-audio-modal-content[data-theme=matrix] .story-audio-modal-header .ai-model-btn:hover:not(:disabled){background:#003c0099;border-color:#0f06;color:#0f0}.story-audio-modal-content[data-theme=matrix] .story-audio-modal-header .ai-model-btn.active{background:linear-gradient(135deg,#009600cc,#00c800b3);border:1px solid #0f06;box-shadow:0 4px 15px #00ff0040;color:#fff}.story-audio-modal-content[data-theme=matrix] .story-audio-modal-preview{background:#00140080;border-color:#00ff0026}.story-audio-modal-content[data-theme=matrix] .story-audio-modal-preview .preview-title{color:#0f0}.story-audio-modal-content[data-theme=matrix] .story-audio-modal-preview .preview-subtitle{color:#00ff0080}.story-audio-modal-content[data-theme=matrix] .story-audio-regenerate-section{background:#001e0080;border-color:#0f03}.story-audio-modal-content[data-theme=matrix] .regenerate-label{color:#0f0c}.story-audio-modal-content[data-theme=matrix] .regenerate-toggle input[type=checkbox]{accent-color:#0f0}.story-audio-modal-content[data-theme=matrix] .regenerate-warning{color:#ffc800e6}.story-audio-modal-content[data-theme=matrix] .narration-style-section{background:#001e0080;border-color:#0f03}.story-audio-modal-content[data-theme=matrix] .narration-style-section .style-label{color:#0f0c}.story-audio-modal-content[data-theme=matrix] .narration-style-select{background-color:#001e0099;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%230f0' fill-opacity='.6' d='M6 8 1 3h10z'/%3E%3C/svg%3E");border-color:#0f03;color:#0f0}.story-audio-modal-content[data-theme=matrix] .narration-style-select:hover:not(:disabled){background-color:#003c0099;border-color:#0f06}.story-audio-modal-content[data-theme=matrix] .narration-style-select:focus{border-color:#00ff0080;box-shadow:0 0 0 2px #00ff0026}.story-audio-modal-content[data-theme=matrix] .narration-style-select option{background:#001a00;color:#0f0}.story-audio-modal-content[data-theme=matrix] .narration-style-section .style-description{color:#00ff0080}.story-audio-modal-content[data-theme=matrix] .audio-info-item{background:#001e0080;border-color:#0f03}.story-audio-modal-content[data-theme=matrix] .audio-info-item .info-label,.story-audio-modal-content[data-theme=matrix] .audio-info-item>i{color:#0f0}.story-audio-modal-content[data-theme=matrix] .audio-info-item .info-desc{color:#00ff0080}.story-audio-modal-content[data-theme=matrix] .story-audio-modal-footer{border-color:#00ff0026}.story-audio-modal-content[data-theme=matrix] .story-audio-modal-footer .btn-outline{background:#001e0080;border-color:#0f03;color:#00ff00b3}.story-audio-modal-content[data-theme=matrix] .story-audio-modal-footer .btn-outline:hover:not(:disabled){background:#003c0099;color:#0f0}.story-audio-modal-content[data-theme=matrix] .story-audio-modal-footer .btn-primary{background:linear-gradient(135deg,#009600cc,#00c800b3);border:1px solid #0f06;box-shadow:0 4px 15px #00ff0040}.story-audio-modal-content[data-theme=matrix] .story-audio-modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00b400e6,#00e600cc);box-shadow:0 6px 20px #0f06}.story-audio-modal-content[data-theme=matrix] .story-audio-error-message{background:#ff00001a;border-color:#f003;color:#f66}.story-audio-modal-content[data-theme=retro]{background:#14120ef2;border-color:#ffd70033;box-shadow:0 8px 32px #00000080,0 0 25px #ffd7001a}.story-audio-modal-content[data-theme=retro] .story-audio-modal-header{border-color:#ffd70026}.story-audio-modal-content[data-theme=retro] .story-audio-modal-header h3{color:gold}.story-audio-modal-content[data-theme=retro] .story-audio-modal-header .credit-info{color:#ffd70080}.story-audio-modal-content[data-theme=retro] .story-audio-modal-header .credit-info strong{color:gold}.story-audio-modal-content[data-theme=retro] .story-audio-modal-header .ai-model-btn{background:#28231480;border-color:#ffd70026;color:#ffd70099}.story-audio-modal-content[data-theme=retro] .story-audio-modal-header .ai-model-btn:hover:not(:disabled){background:#3c321e99;border-color:#ffd7004d;color:gold}.story-audio-modal-content[data-theme=retro] .story-audio-modal-header .ai-model-btn.active{background:linear-gradient(135deg,#ffc107d9,#ff9800d9);border-color:#ffd70066;box-shadow:0 4px 15px #ffc1074d;color:#1a1a1a}.story-audio-modal-content[data-theme=retro] .story-audio-modal-preview{background:#1e190f80;border-color:#ffd70026}.story-audio-modal-content[data-theme=retro] .story-audio-modal-preview .preview-title{color:gold}.story-audio-modal-content[data-theme=retro] .story-audio-modal-preview .preview-subtitle{color:#ffd70080}.story-audio-modal-content[data-theme=retro] .story-audio-regenerate-section{background:#28231480;border-color:#ffd70026}.story-audio-modal-content[data-theme=retro] .regenerate-label{color:#ffd700cc}.story-audio-modal-content[data-theme=retro] .regenerate-toggle input[type=checkbox]{accent-color:gold}.story-audio-modal-content[data-theme=retro] .regenerate-warning{color:#ffb400e6}.story-audio-modal-content[data-theme=retro] .narration-style-section{background:#28231480;border-color:#ffd70026}.story-audio-modal-content[data-theme=retro] .narration-style-section .style-label{color:#ffd700cc}.story-audio-modal-content[data-theme=retro] .narration-style-select{background-color:#28231499;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='gold' fill-opacity='.6' d='M6 8 1 3h10z'/%3E%3C/svg%3E");border-color:#ffd70033;color:gold}.story-audio-modal-content[data-theme=retro] .narration-style-select:hover:not(:disabled){background-color:#3c321e99;border-color:#ffd7004d}.story-audio-modal-content[data-theme=retro] .narration-style-select:focus{border-color:#ffd70080;box-shadow:0 0 0 2px #ffd70026}.story-audio-modal-content[data-theme=retro] .narration-style-select option{background:#1a1812;color:gold}.story-audio-modal-content[data-theme=retro] .narration-style-section .style-description{color:#ffd70080}.story-audio-modal-content[data-theme=retro] .audio-info-item{background:#28231480;border-color:#ffd70026}.story-audio-modal-content[data-theme=retro] .audio-info-item .info-label,.story-audio-modal-content[data-theme=retro] .audio-info-item>i{color:gold}.story-audio-modal-content[data-theme=retro] .audio-info-item .info-desc{color:#ffd70080}.story-audio-modal-content[data-theme=retro] .story-audio-modal-footer{border-color:#ffd70026}.story-audio-modal-content[data-theme=retro] .story-audio-modal-footer .btn-outline{background:#28231480;border-color:#ffd70026;color:#ffd700b3}.story-audio-modal-content[data-theme=retro] .story-audio-modal-footer .btn-outline:hover:not(:disabled){background:#3c321e99;color:gold}.story-audio-modal-content[data-theme=retro] .story-audio-modal-footer .btn-primary{background:linear-gradient(135deg,#ffc107d9,#ff9800d9);border-color:#ffd70066;box-shadow:0 4px 15px #ffc1074d;color:#1a1a1a}.story-audio-modal-content[data-theme=retro] .story-audio-modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ffd228e6,#ffaa1ee6);box-shadow:0 6px 20px #ffc10766}.story-audio-modal-content[data-theme=retro] .story-audio-error-message{background:#ff64641a;border-color:#ff646433;color:#ff8080}@media (max-width:480px){.story-audio-modal-content{border-radius:16px;margin:8px;max-height:92vh;max-width:95%}.story-audio-modal-header{padding:12px 14px}.story-audio-modal-header h3{font-size:.9rem}.story-audio-modal-body{padding:12px 14px}.story-audio-modal-footer{padding:10px 14px 12px}.story-audio-modal-footer .btn{flex:1 1;font-size:.8rem;padding:10px 12px}.audio-info-item{padding:10px}.audio-info-item .info-label{font-size:.75rem}.audio-info-item .info-desc{font-size:.65rem}}.story-video-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.story-video-modal-content{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#141821eb;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff0d;max-height:90vh;max-width:420px;overflow-y:auto;position:relative;width:92%}.story-video-modal-content.compact{max-width:320px}.story-video-modal-header{border-bottom:1px solid #ffffff0f;display:flex;flex-direction:column;padding:14px 16px;position:relative}.story-video-modal-header h2{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.02em;margin:0}.story-video-modal-header h2 i{font-size:1.1rem;opacity:.9}.story-video-modal-header .header-subtitle{align-items:center;color:#34c759e6;display:flex;font-size:.75rem;margin:4px 0 0}.story-video-modal-header .close-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:1.1rem;height:28px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;transition:all .2s ease;width:28px}.story-video-modal-header .close-btn:hover{background:#ffffff26;color:#fff}.story-video-modal-body{display:flex;flex-direction:column;gap:12px;padding:14px}.story-video-error-message{background:#ff3b301a;border:1px solid #ff3b3033;border-radius:10px;color:#ff6b6b}.story-video-error-message,.story-video-warning{align-items:center;display:flex;font-size:.8rem;padding:10px 12px}.story-video-warning{background:#ffc1071a;border:1px solid #ffc10733;border-radius:10px;color:#ffc107}.export-preview-step,.export-progress-step,.export-settings-step{display:flex;flex-direction:column;gap:12px}.control-group{display:flex;flex-direction:column;gap:6px}.control-group>label{color:#ffffff80;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.shape-buttons{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.shape-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:#ffffff80;cursor:pointer;display:flex;flex-direction:column;gap:2px;justify-content:center;padding:8px 4px;transition:all .2s ease}.shape-btn i{font-size:1rem}.shape-btn span{font-size:.65rem;font-weight:500}.shape-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;color:#fffc}.shape-btn.active{background:#ffffff1f;border-color:#ffffff59;color:#fff}.shape-btn:disabled{cursor:not-allowed;opacity:.4}.hd-toggle,.quality-toggle{align-items:center;display:flex}.hd-toggle{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;cursor:pointer;gap:10px;padding:10px 12px;transition:all .2s ease;width:100%}.hd-toggle:hover{background:#ffffff0f}.hd-toggle input[type=checkbox]{accent-color:#fff;cursor:pointer;height:16px;width:16px}.hd-toggle input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}.hd-label{color:#fff;font-size:.85rem;font-weight:600;min-width:28px}.quality-desc{color:#ffffff80;flex:1 1;font-size:.8rem}.preview-container{align-items:center;background:#0006;border:1px solid #ffffff0f;border-radius:14px;display:flex;justify-content:center;overflow:hidden;position:relative}.canvas-scale-wrapper{background:#000;border-radius:12px;overflow:hidden}.preview-play-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:2px solid #ffffff40;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:52px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .25s cubic-bezier(.4,0,.2,1);width:52px;z-index:10}.preview-play-btn:hover{background:#ffffff40;border-color:#fff6;transform:translate(-50%,-50%) scale(1.08)}.preview-play-btn.playing{background:#ff3b304d;border-color:#ff3b3080}.preview-play-btn.playing:hover{background:#ff3b3066}.scene-indicator{bottom:12px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.scene-dot{background:#ffffff4d;border-radius:50%;height:8px;transition:all .2s ease;width:8px}.scene-dot.active{background:#fff;box-shadow:0 0 8px #ffffff80}.scene-dot.brand-dot{background:#ffc1074d;border:1px solid #ffc10766;height:6px;width:6px}.scene-dot.brand-dot.active{background:#ffc107;box-shadow:0 0 8px #ffc10799}.video-dimensions-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #ffffff1a;border-radius:6px;bottom:8px;color:#ffffffb3;font-family:monospace;font-size:.7rem;padding:4px 8px;position:absolute;right:8px}.export-specs{grid-gap:8px;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:14px}.spec-item{display:flex;flex-direction:column;gap:2px}.spec-label{color:#fff6;font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.spec-value{color:#fff;font-size:.85rem;font-weight:500}.export-status{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:14px;text-align:center}.status-indicator{align-items:center;color:#fff;display:flex;flex-wrap:nowrap;font-size:.9rem;gap:10px;justify-content:center}.status-indicator i{color:#34c759;flex-shrink:0;font-size:1.1rem}.status-indicator.success{color:#34c759}.status-text{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-bar-container{align-items:center;background:#ffffff1a;border-radius:6px;display:flex;height:24px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#ffffff26,#ffffff40);border-radius:6px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.progress-bar-rec{align-items:center;color:#ff3b30;display:flex;font-size:.65rem;font-weight:700;gap:4px;letter-spacing:.05em;padding:0 8px;text-transform:uppercase;z-index:1}.recording-dot{animation:pulse-dot 1s infinite;background:#ff3b30;border-radius:50%;height:6px;width:6px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.progress-bar-percent{color:#fffc;font-size:.75rem;font-weight:600;margin-left:auto;padding-right:10px;z-index:1}.progress-status-text{color:#ffffff80;font-size:.75rem;margin-top:8px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.action-buttons{border-top:1px solid #ffffff0f;display:flex;gap:8px;margin-top:4px;padding-top:12px}.action-buttons button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.action-buttons button:disabled{cursor:not-allowed;opacity:.4}.action-buttons.three-buttons{gap:6px}.action-buttons.three-buttons button{flex:1 1;font-size:.8rem;padding:10px 12px}.preview-btn{background:#ffffff14;border:1px solid #ffffff26!important;color:#ffffffe6}.preview-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40!important}.preview-btn i{font-size:.95rem}.export-btn-primary{background:#ffffff26;border:1px solid #ffffff40!important;box-shadow:0 2px 8px #0003;color:#fff}.export-btn-primary:hover:not(:disabled){background:#ffffff38;border-color:#ffffff59!important;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.export-btn-primary i{font-size:1rem}.preview-btn-large{font-size:.95rem!important;padding:14px 20px!important;width:100%}.back-btn,.cancel-btn{background:#ffffff0a;border:1px solid #ffffff14!important;color:#fff9}.back-btn:hover:not(:disabled),.cancel-btn:hover:not(:disabled){background:#ffffff14;color:#ffffffe6}.story-video-modal-content[data-theme=light]{background:#fffffff2;border-color:#00000014;box-shadow:0 8px 32px #6b93ff1f,0 4px 16px #00000014,inset 0 0 0 1px #0000000d}.story-video-modal-content[data-theme=light] .story-video-modal-header{border-color:#0000000f}.story-video-modal-content[data-theme=light] .story-video-modal-header h2{color:#1a1a2e}.story-video-modal-content[data-theme=light] .story-video-modal-header .header-subtitle{color:#28a745e6}.story-video-modal-content[data-theme=light] .story-video-modal-header .close-btn{background:#0000000a;border-color:#00000014;color:#00000080}.story-video-modal-content[data-theme=light] .story-video-modal-header .close-btn:hover{background:#00000014;color:#000c}.story-video-modal-content[data-theme=light] .control-group>label{color:#00000080}.story-video-modal-content[data-theme=light] .preview-container{background:#0000000a;border-color:#00000014}.story-video-modal-content[data-theme=light] .shape-btn{background:#00000008;border-color:#00000014;color:#0009}.story-video-modal-content[data-theme=light] .shape-btn:hover:not(:disabled){background:#0000000f;color:#000c}.story-video-modal-content[data-theme=light] .shape-btn.active{background:#6b93ff1f;border-color:#6b93ff80;box-shadow:0 0 10px #6b93ff40;color:#4a6ecc}.story-video-modal-content[data-theme=light] .hd-toggle{background:#00000008;border-color:#00000014}.story-video-modal-content[data-theme=light] .hd-toggle input[type=checkbox]{accent-color:#1a1a2e}.story-video-modal-content[data-theme=light] .hd-label{color:#1a1a2e}.story-video-modal-content[data-theme=light] .quality-desc{color:#00000080}.story-video-modal-content[data-theme=light] .action-buttons{border-color:#0000000f}.story-video-modal-content[data-theme=light] .export-btn-primary{background:linear-gradient(135deg,#6b93ffe6,#5078dce6);border-color:#6b93ff66!important;box-shadow:0 4px 15px #6b93ff4d;color:#fff}.story-video-modal-content[data-theme=light] .export-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#78a0fff2,#5a82e6f2);box-shadow:0 6px 20px #6b93ff66}.story-video-modal-content[data-theme=light] .back-btn,.story-video-modal-content[data-theme=light] .cancel-btn{background:#0000000a;border-color:#0000001a!important;color:#000000b3}.story-video-modal-content[data-theme=light] .back-btn:hover:not(:disabled),.story-video-modal-content[data-theme=light] .cancel-btn:hover:not(:disabled){background:#00000014;color:#000000e6}.story-video-modal-content[data-theme=light] .preview-btn{background:#6b93ff1a;border-color:#6b93ff4d!important;color:#6b93ff}.story-video-modal-content[data-theme=light] .preview-btn:hover:not(:disabled){background:#6b93ff33;border-color:#6b93ff80!important}.story-video-modal-content[data-theme=light] .export-status{background:#00000005;border-color:#0000000f}.story-video-modal-content[data-theme=light] .status-indicator{color:#1a1a2e}.story-video-modal-content[data-theme=light] .export-specs{background:#00000005;border-color:#0000000f}.story-video-modal-content[data-theme=light] .spec-label{color:#0006}.story-video-modal-content[data-theme=light] .spec-value{color:#1a1a2e}.story-video-modal-content[data-theme=light] .progress-bar-container{background:#00000014}.story-video-modal-content[data-theme=light] .progress-bar-fill{background:linear-gradient(90deg,#6b93ffb3,#5078dccc)}.story-video-modal-content[data-theme=light] .progress-bar-percent{color:#000000b3}.story-video-modal-content[data-theme=light] .progress-status-text{color:#00000080}.story-video-modal-content[data-theme=light] .video-dimensions-badge{background:#ffffffe6;border-color:#0000001a;color:#0009}.story-video-modal-content[data-theme=light] .scene-dot{background:#0003}.story-video-modal-content[data-theme=light] .scene-dot.active{background:#4a6ecc;box-shadow:0 0 8px #6b93ff80}.story-video-modal-content[data-theme=light] .scene-dot.brand-dot{background:#ff980033;border-color:#ff980066}.story-video-modal-content[data-theme=light] .scene-dot.brand-dot.active{background:#ff9800;box-shadow:0 0 8px #ff980080}.story-video-modal-content[data-theme=dark]{background:#141821f2;box-shadow:0 8px 32px #7b9fd81a,0 4px 16px #0000004d,inset 0 0 0 1px #ffffff0d}.story-video-modal-content[data-theme=dark] .shape-btn.active{background:#7b9fd826;border-color:#7b9fd880;box-shadow:0 0 10px #7b9fd840;color:#7b9fd8}.story-video-modal-content[data-theme=dark] .export-btn-primary{background:linear-gradient(135deg,#7b9fd8d9,#648cc8d9);border-color:#7b9fd866!important;box-shadow:0 4px 15px #7b9fd84d;color:#fff}.story-video-modal-content[data-theme=dark] .export-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8cafe1e6,#739bd7e6);box-shadow:0 6px 20px #7b9fd866}.story-video-modal-content[data-theme=dark] .progress-bar-fill{background:linear-gradient(90deg,#7b9fd8b3,#648cc8cc)}.story-video-modal-content[data-theme=dark] .scene-dot.active{background:#7b9fd8;box-shadow:0 0 8px #7b9fd880}.story-video-modal-content[data-theme=dark] .scene-dot.brand-dot{background:#ffc10733;border-color:#ffc10766}.story-video-modal-content[data-theme=dark] .scene-dot.brand-dot.active{background:#ffc107;box-shadow:0 0 8px #ffc10799}.story-video-modal-content[data-theme=matrix]{background:#000800f2;border-color:#0f03;box-shadow:0 8px 32px #00000080,0 0 30px #00ff0026}.story-video-modal-content[data-theme=matrix] .story-video-modal-header{border-color:#00ff0026}.story-video-modal-content[data-theme=matrix] .story-video-modal-header h2{color:#0f0}.story-video-modal-content[data-theme=matrix] .story-video-modal-header .header-subtitle{color:#00ff00b3}.story-video-modal-content[data-theme=matrix] .story-video-modal-header .close-btn{background:#00320080;border-color:#00ff004d;color:#0f0}.story-video-modal-content[data-theme=matrix] .story-video-modal-header .close-btn:hover{background:#00640099;box-shadow:0 0 10px #00ff004d}.story-video-modal-content[data-theme=matrix] .control-group>label{color:#0f09}.story-video-modal-content[data-theme=matrix] .preview-container{background:#00140080;border-color:#00ff0026}.story-video-modal-content[data-theme=matrix] .preview-play-btn{background:#0064004d;border-color:#0f06;color:#0f0}.story-video-modal-content[data-theme=matrix] .preview-play-btn:hover{background:#00960066;box-shadow:0 0 15px #0f06}.story-video-modal-content[data-theme=matrix] .shape-btn{background:#001e0080;border-color:#0f03;color:#0f09}.story-video-modal-content[data-theme=matrix] .shape-btn:hover:not(:disabled){background:#003c0099;border-color:#0f06;color:#0f0}.story-video-modal-content[data-theme=matrix] .shape-btn.active{background:#00ff0026;border-color:#00ff0080;box-shadow:0 0 10px #00ff004d;color:#0f0}.story-video-modal-content[data-theme=matrix] .hd-toggle{background:#001e0080;border-color:#0f03}.story-video-modal-content[data-theme=matrix] .hd-label{color:#0f0}.story-video-modal-content[data-theme=matrix] .quality-desc{color:#00ff0080}.story-video-modal-content[data-theme=matrix] .action-buttons{border-color:#00ff0026}.story-video-modal-content[data-theme=matrix] .export-btn-primary{background:linear-gradient(135deg,#009600cc,#00c800b3);border:1px solid #0f06;box-shadow:0 4px 15px #00ff0040}.story-video-modal-content[data-theme=matrix] .export-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00b400e6,#00e600cc);box-shadow:0 6px 20px #0f06}.story-video-modal-content[data-theme=matrix] .back-btn,.story-video-modal-content[data-theme=matrix] .cancel-btn{background:#001e0080;border-color:#0f03!important;color:#00ff00b3}.story-video-modal-content[data-theme=matrix] .back-btn:hover:not(:disabled),.story-video-modal-content[data-theme=matrix] .cancel-btn:hover:not(:disabled){background:#003c0099;color:#0f0}.story-video-modal-content[data-theme=matrix] .preview-btn{background:#003c0080;border-color:#00ff004d!important;color:#0f0}.story-video-modal-content[data-theme=matrix] .preview-btn:hover:not(:disabled){background:#00640099;border-color:#00ff0080!important}.story-video-modal-content[data-theme=matrix] .export-specs{background:#001e0066;border-color:#00ff0026}.story-video-modal-content[data-theme=matrix] .spec-label{color:#0f06}.story-video-modal-content[data-theme=matrix] .spec-value{color:#0f0}.story-video-modal-content[data-theme=matrix] .export-status{background:#00280066;border-color:#00ff0026}.story-video-modal-content[data-theme=matrix] .status-indicator{color:#0f0}.story-video-modal-content[data-theme=matrix] .progress-bar-container{background:#00320066}.story-video-modal-content[data-theme=matrix] .progress-bar-fill{background:linear-gradient(90deg,#0f0,#0a0)}.story-video-modal-content[data-theme=matrix] .progress-bar-rec{color:#0f0}.story-video-modal-content[data-theme=matrix] .progress-bar-percent{color:#0f0c}.story-video-modal-content[data-theme=matrix] .progress-status-text{color:#00ff0080}.story-video-modal-content[data-theme=matrix] .video-dimensions-badge{background:#001e00cc;border-color:#0f03;color:#00ff00b3}.story-video-modal-content[data-theme=matrix] .scene-dot{background:#00ff004d}.story-video-modal-content[data-theme=matrix] .scene-dot.active{background:#0f0;box-shadow:0 0 8px #00ff0080}.story-video-modal-content[data-theme=matrix] .scene-dot.brand-dot{background:#00ff6433;border-color:#00ff6466}.story-video-modal-content[data-theme=matrix] .scene-dot.brand-dot.active{background:#00ff64;box-shadow:0 0 8px #00ff6499}.story-video-modal-content[data-theme=retro]{background:#14120ef2;border-color:#ffd70033;box-shadow:0 8px 32px #00000080,0 0 25px #ffd7001a}.story-video-modal-content[data-theme=retro] .story-video-modal-header{border-color:#ffd70026}.story-video-modal-content[data-theme=retro] .story-video-modal-header h2{color:gold}.story-video-modal-content[data-theme=retro] .story-video-modal-header .header-subtitle{color:#ffd700b3}.story-video-modal-content[data-theme=retro] .story-video-modal-header .close-btn{background:#322d1e99;border-color:#ffd70040;color:gold}.story-video-modal-content[data-theme=retro] .story-video-modal-header .close-btn:hover{background:#50462db3}.story-video-modal-content[data-theme=retro] .control-group>label{color:#ffd70099}.story-video-modal-content[data-theme=retro] .preview-container{background:#1e190f80;border-color:#ffd70026}.story-video-modal-content[data-theme=retro] .preview-play-btn{background:#64552866;border-color:#ffd70066;color:gold}.story-video-modal-content[data-theme=retro] .preview-play-btn:hover{background:#826e3280}.story-video-modal-content[data-theme=retro] .shape-btn{background:#28231480;border-color:#ffd70026;color:#ffd70099}.story-video-modal-content[data-theme=retro] .shape-btn:hover:not(:disabled){background:#3c321e99;border-color:#ffd7004d;color:gold}.story-video-modal-content[data-theme=retro] .shape-btn.active{background:#ffd70026;border-color:#ffd70066;color:gold}.story-video-modal-content[data-theme=retro] .hd-toggle{background:#28231480;border-color:#ffd70026}.story-video-modal-content[data-theme=retro] .hd-label{color:gold}.story-video-modal-content[data-theme=retro] .quality-desc{color:#ffd70080}.story-video-modal-content[data-theme=retro] .action-buttons{border-color:#ffd70026}.story-video-modal-content[data-theme=retro] .export-btn-primary{background:linear-gradient(135deg,#ffc107d9,#ff9800d9);box-shadow:0 4px 15px #ffc1074d;color:#1a1a1a}.story-video-modal-content[data-theme=retro] .export-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ffd228e6,#ffaa1ee6);box-shadow:0 6px 20px #ffc10766}.story-video-modal-content[data-theme=retro] .back-btn,.story-video-modal-content[data-theme=retro] .cancel-btn{background:#28231480;border-color:#ffd70026!important;color:#ffd700b3}.story-video-modal-content[data-theme=retro] .back-btn:hover:not(:disabled),.story-video-modal-content[data-theme=retro] .cancel-btn:hover:not(:disabled){background:#3c321e99;color:gold}.story-video-modal-content[data-theme=retro] .preview-btn{background:#ffc10726;border-color:#ffd7004d!important;color:gold}.story-video-modal-content[data-theme=retro] .preview-btn:hover:not(:disabled){background:#ffc10740;border-color:#ffd70080!important}.story-video-modal-content[data-theme=retro] .export-specs{background:#28231466;border-color:#ffd70026}.story-video-modal-content[data-theme=retro] .spec-label{color:#ffd70066}.story-video-modal-content[data-theme=retro] .spec-value{color:gold}.story-video-modal-content[data-theme=retro] .export-status{background:#322d1966;border-color:#ffd70026}.story-video-modal-content[data-theme=retro] .status-indicator{color:gold}.story-video-modal-content[data-theme=retro] .progress-bar-container{background:#3c321e80}.story-video-modal-content[data-theme=retro] .progress-bar-fill{background:linear-gradient(90deg,gold,#ff9800)}.story-video-modal-content[data-theme=retro] .progress-bar-rec{color:#ff6b6b}.story-video-modal-content[data-theme=retro] .progress-bar-percent{color:#ffd700cc}.story-video-modal-content[data-theme=retro] .progress-status-text{color:#ffd70080}.story-video-modal-content[data-theme=retro] .video-dimensions-badge{background:#282314cc;border-color:#ffd70033;color:#ffd700b3}.story-video-modal-content[data-theme=retro] .scene-dot{background:#ffd7004d}.story-video-modal-content[data-theme=retro] .scene-dot.active{background:gold;box-shadow:0 0 8px #ffd70080}.story-video-modal-content[data-theme=retro] .scene-dot.brand-dot{background:#ff8c0033;border-color:#ff8c0066}.story-video-modal-content[data-theme=retro] .scene-dot.brand-dot.active{background:#ff8c00;box-shadow:0 0 8px #ff8c0099}.export-method-toggle,.method-btn{display:flex;gap:6px}.method-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:#ffffff80;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;justify-content:center;padding:10px 12px;position:relative;transition:all .2s ease}.method-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;color:#fffc}.method-btn.active{background:#ffffff1f;border-color:#ffffff59;color:#fff}.method-btn:disabled{cursor:not-allowed;opacity:.4}.method-btn i{font-size:1rem}.method-badge{background:linear-gradient(135deg,#34c759,#28a745);border-radius:4px;color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.02em;padding:2px 5px;position:absolute;right:-6px;text-transform:uppercase;top:-6px}.export-method-desc{color:#fff6;font-size:.7rem;margin-top:4px;text-align:center}.cloud-download-section{align-items:center;background:#34c7591a;border:1px solid #34c75933;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:14px}.cloud-download-btn{align-items:center;background:linear-gradient(135deg,#34c759e6,#28a745e6);border-radius:10px;box-shadow:0 4px 15px #34c7594d;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .25s ease}.cloud-download-btn:hover{background:linear-gradient(135deg,#3cd264f2,#32b450f2);box-shadow:0 6px 20px #34c75966;transform:translateY(-1px)}.cloud-download-btn i{font-size:1.1rem}.cloud-download-note{color:#34c759b3;font-size:.7rem;margin:0}.progress-bar-rec.cloud{color:#34c759}.progress-bar-rec.cloud i{font-size:.85rem}.status-indicator.error,.status-indicator.error i{color:#ff6b6b}.story-video-modal-content[data-theme=light] .method-btn{background:#00000008;border-color:#00000014;color:#00000080}.story-video-modal-content[data-theme=light] .method-btn:hover:not(:disabled){background:#0000000f;color:#000c}.story-video-modal-content[data-theme=light] .method-btn.active{background:#6b93ff1f;border-color:#6b93ff80;color:#4a6ecc}.story-video-modal-content[data-theme=light] .export-method-desc{color:#0006}.story-video-modal-content[data-theme=light] .cloud-download-section{background:#34c75914;border-color:#34c75926}.story-video-modal-content[data-theme=dark] .method-btn.active{background:#7b9fd826;border-color:#7b9fd880;color:#7b9fd8}.story-video-modal-content[data-theme=matrix] .method-btn{background:#001e0080;border-color:#0f03;color:#0f09}.story-video-modal-content[data-theme=matrix] .method-btn:hover:not(:disabled){background:#003c0099;color:#0f0}.story-video-modal-content[data-theme=matrix] .method-btn.active{background:#00ff0026;border-color:#00ff0080;color:#0f0}.story-video-modal-content[data-theme=matrix] .export-method-desc{color:#0f06}.story-video-modal-content[data-theme=matrix] .method-badge{background:linear-gradient(135deg,#0f0,#0a0);color:#000}.story-video-modal-content[data-theme=matrix] .cloud-download-section{background:#00ff000d;border-color:#0f03}.story-video-modal-content[data-theme=matrix] .cloud-download-btn{background:linear-gradient(135deg,#009600cc,#00c800b3)}.story-video-modal-content[data-theme=matrix] .cloud-download-note{color:#00ff0080}.story-video-modal-content[data-theme=matrix] .progress-bar-rec.cloud{color:#0f0}.story-video-modal-content[data-theme=retro] .method-btn{background:#28231480;border-color:#ffd70026;color:#ffd70099}.story-video-modal-content[data-theme=retro] .method-btn:hover:not(:disabled){background:#3c321e99;color:gold}.story-video-modal-content[data-theme=retro] .method-btn.active{background:#ffd70026;border-color:#ffd70066;color:gold}.story-video-modal-content[data-theme=retro] .export-method-desc{color:#ffd70066}.story-video-modal-content[data-theme=retro] .method-badge{background:linear-gradient(135deg,#ffc107,#ff9800);color:#1a1a1a}.story-video-modal-content[data-theme=retro] .cloud-download-section{background:#ffc10714;border-color:#ffc10733}.story-video-modal-content[data-theme=retro] .cloud-download-btn{background:linear-gradient(135deg,#ffc107d9,#ff9800d9);color:#1a1a1a}.story-video-modal-content[data-theme=retro] .cloud-download-note{color:#ffc10799}.story-video-modal-content[data-theme=retro] .progress-bar-rec.cloud{color:#ffc107}@media (max-width:480px){.story-video-modal-content{border-radius:16px;margin:8px;max-height:92vh;max-width:95%}.story-video-modal-header{padding:12px 14px}.story-video-modal-header h2{font-size:.9rem}.story-video-modal-body{gap:10px;padding:12px}.control-group>label{font-size:.65rem}.shape-buttons{gap:4px}.shape-btn{padding:6px 3px}.shape-btn i{font-size:.9rem}.shape-btn span{font-size:.6rem}.hd-toggle{padding:8px 10px}.action-buttons{gap:6px;padding-top:10px}.action-buttons button{font-size:.8rem;padding:10px 12px}.preview-play-btn{font-size:1.1rem;height:44px;width:44px}.scene-indicator{bottom:10px}.scene-dot{height:6px;width:6px}.scene-dot.brand-dot{height:5px;width:5px}.method-btn{font-size:.8rem;padding:8px 10px}.method-btn i{font-size:.9rem}.method-badge{font-size:.5rem;padding:1px 4px;right:-5px;top:-5px}.export-method-desc{font-size:.65rem}.cloud-download-section{padding:12px}.cloud-download-btn{font-size:.85rem;padding:10px 20px}}.panel-editor-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1050}.panel-editor-modal{background:#1a1a2e;background:var(--surface-color,#1a1a2e);border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:100%}.panel-editor-overlay.light .panel-editor-modal{background:#fff}.panel-editor-overlay.dark .panel-editor-modal{background:#1a1a2e}.panel-editor-overlay.matrix .panel-editor-modal{background:#0d0d0d;border:1px solid #0f0}.panel-editor-overlay.retro .panel-editor-modal{background:#2d1b4e;border:2px solid #ff6b9d}.panel-editor-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 20px}.panel-editor-header h3{color:#fff;color:var(--text-color,#fff);font-size:1.1rem;font-weight:600;margin:0}.panel-editor-footer .panel-count-control{align-items:center;display:flex;gap:8px}.panel-editor-footer .panel-count-control label{color:#888;color:var(--text-secondary,#888);font-size:.875rem;margin:0}.panel-editor-footer .panel-count-control .numeric-updown{align-items:center;background:#ffffff1a;border-radius:6px;display:flex;gap:2px;padding:2px}.panel-editor-footer .panel-count-control .updown-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;color:var(--text-color,#fff);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .2s;width:28px}.panel-editor-footer .panel-count-control .updown-btn:hover:not(:disabled){background:#ffffff26}.panel-editor-footer .panel-count-control .updown-btn:disabled{cursor:not-allowed;opacity:.3}.panel-editor-footer .panel-count-control .panel-count-value{color:#fff;color:var(--text-color,#fff);font-size:.95rem;font-weight:600;min-width:2.5ch;padding:0 4px;text-align:center}.panel-editor-footer .panel-count-control .count-changed-hint{color:#ffc107;font-size:.75rem;font-style:italic}.nav-arrow-btn{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;color:var(--text-color,#fff);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:8px 12px;transition:all .2s}.nav-arrow-btn:hover:not(:disabled){background:#fff3}.nav-arrow-btn:disabled{cursor:not-allowed;opacity:.3}.modified-badge{color:#ffc107;font-size:1.2rem;margin-left:4px}.panel-editor-header .close-btn{background:#0000;border:none;border-radius:4px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:1.25rem;padding:4px 8px;transition:all .2s}.panel-editor-header .close-btn:hover{background:#ffffff1a;color:#fff}.panel-nav-below{align-items:center;background:#00000026;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:12px;padding:16px 20px}.panel-nav-row{align-items:center;display:flex;gap:16px}.panel-info{text-align:center}.scene-label{color:#fff;color:var(--text-color,#fff);font-size:1rem;font-weight:600}.scene-description{color:#aaa;color:var(--text-secondary,#aaa);font-size:.875rem;font-style:italic;line-height:1.4;max-width:600px;padding:8px 20px;text-align:center}.panel-thumbnails{gap:6px;max-width:100%;overflow-x:auto;padding:8px 0}.panel-thumb-btn,.panel-thumbnails{display:flex;justify-content:center}.panel-thumb-btn{align-items:center;background:#ffffff0d;border:2px solid #fff3;border-radius:6px;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:.75rem;font-weight:600;height:32px;min-width:32px;position:relative;transition:all .2s}.panel-thumb-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.panel-thumb-btn.active{background:#00bfff;border-color:#00bfff;color:#000}.panel-thumb-btn.modified:not(.active){border-color:#ffc107}.modified-dot{background:#ffc107;border-radius:50%;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.changes-indicator{background:#ffc10726;border-radius:4px;color:#ffc107;font-size:.8rem;font-weight:500;padding:4px 10px}.auto-detect-controls{align-items:center;border-right:1px solid #ffffff26;display:flex;gap:6px;margin-right:4px;padding-right:12px}.auto-detect-controls .grid-select{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;color:var(--text-color,#fff);font-size:.8rem;min-width:75px;padding:4px 8px;width:auto}.auto-detect-controls .grid-select:focus{border-color:#ffc107;outline:none}.auto-detect-controls .grid-separator{color:#888;color:var(--text-secondary,#888);font-size:.8rem;font-weight:500}.panel-editor-overlay.light .auto-detect-controls{border-right-color:#0000001a}.panel-editor-overlay.light .auto-detect-controls .grid-select{background:#0000000d;border-color:#00000026;color:#333}.panel-editor-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:300px;overflow:auto;padding:20px}.panel-editor-error,.panel-editor-loading{align-items:center;color:#aaa;color:var(--text-secondary,#aaa);display:flex;flex-direction:column;gap:12px}.panel-editor-loading i{font-size:2rem}.panel-editor-loading i.spinning{animation:spin 1s linear infinite}.panel-editor-error{color:#ff6b6b}.panel-editor-error i{font-size:2rem}.panel-editor-canvas-container{align-items:center;display:flex;flex-direction:column;gap:12px}.panel-editor-canvas-container canvas{border:1px solid #fff3;border-radius:8px;cursor:crosshair}.panel-editor-instructions{align-items:center;color:#888;color:var(--text-secondary,#888);display:flex;font-size:.875rem;gap:8px}.panel-editor-instructions i{color:#00bfff}.panel-editor-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.panel-editor-actions{display:flex;gap:8px}.panel-editor-actions .btn{align-items:center;display:flex;font-size:.9rem;gap:6px;padding:8px 16px}.panel-editor-actions .btn i{font-size:1rem}.panel-editor-overlay.light .panel-editor-header h3{color:#333}.panel-editor-overlay.light .panel-nav-below{background:#00000008;border-top-color:#0000001a}.panel-editor-overlay.light .scene-label{color:#333}.panel-editor-overlay.light .scene-description{color:#666}.panel-editor-overlay.light .nav-arrow-btn{background:#0000000d;color:#333}.panel-editor-overlay.light .nav-arrow-btn:hover:not(:disabled){background:#0000001a}.panel-editor-overlay.light .panel-thumb-btn{background:#00000008;border-color:#00000026;color:#666}.panel-editor-overlay.light .panel-thumb-btn:hover{background:#0000000f;border-color:#00000040}.panel-editor-overlay.light .panel-count-control .numeric-updown{background:#0000000f}.panel-editor-overlay.light .panel-count-control .updown-btn{color:#333}.panel-editor-overlay.light .panel-count-control .updown-btn:hover:not(:disabled){background:#0000001a}.panel-editor-overlay.light .panel-count-control .panel-count-value{color:#333}.panel-editor-overlay.matrix .panel-editor-actions .btn-primary{background:#0f0;border-color:#0f0;color:#000}.panel-editor-overlay.retro .panel-editor-actions .btn-primary{background:linear-gradient(135deg,#ff6b9d,#c44fd0);border:none}@media (max-width:768px){.panel-editor-modal{border-radius:0;max-height:100vh;max-width:100vw}.panel-nav-below{gap:10px;padding:12px 16px}.panel-nav-row{gap:12px}.scene-label{font-size:.9rem}.scene-description{font-size:.8rem;padding:6px 12px}.panel-editor-footer{flex-direction:column;gap:12px}.panel-count-control{justify-content:center;width:100%}.panel-editor-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.auto-detect-controls{border-bottom:1px solid #ffffff26;border-right:none;justify-content:center;margin-bottom:4px;margin-right:0;padding-bottom:10px;padding-right:0;width:100%}.panel-editor-overlay.light .auto-detect-controls{border-bottom-color:#0000001a}}.home-container{background:var(--background-primary);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;padding-bottom:70px;padding-top:60px}.home-content{align-items:stretch;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:1200px;padding:20px;width:100%}.home-content.with-filter-pills{padding-top:60px}.home-footer{align-items:center;background:var(--background-secondary);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;gap:.75rem;justify-content:space-between;left:0;padding:.625rem;position:fixed;right:0;width:100%;z-index:998}.footer-new-excerpt-btn{flex:0 0 auto;font-size:.95rem;padding:.625rem 1rem}.footer-action-btn{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;height:48px;justify-content:center;min-height:48px;min-width:48px;transition:all .2s ease;width:48px}.footer-action-btn:focus{outline:none}.footer-action-btn:hover{background:var(--hover-overlay);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.footer-action-btn:active{background:var(--primary-500);border-color:var(--primary-600);transform:scale(.95)}.footer-action-btn.active{background:var(--background-tertiary);border-color:var(--border-color);color:var(--primary-500)}.footer-action-btn:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px}.footer-action-btn.disabled-placeholder{cursor:not-allowed;opacity:.4}.footer-action-btn.disabled-placeholder:hover{background:var(--background-tertiary);border-color:var(--border-color);color:var(--text-primary);transform:none}[data-theme=matrix] .footer-action-btn:hover{border-color:#00ff41;box-shadow:0 0 10px #00ff414d;color:#00ff41}[data-theme=matrix] .footer-action-btn.active{background:var(--background-tertiary);border-color:var(--border-color);box-shadow:0 0 15px #00ff4180;color:var(--primary-500)}[data-theme=retro] .footer-action-btn.active{color:#f7931e}[data-theme=retro] .footer-action-btn:hover{border-color:#f7931e;color:#f7931e}.font-size-controls{background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:24px;gap:.375rem;padding:.25rem}.font-size-controls .footer-action-btn{border-radius:50%;height:44px;min-height:44px;min-width:44px;width:44px}.font-size-controls .footer-action-btn:disabled{cursor:not-allowed;opacity:.4}.font-size-controls .footer-action-btn:disabled:hover{background:var(--background-tertiary);border-color:var(--border-color);color:var(--text-primary);transform:none}[data-theme=matrix] .font-size-controls{background:#00ff410d;border-color:#00ff41}[data-theme=matrix] .font-size-controls .footer-action-btn{background:#00ff411a}[data-theme=matrix] .font-size-controls .footer-action-btn:disabled:hover{background:#00ff411a;border-color:var(--border-color);box-shadow:none}.excerpt-navigation-controls{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:24px;display:flex;gap:.375rem;padding:.25rem}.navigation-counter{color:var(--text-secondary);font-size:.75rem;font-weight:var(--font-medium);min-width:2.5rem;text-align:center;-webkit-user-select:none;user-select:none}.excerpt-navigation-controls .footer-action-btn{border-radius:50%;height:44px;min-height:44px;min-width:44px;width:44px}.excerpt-navigation-controls .footer-action-btn:disabled{cursor:not-allowed;opacity:.4}.excerpt-navigation-controls .footer-action-btn:disabled:hover{background:var(--background-tertiary);border-color:var(--border-color);color:var(--text-primary);transform:none}.excerpt-navigation-controls .footer-action-btn.shuffle-active{background:var(--primary-500);border-color:var(--primary-500);color:var(--background-primary)}.excerpt-navigation-controls .footer-action-btn.shuffle-active:hover{background:var(--primary-500);border-color:var(--primary-500);opacity:.9;transform:translateY(-2px)}[data-theme=matrix] .excerpt-navigation-controls{background:#00ff410d;border-color:#00ff41}[data-theme=matrix] .excerpt-navigation-controls .footer-action-btn{background:#00ff411a}[data-theme=matrix] .excerpt-navigation-controls .footer-action-btn:disabled:hover{background:#00ff411a;border-color:var(--border-color);box-shadow:none}[data-theme=matrix] .excerpt-navigation-controls .footer-action-btn.shuffle-active{background:var(--primary-500);border-color:var(--primary-500);box-shadow:0 0 15px #00ff4180;color:var(--background-primary)}[data-theme=matrix] .excerpt-navigation-controls .footer-action-btn.shuffle-active:hover{background:var(--primary-500);border-color:var(--primary-500);box-shadow:0 0 20px #00ff41b3;opacity:.9}.home-header{margin-bottom:3rem;padding:2rem 0;text-align:center}.home-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--primary-color));-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:.5rem}.home-header .subtitle{color:var(--text-secondary);font-size:1.25rem;font-weight:300}[data-theme=matrix] .home-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00ff41,#00aa2b);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 20px #00ff4180}[data-theme=retro] .home-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;background-clip:text}@media (min-width:769px){.home-footer{justify-content:flex-start}.home-footer .font-size-controls{margin-left:auto}.home-footer>.demo-mode-badge,.home-footer>button.footer-action-btn:first-of-type,.home-footer>button.footer-action-btn:nth-of-type(2),.home-footer>button.footer-action-btn:nth-of-type(3){margin-right:.5rem}}@media (max-width:768px){.home-content{padding:8px}.home-content.with-filter-pills{padding-top:50px}.home-header h1{font-size:2rem;margin-bottom:.5rem}.home-header .subtitle{font-size:.95rem;padding:0 .5rem}.home-footer{gap:.5rem;padding:.5rem .75rem}.footer-action-btn{font-size:.9rem;height:48px;min-height:48px;min-width:48px;width:48px}.footer-new-excerpt-btn{font-size:.9rem;padding:.625rem 1rem}.font-size-controls{gap:.25rem;padding:.25rem}.font-size-controls .footer-action-btn{height:44px;min-height:44px;min-width:44px;width:44px}.excerpt-navigation-controls{gap:.25rem;padding:.25rem}.excerpt-navigation-controls .footer-action-btn{height:44px;min-height:44px;min-width:44px;width:44px}}@media (max-width:480px){.home-header h1{font-size:1.75rem}.home-header .subtitle{font-size:.875rem}.home-content{padding:12px}.home-footer{gap:.375rem;padding:.5rem}.footer-action-btn{font-size:.85rem;height:40px;min-height:40px;min-width:40px;width:40px}.excerpt-navigation-controls,.font-size-controls{gap:.25rem;padding:.25rem}.excerpt-navigation-controls .footer-action-btn,.font-size-controls .footer-action-btn{height:38px;min-height:38px;min-width:38px;width:38px}.navigation-counter{font-size:.65rem;min-width:2rem}}@media (max-width:360px){.home-footer{gap:.25rem;padding:.375rem}.footer-action-btn{font-size:.8rem;height:36px;min-height:36px;min-width:36px;width:36px}.excerpt-navigation-controls,.font-size-controls{gap:.2rem;padding:.2rem}.excerpt-navigation-controls .footer-action-btn,.font-size-controls .footer-action-btn{height:34px;min-height:34px;min-width:34px;width:34px}.navigation-counter{font-size:.6rem;min-width:1.75rem}.fab{bottom:4rem}}.queue-initialization-container{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem;width:100%}.queue-init-card{align-items:stretch;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0000001a;justify-content:flex-start;max-height:calc(100vh - 140px);max-width:500px;min-height:calc(100vh - 180px);overflow:hidden;padding:3rem 2.5rem 2.5rem;text-align:center}.queue-init-card,.queue-init-content{display:flex;position:relative;width:100%}.queue-init-content{flex-direction:column;justify-content:space-between;min-height:100%;z-index:10}.welcome-tagline{color:var(--text-color);font-size:1.3rem;font-weight:600;line-height:1.4;margin:.75rem 0 .5rem}.welcome-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 auto 1.5rem;max-width:600px}[data-theme=matrix] .welcome-tagline{color:#00ff41}[data-theme=retro] .welcome-tagline{font-family:Courier New,monospace}.queue-init-card h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:0}.queue-init-card p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:.75rem}.queue-init-subtitle{color:var(--text-tertiary)!important;font-size:.95rem!important;margin-bottom:2rem!important}.queue-init-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:.95rem;margin-bottom:0;margin-top:1rem;padding:.75rem 1rem}.queue-init-button{align-items:center;background:var(--primary-500);border:none;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:var(--background-primary);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 2rem;transition:all .2s ease}.queue-init-button:hover:not(:disabled){background:var(--primary-600);box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.queue-init-button:active:not(:disabled){transform:translateY(0)}.queue-init-button:disabled{cursor:not-allowed;opacity:.6}.queue-init-button i{font-size:1.25rem}[data-theme=matrix] .queue-init-card{background:#00ff410d;border-color:#00ff41;box-shadow:0 4px 20px #00ff4133}[data-theme=matrix] .queue-init-button{background:var(--primary-500);box-shadow:0 2px 15px #00ff414d}[data-theme=matrix] .queue-init-button:hover:not(:disabled){background:var(--primary-600);box-shadow:0 4px 20px #00ff4180}.fab{align-items:center;background:var(--primary-500);border:none;border-radius:28px;bottom:5.5rem;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;opacity:.7;position:fixed;right:1.5rem;transition:all .2s ease;width:56px;z-index:90}.fab.cards-mode{bottom:1.5rem}.fab:hover{box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.fab:active{box-shadow:0 2px 4px #0000004d;transform:translateY(0)}.fab i{font-size:1.75rem}.fab-left,.fab-left-secondary{left:1.5rem;right:auto}.fab-left-secondary{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-500,#6366f1) 0,var(--primary-600,#4f46e5) 100%);border:none;border-radius:50%;bottom:10rem;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;transition:all .3s ease;width:56px;z-index:1000}.fab-left-secondary:hover{box-shadow:0 6px 16px #0003,0 3px 6px #00000026;transform:scale(1.05)}.fab-left-tertiary{bottom:14.5rem;left:1.5rem;right:auto}.fab-left-tertiary:hover{box-shadow:0 6px 16px #0003,0 3px 6px #00000026;transform:scale(1.05)}[data-theme=matrix] .fab{background:var(--primary-500);box-shadow:0 0 15px #00ff4180,0 4px 8px #0000004d}[data-theme=matrix] .fab:hover{box-shadow:0 0 20px #00ff41b3,0 6px 12px #0006}@media (max-width:768px){.queue-initialization-container{padding:1.5rem}.queue-init-card{padding:2rem 1.5rem}.queue-init-card h2{font-size:1.5rem}.queue-init-card p{font-size:1rem}.queue-init-button{font-size:.95rem;padding:.75rem 1.75rem}.fab{bottom:5rem;height:52px;right:1rem;width:52px}.fab i{font-size:1.5rem}.fab-left{left:1rem;right:auto}.fab-left-secondary{bottom:9rem;left:1rem}.fab-left-tertiary{bottom:13rem;left:1rem}}@media (max-width:480px){.queue-initialization-container{padding:1rem}.queue-init-card{padding:1.5rem 1rem}.queue-init-card h2{font-size:1.375rem}.fab{bottom:4.5rem}.queue-init-card p{font-size:.95rem}.queue-init-button{padding:.75rem 1.5rem;width:100%}}.queue-init-card .matrix-rain-canvas{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}[data-theme=matrix] .queue-init-card .matrix-rain-canvas{opacity:1}.queue-init-card .letter-vortex{height:400px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px;z-index:1}[data-theme=dark] .queue-init-card .letter-vortex,[data-theme=light] .queue-init-card .letter-vortex{opacity:1}.queue-init-card .vortex-letter{animation:orbit var(--duration) linear infinite,fadeInLetter .5s ease-out forwards,pulseLetter 3s ease-in-out infinite;animation-delay:var(--delay),var(--delay),calc(var(--delay) + .5s);color:var(--text-secondary);filter:blur(0);filter:blur(var(--blur,0));font-size:var(--font-size);left:50%;opacity:0;position:absolute;text-shadow:0 0 8px #0000;text-shadow:0 0 8px var(--glow-color,#0000);top:50%;transform:scale(1);transform:scale(var(--scale,1));transform-origin:center}.queue-init-card .hieroglyphs-container{height:400px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px;z-index:1}[data-theme=retro] .queue-init-card .hieroglyphs-container{opacity:1}.queue-init-card .hieroglyph{animation:orbit var(--duration) linear infinite,fadeInHieroglyph .5s ease-out forwards,pulseHieroglyph 3s ease-in-out infinite;animation-delay:var(--delay),var(--delay),calc(var(--delay) + .5s);color:var(--primary-color);filter:blur(0);filter:blur(var(--blur,0));font-size:var(--font-size);left:50%;opacity:0;position:absolute;text-shadow:0 0 10px #ff6b3599;text-shadow:0 0 10px var(--glow-color,#ff6b3599);top:50%;transform:scale(1);transform:scale(var(--scale,1));transform-origin:center}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(var(--radius))}to{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 1turn)) translateX(var(--radius)) rotate(1turn)}}@keyframes fadeInLetter{0%{opacity:0}to{opacity:.4}}@keyframes fadeInHieroglyph{0%{opacity:0}to{opacity:.5}}@keyframes pulseLetter{0%,to{filter:brightness(1);opacity:.4}50%{filter:brightness(1.3);opacity:.7}}@keyframes pulseHieroglyph{0%,to{filter:brightness(1);opacity:.5}50%{filter:brightness(1.4);opacity:.8}}[data-theme=light] .queue-init-card .vortex-letter{text-shadow:0 0 8px #3b82f666}[data-theme=dark] .queue-init-card .vortex-letter{text-shadow:0 0 10px #8b5cf680}[data-theme=matrix] .queue-init-card .vortex-letter{color:#00ff41;text-shadow:0 0 12px #00ff4199}[data-theme=matrix] .queue-init-card .matrix-rain-canvas{filter:drop-shadow(0 0 20px rgba(0,255,65,.3))}.demo-mode-container{min-height:60vh;width:100%}.demo-error,.demo-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:3rem 2rem;text-align:center}.demo-error i,.demo-loading i{opacity:.5}.demo-error p,.demo-loading p{font-size:1.1rem;margin:0}.demo-error,.demo-error i{color:#ef4444}@media (max-width:768px){.demo-error,.demo-loading{padding:2rem 1rem}.demo-error p,.demo-loading p{font-size:1rem}}.featured-tabs{background:var(--background-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;justify-content:center;padding:1rem}.featured-tab-btn{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.featured-tab-btn i{font-size:1.1rem}.featured-tab-btn:hover{background:var(--background-primary);border-color:var(--primary-color);color:var(--text-primary)}.featured-tab-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.featured-tab-btn.active i{color:#fff}@media (max-width:768px){.featured-tabs{padding:.75rem .5rem}.featured-tab-btn{flex:1 1;font-size:.9rem;justify-content:center;padding:.625rem 1rem}.featured-tab-btn span{display:none}.featured-tab-btn i{font-size:1.25rem}}.demo-options-header{margin-bottom:3rem;padding:0 1rem;text-align:center}.demo-options-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.75rem}.demo-options-header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.demo-options-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:900px;padding:0 1rem}.demo-option-card{background:var(--background-secondary);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .3s ease}.demo-option-card:before{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.demo-option-card:hover{border-color:var(--primary-color);box-shadow:0 12px 32px #00000026;transform:translateY(-8px)}.demo-option-card:hover:before{transform:scaleX(1)}.demo-option-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;width:80px}.demo-option-card:hover .demo-option-icon{transform:scale(1.1) rotate(5deg)}.demo-option-icon i{color:#fff;font-size:2.5rem}.demo-option-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.demo-option-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.demo-option-badge{background:rgba(var(--primary-color-rgb),.1);border-radius:20px;display:inline-block;font-size:.85rem;letter-spacing:.5px;margin-bottom:1.5rem;padding:.5rem 1rem}.demo-option-badge,.demo-option-cta{color:var(--primary-color);font-weight:600}.demo-option-cta{align-items:center;display:flex;gap:.5rem;justify-content:center;transition:all .3s ease}.demo-option-card:hover .demo-option-cta{gap:.75rem}.demo-option-cta i{transition:transform .3s ease}.demo-option-card:hover .demo-option-cta i{transform:translateX(4px)}.demo-back-button{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.demo-back-button:hover{background:var(--background-primary);border-color:var(--primary-color);color:var(--primary-color);transform:translateX(-4px)}.demo-back-button i{font-size:1.1rem}@media (max-width:768px){.demo-options-header h2{font-size:1.5rem}.demo-options-header p{font-size:1rem}.demo-options-container{gap:1.5rem;grid-template-columns:1fr;padding:0 .75rem}.demo-option-card{padding:2rem 1.5rem}.demo-option-icon{height:70px;width:70px}.demo-option-icon i{font-size:2rem}.demo-option-card h3{font-size:1.3rem}.demo-option-card p{font-size:.95rem}}@media (max-width:480px){.demo-options-header{margin-bottom:2rem}.demo-option-card{padding:1.75rem 1.25rem}.demo-option-icon{height:60px;width:60px}.demo-option-icon i{font-size:1.75rem}}.featured-excerpts-container{margin:0 auto;max-width:1400px;padding:2rem 1rem;width:100%}.featured-header{margin-bottom:2.5rem;padding:0 1rem;text-align:center}.featured-title{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:.75rem}.featured-title i{color:var(--accent-color);font-size:1.8rem}.featured-description{color:var(--text-secondary);font-size:1.1rem;opacity:.9}@media (max-width:768px){.featured-header{margin-bottom:2rem}.featured-title{font-size:1.5rem}.featured-title i{font-size:1.4rem}.featured-description{font-size:1rem}}.search-bar-container{align-items:stretch;display:flex;gap:.75rem;margin-bottom:1.5rem}.search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.search-icon-left{color:var(--text-secondary);font-size:1rem;left:1rem;pointer-events:none;position:absolute}.search-input{background:var(--background-secondary);padding:.75rem 2.75rem}.search-input:focus{box-shadow:0 0 0 3px #635bff1a}.clear-search-btn{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;padding:.25rem;right:.75rem}.clear-search-btn:hover{background:var(--background-primary)}.btn-search{background:var(--primary-500);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.btn-search:hover:not(:disabled){background:var(--primary-600);box-shadow:0 4px 12px #635bff4d;transform:translateY(-1px)}.btn-search:disabled{cursor:not-allowed;opacity:.5}.btn-advanced-search{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.btn-advanced-search:hover{background:var(--background-primary);border-color:var(--primary-500);color:var(--primary-500)}.info-banner{align-items:center;background:#635bff1a;border:1px solid #635bff4d;border-radius:8px;color:var(--text-primary);display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem;padding:1rem 1.25rem}.info-banner i{color:var(--primary-500);flex-shrink:0;font-size:1.25rem}.info-banner strong{color:var(--primary-500);cursor:pointer}.info-banner strong:hover{text-decoration:underline}.empty-state{padding:4rem 2rem}.empty-state-icon{color:var(--primary-500);font-size:4rem;margin-bottom:1.5rem;opacity:.5}.empty-state-title{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0 0 .75rem}.empty-state-message{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 0 1rem;max-width:500px}.empty-state-message small{color:var(--text-tertiary);display:block;font-size:.875rem;font-style:italic;margin-top:.75rem}.empty-state-subtext{align-items:center;color:var(--text-tertiary);display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem}.results-info{margin-bottom:1.5rem}.result-count{align-items:center;color:var(--text-secondary);display:flex;font-size:1rem;gap:.5rem}.result-count i{color:var(--primary-500)}.result-count strong{color:var(--text-primary);font-weight:600}.loading-container{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-container .spinner{animation:spin .8s linear infinite;border:4px solid var(--background-secondary);border-radius:50%;border-top-color:var(--primary-500);height:48px;margin-bottom:1.5rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{font-size:1rem;margin:0}.error-container{align-items:center;background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;color:#dc3545;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.error-container i{flex-shrink:0;font-size:1.25rem}.error-container p{font-size:1rem;margin:0}@media (max-width:768px){.search-bar-container{flex-direction:column;gap:.625rem}.btn-advanced-search{justify-content:center;width:100%}.search-input{font-size:.95rem;padding:.625rem 2.5rem}.empty-state{padding:3rem 1.5rem}.empty-state-icon{font-size:3rem}.empty-state-title{font-size:1.5rem}.empty-state-message{font-size:.95rem}.info-banner{font-size:.9rem;padding:.875rem 1rem}}[data-theme=dark] .search-input{background:#ffffff0d}[data-theme=dark] .search-input:focus{background:#ffffff14}[data-theme=matrix] .search-input{border-color:#00ff004d}[data-theme=matrix] .search-input:focus{border-color:#0f0;box-shadow:0 0 0 3px #0f03}[data-theme=matrix] .empty-state-icon{color:#0f0}[data-theme=matrix] .btn-advanced-search:hover{border-color:#0f0;color:#0f0}[data-theme=retro] .search-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262633}[data-theme=retro] .empty-state-icon{color:#dc2626}[data-theme=retro] .btn-advanced-search:hover{border-color:#d97706;color:#d97706}.load-more-container{display:flex;justify-content:center;margin-top:1rem;padding:2rem 0}.btn-load-more{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 2rem;transition:all .2s ease}.btn-load-more:hover:not(:disabled){background:var(--primary-500);border-color:var(--primary-500);box-shadow:0 4px 12px #635bff40;color:#fff;transform:translateY(-1px)}.btn-load-more:disabled{cursor:not-allowed;opacity:.6}[data-theme=matrix] .btn-load-more:hover:not(:disabled){background:#0f0;border-color:#0f0;box-shadow:0 4px 12px #00ff0040;color:#000}[data-theme=retro] .btn-load-more:hover:not(:disabled){background:#d97706;border-color:#d97706;box-shadow:0 4px 12px #d9770640;color:#fff}.bookmark-cards-container{box-sizing:border-box;max-width:100%;padding:1rem 0;width:100%}.search-bar{margin-bottom:1.5rem;position:relative}.search-icon{color:var(--text-tertiary);font-size:1rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{background:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem 3rem .75rem 2.75rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.clear-search-btn,.search-input::placeholder{color:var(--text-tertiary)}.clear-search-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;padding:.5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.clear-search-btn:hover{background:var(--hover-overlay);color:var(--text-primary)}.sort-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.sort-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.sort-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.sort-btn{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.25rem;padding:.5rem .75rem;transition:all .2s ease}.sort-btn:hover{background:var(--hover-overlay);border-color:var(--primary-500);color:var(--text-primary)}.sort-btn.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.sort-btn i{font-size:.75rem;transition:transform .2s ease}.results-info{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.search-highlight{color:var(--primary-500);font-weight:500}.cards-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr;margin-top:1.5rem;max-width:100%;width:100%}@media (min-width:769px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.bookmark-card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a,0 0 0 1px #7b9fd81a;box-shadow:0 2px 8px #0000001a,0 0 0 1px rgba(var(--primary-500-rgb,123,159,216),.1);cursor:pointer;display:flex;flex-direction:column;height:100%;max-width:100%;min-width:0;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.bookmark-card:hover{border-color:var(--primary-500);box-shadow:0 8px 24px #00000026,0 0 0 2px var(--primary-500),0 0 12px #7b9fd84d;box-shadow:0 8px 24px #00000026,0 0 0 2px var(--primary-500),0 0 12px rgba(var(--primary-500-rgb,123,159,216),.3);transform:translateY(-4px)}.bookmark-card.locked-card{cursor:pointer;opacity:.8}.bookmark-card.locked-card .card-excerpt{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.bookmark-card.locked-card:hover{opacity:.9;transform:translateY(-2px)}.locked-badge{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:6px;box-shadow:0 2px 8px #ffa5004d;color:#000;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;left:50%;letter-spacing:.5px;padding:.375rem .75rem;position:absolute;text-transform:uppercase;top:60%;transform:translate(-50%,-50%);z-index:10}.locked-badge i{font-size:.875rem}.card-header{background:var(--background-tertiary);border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:1rem}.card-cover,.card-cover-placeholder{border-radius:6px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:90px;overflow:hidden;width:60px}.card-cover img{height:100%;object-fit:cover;width:100%}.card-cover-placeholder{align-items:center;background:var(--background-primary);border:1px solid var(--border-color);color:var(--text-tertiary);font-size:1.5rem}.card-cover-placeholder,.card-meta{display:flex;justify-content:center}.card-meta{flex:1 1;flex-direction:column;min-width:0}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.card-author,.card-title{overflow:hidden;text-overflow:ellipsis}.card-author{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin:0 0 .5rem;white-space:nowrap}.card-position{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;gap:.25rem;margin:0}.similarity-score{color:var(--primary-500);font-size:.75rem;font-weight:600}.card-bookmark-number{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;margin:0}.card-badges{-ms-overflow-style:none;display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem;scrollbar-width:none}.card-badges::-webkit-scrollbar{display:none}.card-badge{border-radius:12px;display:inline-block;flex-shrink:0;font-size:.65rem;font-weight:500;max-width:120px;overflow:hidden;padding:.2rem .45rem;text-overflow:ellipsis;white-space:nowrap}.badge-genre{background:#4a90e226;color:#4a90e2}.badge-mood{background:#9333ea26;color:#9333ea}.badge-period{background:#64748b26;color:#64748b}.card-excerpt{flex:1 1;padding:1rem}.card-excerpt p{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.6;margin:0;overflow:hidden;text-overflow:ellipsis}.card-footer{background:var(--background-tertiary);border-top:1px solid var(--border-color);justify-content:space-between;overflow-x:auto;padding:.75rem 1rem}.card-footer,.card-footer-left{align-items:center;display:flex;flex-wrap:nowrap}.card-footer-left{gap:.5rem}.card-footer-right{align-items:center;display:flex;gap:.5rem;margin-left:auto}.card-engagement-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.25rem;padding:.25rem .5rem;transition:transform .2s ease}.card-engagement-btn:hover{background:var(--hover-overlay);transform:scale(1.1)}.card-engagement-btn:active{transform:scale(.95)}.engagement-icon{font-size:1.1rem;line-height:1}.engagement-count{color:var(--text-primary);font-size:.85rem;font-weight:600}.card-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:32px;justify-content:center;min-height:32px;min-width:32px;transition:all .2s ease;width:32px}.card-action-btn i{font-size:1.1rem}.card-action-btn:hover{background:var(--hover-overlay);color:var(--primary-500);transform:scale(1.1)}.card-action-btn:active{transform:scale(.95)}.bookmark-btn{color:#007bff;color:var(--primary-500,#007bff)}.bookmark-btn:hover{color:var(--primary-500)}.bookmark-btn.unsaved{opacity:.6}.export-video-btn{border-color:#ff6b6b4d;color:#ff6b6b}.export-video-btn:hover{background:#ff3b301a;border-color:#ff3b30;color:#ff3b30}.image-export-btn{color:#6c757d;color:var(--text-secondary,#6c757d)}.image-export-btn:hover{background:#4a90a41a;color:#4a90a4;color:var(--primary-color,#4a90a4)}.play-btn:hover{color:var(--primary-500)}.share-btn:hover{border-color:var(--success);color:var(--success)}.export-btn:hover{background:var(--info);border-color:var(--info);color:#fff}.card-remove-btn{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;min-height:28px!important;min-width:28px;opacity:.7;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px;z-index:10}.card-remove-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff;opacity:1;transform:scale(1.1)}.card-remove-btn:active{transform:scale(.95)}.card-remove-btn i{font-size:.9rem}.no-results{color:var(--text-secondary);padding:3rem 1rem;text-align:center}.no-results-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.no-results h4{color:var(--text-primary);margin-bottom:.5rem}.no-results p{font-size:.9rem}[data-theme=light] .search-input{background:var(--background-primary);border-color:var(--border-color)}[data-theme=light] .search-input:focus{background:#fff;border-color:var(--primary-500)}[data-theme=light] .bookmark-card{box-shadow:0 2px 8px #00000014,0 0 0 1px #b4c8ff4d,0 0 15px #b4c8ff66!important}[data-theme=light] .bookmark-card:hover{box-shadow:0 8px 24px #0000001f,0 0 0 2px var(--primary-500),0 0 25px #b4c8ff99,0 0 35px #c8b4ff80!important}[data-theme=dark] .search-input{background:var(--background-secondary);border-color:var(--border-color)}[data-theme=dark] .search-input:focus{background:var(--background-primary);border-color:var(--primary-500)}[data-theme=dark] .bookmark-card{background:var(--background-tertiary);box-shadow:0 2px 8px #0000004d,0 0 0 1px #b4a0ff59,0 0 15px #b4a0ff73!important}[data-theme=dark] .bookmark-card:hover{background:var(--background-secondary);box-shadow:0 8px 24px #00000080,0 0 0 2px var(--primary-500),0 0 25px #b4a0ffb3,0 0 40px #c8b4ff99!important}[data-theme=matrix] .search-input{background:#0000004d;border-color:var(--primary-500);color:var(--primary-500)}[data-theme=matrix] .search-input:focus{background:#00000080;border-color:var(--primary-500);box-shadow:0 0 10px #00ff004d}[data-theme=matrix] .search-input::placeholder{color:#00ff0080}[data-theme=matrix] .search-icon{color:var(--primary-500)}[data-theme=matrix] .sort-btn{border-color:var(--primary-500)}[data-theme=matrix] .sort-btn:hover{background:var(--hover-overlay);box-shadow:0 0 5px #0f03}[data-theme=matrix] .sort-btn.active{background:var(--primary-500);box-shadow:0 0 10px #0f06;color:#000}[data-theme=matrix] .bookmark-card{background:#00ff0005;border-color:var(--primary-500);box-shadow:0 2px 8px #00ff0026,0 0 0 1px var(--primary-500),0 0 15px #96ffb480!important}[data-theme=matrix] .bookmark-card:hover{background:#00ff000d;border-color:var(--primary-500);box-shadow:0 8px 24px #00ff0059,0 0 0 2px var(--primary-500),0 0 25px #96ffb4bf,0 0 40px #b4ffc899!important}[data-theme=matrix] .card-header{background:var(--background-primary);box-shadow:inset 0 -1px 0 var(--primary-500)}[data-theme=matrix] .card-title{color:var(--primary-500);text-shadow:0 0 5px #00ff004d}[data-theme=matrix] .card-cover-placeholder{background:#00ff000d;border-color:var(--primary-500);color:var(--primary-500)}[data-theme=matrix] .bookmark-btn:hover,[data-theme=matrix] .play-btn:hover{background:var(--primary-500);box-shadow:0 0 10px #00ff0080;color:#000}[data-theme=matrix] .share-btn:hover{background:var(--success);box-shadow:0 0 10px #00ff0080;color:#000}[data-theme=matrix] .export-btn:hover{background:var(--info);box-shadow:0 0 10px #00ff0080;color:#000}[data-theme=matrix] .card-action-btn{color:var(--primary-500)}[data-theme=matrix] .card-action-btn:hover{background:#00ff001a;box-shadow:0 0 10px #00ff004d}[data-theme=dark] .card-footer,[data-theme=dark] .card-header,[data-theme=retro] .search-input{background:var(--background-primary)}[data-theme=retro] .search-input{border:2px solid var(--border-color)}[data-theme=retro] .search-input:focus{border-color:var(--primary-500)}[data-theme=retro] .bookmark-card{border:2px solid var(--border-color);box-shadow:4px 4px 0 #0000001a}[data-theme=retro] .bookmark-card:hover{box-shadow:6px 6px 0 #00000026;transform:translate(-2px,-2px)}[data-theme=retro] .card-header{background:#ff9f1c4d;color:var(--text-primary)}[data-theme=retro] .card-title{color:var(--text-primary)}[data-theme=retro] .card-author{color:#2a2118cc}[data-theme=retro] .card-date{color:#2a211899}[data-theme=retro] .sort-btn{border:2px solid var(--border-color)}[data-theme=retro] .sort-btn.active{background:var(--primary-500);border-color:var(--primary-500);color:var(--background-primary)}[data-theme=retro] .card-cover-placeholder{border:2px solid var(--border-color)}@media (max-width:1024px) and (min-width:769px){.cards-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.bookmark-cards-container{padding:.75rem 0}.search-bar{display:none}.search-bar.search-expanded{display:block}.cards-grid{gap:1rem;grid-template-columns:1fr!important}.card-header{grid-gap:.5rem .75rem;display:grid;gap:.5rem .75rem;grid-template-areas:"cover title" "badges title";grid-template-columns:50px 1fr;grid-template-rows:auto auto}.card-cover,.card-cover-placeholder{grid-area:cover}.card-meta{grid-area:title}.card-badges{align-self:start;grid-area:badges;margin-top:0}.sort-controls{align-items:flex-start;flex-direction:column;gap:.75rem}.sort-buttons{justify-content:flex-start;width:100%}.sort-btn{flex:1 1;justify-content:center;min-width:0}.bookmark-card{border-radius:10px}.bookmark-card:hover{transform:translateY(-2px)}.card-header{padding:.875rem}.card-cover,.card-cover-placeholder{height:75px;width:50px}.card-title{font-size:.95rem}.card-author{font-size:.8rem}.card-date{font-size:.75rem}.card-excerpt p{-webkit-line-clamp:3;font-size:.85rem}.card-footer{padding:.625rem .875rem}.card-action-btn{height:32px;min-height:32px;min-width:32px;width:32px}.card-action-btn i{font-size:.9rem}}@media (max-width:480px){.bookmark-cards-container{padding:.5rem 0}.cards-grid{gap:.75rem}.search-input{font-size:.95rem;padding:.625rem 2.5rem}.search-icon{font-size:.95rem;left:.75rem}.clear-search-btn{right:.25rem}.sort-btn,.sort-label{font-size:.85rem}.sort-btn{padding:.4rem .6rem}.card-excerpt p{-webkit-line-clamp:2}}.current-excerpt{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-500),0 0 20px #7b9fd880;box-shadow:0 0 0 2px var(--primary-500),0 0 20px rgba(var(--primary-500-rgb,123,159,216),.5)}.current-badge{color:var(--primary-500);font-size:1rem}.card-action-btn.video-indicator{cursor:default}.bookmark-btn.saved{color:var(--primary-500)}[data-theme=dark] .bookmark-btn{color:#4299e1}[data-theme=retro] .bookmark-btn,[data-theme=retro] .bookmark-btn:hover{color:#f7931e}[data-theme=matrix] .bookmark-btn{color:#0f0}@media (hover:none) and (pointer:coarse){.bookmark-card:active{transform:scale(.98)}.card-action-btn:active{transform:scale(.95)}.card-action-btn{min-height:32px;min-width:32px}.clear-search-btn{min-height:44px;min-width:44px}}.book-excerpt-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px 0;position:fixed;right:0;top:0;z-index:10000}.book-excerpt-modal{animation:modal-slide-up .3s ease-out;background-color:var(--background-secondary);border:none;border-radius:0;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100%;position:relative;width:100%}@media (min-width:768px){.book-excerpt-modal-overlay{padding:var(--space-4)}.book-excerpt-modal{border:2px solid var(--border-color);border-radius:var(--radius-lg);height:auto;max-height:90vh;max-width:700px;width:100%}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background-color:var(--background-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:var(--space-3);justify-content:space-between;padding:var(--space-4)}.modal-title{flex:1 1;font-size:1.1rem;font-weight:var(--font-bold);margin:0;text-align:center}.modal-title,.nav-btn{color:var(--text-primary)}.nav-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1.5rem;height:2.5rem;justify-content:center;padding:0;transition:all var(--transition-fast);width:2.5rem}.nav-btn:hover:not(:disabled){background-color:var(--hover-overlay);border-color:var(--primary-500);color:var(--primary-500)}.nav-btn:disabled{cursor:not-allowed;opacity:.3}.modal-close-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:2.5rem;justify-content:center;transition:all var(--transition-fast);width:2.5rem}.modal-close-btn:hover{background-color:var(--hover-overlay);border-color:var(--error);color:var(--error)}.book-excerpt-modal-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding:var(--space-4)}@media (min-width:768px){.book-excerpt-modal-content{gap:var(--space-6);padding:var(--space-8)}}.book-excerpt-modal .book-header{border-bottom:1px solid var(--border-color);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.book-excerpt-modal .book-title-header{color:var(--text-primary);font-size:1.1rem;font-weight:var(--font-bold);line-height:1.4;margin:0}.book-excerpt-modal .book-author-header{color:var(--text-secondary);font-size:.95rem;font-style:italic;font-weight:400}.book-excerpt-modal .excerpt-text{word-wrap:break-word;color:var(--text-primary);font-family:var(--font-active);font-size:1rem;line-height:1.6;padding:0;text-align:left;white-space:pre-wrap}@media (min-width:768px){.book-excerpt-modal .excerpt-text{font-size:1.05rem;line-height:1.7}}.book-excerpt-modal .excerpt-text p{margin:0}.book-excerpt-modal .page-context{color:var(--text-secondary);display:block;font-size:.875rem;font-style:italic;margin-top:var(--space-4);text-align:left}.book-excerpt-modal .reveal-section{display:flex;justify-content:center;padding:var(--space-4) 0}.book-excerpt-modal .book-details{align-items:flex-start;background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--space-6);padding:var(--space-6)}.book-excerpt-modal .book-cover{border-radius:var(--radius-sm);box-shadow:var(--shadow-md);height:auto;object-fit:cover}.book-excerpt-modal .book-cover-placeholder{align-items:center;background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--text-tertiary);display:flex;font-size:2rem;height:210px;justify-content:center;width:140px}.book-excerpt-modal .book-info{flex:1 1}.book-excerpt-modal .book-title{color:var(--text-primary);font-size:1.25rem;font-weight:var(--font-bold);margin-bottom:var(--space-3)}.book-excerpt-modal .book-author{color:var(--text-secondary);font-style:italic;margin-bottom:var(--space-2)}.book-excerpt-modal .book-isbn{margin:0}.book-excerpt-modal .excerpt-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);padding-top:var(--space-3)}.book-excerpt-modal .btn-save{align-items:center;display:flex;justify-content:center;width:100%}.book-excerpt-modal .book-excerpt-error{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);text-align:center}[data-theme=matrix] .book-excerpt-modal{background-color:#000;border-color:var(--primary-500);box-shadow:0 0 30px #00ff0080}[data-theme=matrix] .book-excerpt-modal .excerpt-text{background-color:#00ff000d;border-left-color:var(--primary-500)}[data-theme=matrix] .book-excerpt-modal .excerpt-text p{color:#0f0;text-shadow:0 0 5px #00ff004d}[data-theme=matrix] .book-excerpt-modal .book-details{background-color:#00ff000d;border-color:var(--primary-500)}[data-theme=retro] .book-excerpt-modal .excerpt-text{font-family:Courier New,monospace}.book-excerpt-modal .book-details{align-items:center;flex-direction:column;text-align:center}.book-excerpt-modal .book-cover{width:140px}@media (min-width:768px){.book-excerpt-modal .book-details{align-items:flex-start;flex-direction:row;text-align:left}.book-excerpt-modal .book-cover{width:140px}}.modal-footer-controls{align-items:center;background-color:var(--background-secondary);border-top:1px solid var(--border-color);bottom:0;display:flex;justify-content:center;left:0;margin-top:auto;padding:var(--space-3);position:-webkit-sticky;position:sticky;right:0;z-index:10}.footer-actions{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;max-width:500px;width:100%}.footer-actions>button{align-items:center;border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:0;transition:all var(--transition-fast);width:40px}.footer-actions>button:hover:not(:disabled){transform:scale(1.1)}.font-size-controls{align-items:center;display:flex;gap:var(--space-3)}.font-size-controls button{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;padding:0;transition:all var(--transition-fast);width:36px}.font-size-controls button:hover:not(:disabled){transform:scale(1.1)}.font-size-controls button:disabled{cursor:not-allowed;opacity:.4}.font-size-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;min-width:45px;text-align:center}.trial-banner{align-items:center;animation:slideDown .3s ease-out;box-shadow:0 2px 8px #00000026;display:flex;justify-content:center;left:0;padding:.75rem 1.5rem;position:fixed;right:0;top:60px;z-index:999}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.trial-banner-content{align-items:center;display:flex}.trial-warning{background-color:#ff9800;color:#fff}.trial-urgent{background-color:#ff5722;color:#fff}.trial-expired{background-color:#d32f2f;color:#fff}.trial-banner .btn-light{font-weight:600}.trial-banner .btn-link{font-size:1.5rem;line-height:1;padding:0 .5rem;text-decoration:none}.trial-banner .btn-link:hover{opacity:.8}[data-theme=matrix] .trial-warning{background:linear-gradient(90deg,#ff9800e6,#ff9800b3);border-bottom:1px solid var(--accent-color)}[data-theme=matrix] .trial-urgent{background:linear-gradient(90deg,#ff5722e6,#ff5722b3);border-bottom:1px solid var(--accent-color)}[data-theme=matrix] .trial-expired{background:linear-gradient(90deg,#d32f2fe6,#d32f2fb3);border-bottom:1px solid var(--accent-color)}.filter-status-bar{align-items:center;background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);box-shadow:var(--shadow-md);box-sizing:border-box;display:flex;gap:6px;left:0;max-width:100vw;overflow:hidden;padding:6px 10px;position:fixed;right:0;top:61px;width:100%;z-index:999}.filter-pills-container{-ms-overflow-style:none;align-items:center;display:flex;flex:1 1;gap:4px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.filter-pills-container::-webkit-scrollbar{display:none}.filter-pill{align-items:center;background:#fff;background:var(--card-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;gap:4px;min-height:0;min-height:auto;padding:5px 10px;transition:all .2s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.filter-pill:hover{background:#667eea;background:var(--primary-color,#667eea);border-color:#667eea;border-color:var(--primary-color,#667eea);color:#fff;transform:translateY(-1px)}.filter-dismiss-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:0;min-height:auto;padding:4px;transition:all .2s ease}.filter-dismiss-btn:hover{background:#e9ecef;background:var(--background-tertiary,#e9ecef);color:#333;color:var(--text-primary,#333)}.filter-dismiss-btn i{font-size:14px}[data-theme=dark] .filter-status-bar{background:#2d2d2d;border-color:#444}[data-theme=dark] .filter-pill{background:#1a1a1a;border-color:#444;color:#e0e0e0}[data-theme=dark] .filter-pill:hover{background:#667eea;border-color:#667eea;color:#fff}[data-theme=matrix] .filter-status-bar{background:#001400f2;border-color:#00ff004d}[data-theme=matrix] .filter-pill{background:#00ff001a;border-color:#0f06;color:#0f0}[data-theme=matrix] .filter-pill:hover{background:#0f0;border-color:#0f0;color:#000}[data-theme=matrix] .filter-dismiss-btn{color:#0f0}[data-theme=retro] .filter-status-bar{background:#fff8e1;border-color:#ff6b6b}[data-theme=retro] .filter-pill{background:#fff;border-color:#ff6b6b;color:#333}[data-theme=retro] .filter-pill:hover{background:#ff6b6b;border-color:#ff6b6b;color:#fff}@media (max-width:768px){.filter-status-bar{gap:5px;padding:5px 8px;top:49px}.filter-pills-container{gap:3px}.filter-pill{font-size:11px;padding:3px 6px}}@media (max-width:480px){.filter-status-bar{gap:4px;padding:4px 6px}.filter-pills-container{gap:3px}.filter-pill{font-size:10px;padding:2px 5px}}.legal-modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.legal-modal-content{background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:900px;position:relative;width:100%}.legal-modal-close{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:10}.legal-modal-close:hover{background:var(--error);border-color:var(--error);color:#fff;transform:scale(1.05)}.legal-modal-close:active{transform:scale(.98)}.legal-modal-body{flex:1 1;overflow-y:auto;padding:2rem}.legal-modal-body::-webkit-scrollbar{width:8px}.legal-modal-body::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:4px}.legal-modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.legal-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.legal-modal-body .legal-header{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:2rem;padding:1.5rem;text-align:center}.legal-modal-body .legal-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.legal-modal-body .legal-subtitle{color:var(--text-secondary);font-size:.9rem;margin:0 0 .5rem}.legal-modal-body .legal-updated{color:var(--text-tertiary);font-size:.75rem;font-style:italic;margin:0}.legal-modal-body .legal-toc{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1.25rem 1.5rem}.legal-modal-body .legal-toc h3{color:var(--text-primary);font-size:.95rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.legal-modal-body .legal-toc ul{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}.legal-modal-body .legal-toc li{margin:0}.legal-modal-body .legal-toc a{color:var(--text-primary);cursor:pointer;display:block;font-size:.85rem;font-weight:400;padding:.4rem 0;text-decoration:none;transition:color .2s ease}.legal-modal-body .legal-toc a:hover{color:var(--accent-color)}.legal-modal-body .legal-section{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:2rem;padding:1.5rem;scroll-margin-top:20px}.legal-modal-body .legal-section:last-of-type{margin-bottom:1.5rem}.legal-modal-body .section-icon{align-items:center;background-color:var(--accent-color);border-radius:var(--radius-md);color:#fff;display:inline-flex;font-size:1.25rem;height:36px;justify-content:center;margin-bottom:.75rem;width:36px}.legal-modal-body .legal-section h2{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0 0 1rem}.legal-modal-body .legal-section h3{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin:1.5rem 0 .75rem}.legal-modal-body .legal-section h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:1.25rem 0 .5rem}.legal-modal-body .legal-section ol,.legal-modal-body .legal-section p,.legal-modal-body .legal-section ul{color:var(--text-primary);font-size:.9rem;line-height:1.6;margin-bottom:.875rem}.legal-modal-body .legal-section ol,.legal-modal-body .legal-section ul{padding-left:1.75rem}.legal-modal-body .legal-section li{margin-bottom:.4rem}.legal-modal-body .legal-section code{background-color:var(--background-tertiary);border-radius:3px;color:var(--accent-color);font-family:Courier New,monospace;font-size:.85em;padding:.2rem .4rem}.legal-modal-body .legal-section a{color:var(--accent-color);font-weight:500;text-decoration:none}.legal-modal-body .legal-section a:hover{text-decoration:underline}.legal-modal-body .legal-box{background-color:var(--background-tertiary);border-left:3px solid var(--accent-color);border-radius:var(--radius-sm);margin:1rem 0;padding:1rem 1.25rem}.legal-modal-body .legal-box p:last-child{margin-bottom:0}.legal-modal-body .highlight-box{background-color:#667eea14;border-left:3px solid var(--accent-color)}.legal-modal-body .legal-note{align-items:flex-start;background-color:var(--background-tertiary);border-left:3px solid var(--accent-color);border-radius:var(--radius-sm);display:flex;gap:.75rem;margin:1rem 0;padding:.875rem 1rem}.legal-modal-body .legal-note i{color:var(--accent-color);flex-shrink:0;font-size:1.1rem;margin-top:.1rem}.legal-modal-body .legal-note span{flex:1 1;font-size:.9rem}.legal-modal-body .warning-note{background-color:#ffc1071a;border-left:3px solid #ffc107}.legal-modal-body .warning-note i{color:#ffc107}.legal-modal-body .contact-box{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.legal-modal-body .contact-item{align-items:center;background-color:var(--background-tertiary);border-radius:var(--radius-md);display:flex;gap:.875rem;padding:1rem}.legal-modal-body .contact-item i{color:var(--accent-color);flex-shrink:0;font-size:1.5rem}.legal-modal-body .contact-item div{flex:1 1;min-width:0}.legal-modal-body .contact-item strong{color:var(--text-primary);display:block;font-size:.8rem;margin-bottom:.25rem}.legal-modal-body .contact-item a{color:var(--accent-color);font-size:.85rem;font-weight:500;text-decoration:none;word-break:break-word}.legal-modal-body .contact-item a:hover{text-decoration:underline}.legal-modal-body .legal-page-footer{border-top:2px solid var(--border-color);margin-top:3rem;padding-top:2rem;text-align:center}.legal-modal-body .legal-page-footer p{color:var(--text-secondary);font-size:.85rem;margin:.5rem 0}.legal-modal-body .legal-footer-note{font-size:.8rem;font-style:italic}@media (max-width:768px){.legal-modal-overlay{padding:.5rem}.legal-modal-content{border-radius:var(--radius-md);max-height:95vh}.legal-modal-body{padding:1.5rem 1rem}.legal-modal-close{font-size:.9rem;height:32px;right:.75rem;top:.75rem;width:32px}.legal-modal-body .legal-header{padding:1.25rem}.legal-modal-body .legal-header h1{font-size:1.4rem}.legal-modal-body .legal-subtitle{font-size:.85rem}.legal-modal-body .legal-section{padding:1.25rem}.legal-modal-body .legal-section h2{font-size:1.15rem}.legal-modal-body .legal-section h3{font-size:.95rem}.legal-modal-body .section-icon{font-size:1.1rem;height:32px;width:32px}.legal-modal-body .legal-toc{padding:1rem}.legal-modal-body .contact-box,.legal-modal-body .legal-toc ul{grid-template-columns:1fr}}.legal-modal-body .legal-section a:focus,.legal-modal-body .legal-toc a:focus{border-radius:2px;outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.legal-modal-body .legal-section a,.legal-modal-body .legal-toc a,.legal-modal-close{transition:none}}.compact-affiliate-notice{background-color:var(--card-bg);border-top:1px solid var(--border-color);line-height:1!important;margin:.75rem 0 0!important;padding:.5rem .75rem!important;text-align:center;width:100%}.compact-affiliate-notice p{color:var(--text-secondary);display:block;font-size:.7rem!important;height:auto;line-height:1.3!important;margin:0!important;padding:0!important}.compact-affiliate-notice .legal-link{color:var(--primary-color);display:inline;font-weight:500;text-decoration:none;transition:opacity .2s;vertical-align:initial}.compact-affiliate-notice .legal-link:hover{opacity:.8;text-decoration:underline}.compact-affiliate-notice .legal-button{background:none!important;border:none!important;cursor:pointer;display:inline!important;font-family:inherit!important;font-size:inherit!important;height:auto!important;line-height:1!important;margin:0!important;min-height:0!important;padding:0!important;vertical-align:initial}[data-theme=light] .compact-affiliate-notice{background-color:#f8f9fa;border-top-color:#dee2e6}[data-theme=dark] .compact-affiliate-notice{background-color:#ffffff0d;border-top-color:#ffffff1a}[data-theme=matrix] .compact-affiliate-notice{background-color:#001400cc;border-top-color:#00ff4133}[data-theme=matrix] .compact-affiliate-notice p{color:#00ff41b3}[data-theme=matrix] .compact-affiliate-notice .legal-link{color:#00ff41}[data-theme=retro] .compact-affiliate-notice{background-color:#fff9f0;border-top:1px solid #d4a574}[data-theme=retro] .compact-affiliate-notice p{color:#5a4a3a;font-family:Courier New,monospace}@media (max-width:768px){.compact-affiliate-notice{margin-top:.6rem!important;padding:.4rem .6rem!important}.compact-affiliate-notice p{font-size:.65rem!important;line-height:1.3!important}}.compact-affiliate-notice .legal-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.compact-affiliate-notice .legal-link{transition:none}}.saved-excerpts-container{box-sizing:border-box;margin:0 auto;max-width:1200px;min-height:100vh;padding:80px 1rem}.saved-excerpts-reader-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;padding:1rem 0}.bookmark-cards-wrapper{max-width:100%;width:100%}.collection-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem 0}@media (max-width:640px){.collection-grid{gap:.75rem;grid-template-columns:1fr}}.reader-navigation{background:var(--background-secondary);border-radius:var(--radius-md);gap:1rem;margin-top:1rem;padding:.75rem}.reader-navigation,.reader-navigation .nav-btn{align-items:center;border:1px solid var(--border-color);display:flex;justify-content:center}.reader-navigation .nav-btn{background:var(--background-tertiary);border-radius:50%;color:var(--text-primary);cursor:pointer;height:40px;transition:all var(--transition-fast);width:40px}.reader-navigation .nav-btn:hover:not(:disabled){background:var(--primary-500);border-color:var(--primary-500);color:#fff}.reader-navigation .nav-btn:disabled{cursor:not-allowed;opacity:.4}.reader-navigation .nav-btn i{font-size:1rem}.reader-navigation .nav-indicator{color:var(--text-secondary);font-size:.875rem;font-weight:500;min-width:60px;text-align:center}.saved-excerpts-controls{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem;margin-top:1.5rem;padding:0 1rem}.view-toggle{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.view-toggle-btn:hover:not(:disabled){background:var(--hover-overlay);color:var(--text-primary)}.view-toggle-btn.active{background:var(--primary-500);color:#fff}.view-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.view-toggle-btn i{font-size:1.1rem}.empty-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.empty-state{text-align:center}.empty-state .empty-icon{color:var(--text-tertiary);font-size:5rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.empty-state p{font-size:1rem;margin-bottom:1.5rem}.bookmark-actions{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:center;margin-top:2rem;padding-top:1.5rem}.bookmark-actions .btn{min-width:150px}@media (max-width:768px){.bookmark-cards-wrapper{padding:0 8px}.saved-excerpts-controls{display:none}.bookmark-actions{flex-direction:column}.bookmark-actions .btn{width:100%}}[data-theme=matrix] .view-toggle{border-color:var(--primary-500);box-shadow:0 0 5px #0f03}[data-theme=matrix] .view-toggle-btn.active{background:var(--primary-500);box-shadow:0 0 10px #0f06;color:#000}[data-theme=matrix] .view-toggle-btn:hover:not(:disabled):not(.active){background:var(--hover-overlay);box-shadow:0 0 5px #0f03}[data-theme=dark] .view-toggle{background:var(--background-tertiary)}[data-theme=dark] .view-toggle-btn.active{background:var(--primary-500)}[data-theme=retro] .view-toggle{border:2px solid var(--border-color)}[data-theme=retro] .view-toggle-btn.active{background:var(--primary-500);color:var(--background-primary)}
/*# sourceMappingURL=main.42d8980e.css.map*/