*,: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:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:-apple-system,SF Pro Display,Geist,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){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-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,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{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-2\.5{top:.625rem}.top-4{top:1rem}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-48{height:12rem}.h-7{height:1.75rem}.h-\[7px\]{height:7px}.h-full{height:100%}.max-h-\[70vh\]{max-height:70vh}.min-h-screen{min-height:100vh}.w-7{width:1.75rem}.w-9{width:2.25rem}.w-\[7px\]{width:7px}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-\[400px\]{max-width:400px}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.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))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.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-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.rounded-full{border-radius:var(--radius-full)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[var\(--border-main\)\]{border-color:var(--border-main)}.border-\[var\(--border-soft\)\]{border-color:var(--border-soft)}.border-\[var\(--border-subtle\)\]{border-color:var(--border-subtle)}.bg-\[\#0d0d1a\]{--tw-bg-opacity:1;background-color:rgb(13 13 26/var(--tw-bg-opacity,1))}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--accent-light\)\]{background-color:var(--accent-light)}.bg-\[var\(--bg-primary\)\]{background-color:var(--bg-primary)}.bg-\[var\(--bg-subtle\)\]{background-color:var(--bg-subtle)}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#0d0d1a\]{--tw-gradient-from:#0d0d1a var(--tw-gradient-from-position);--tw-gradient-to:rgba(13,13,26,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#6366f1\]{--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:rgba(99,102,241,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\[\#8b5cf6\]{--tw-gradient-to:#8b5cf6 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-cover{object-fit:cover}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-1{padding-bottom:.25rem}.pb-3{padding-bottom:.75rem}.pb-px{padding-bottom:1px}.pt-12{padding-top:3rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:SF Mono,JetBrains Mono,Fira Code,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.text-\[\#abb2bf\]{--tw-text-opacity:1;color:rgb(171 178 191/var(--tw-text-opacity,1))}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--red\)\]{color:var(--red)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--text-tertiary\)\]{color:var(--text-tertiary)}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/50{color:hsla(0,0%,100%,.5)}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-card{--tw-shadow:var(--shadow-card);--tw-shadow-colored:var(--shadow-card);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.grayscale{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)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.filter,.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-\[0\.12s\]{transition-duration:.12s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg-app:#f4f5fb;--bg-sidebar:#ecedf8;--bg-surface:#fff;--bg-hover:#e8eaf6;--bg-subtle:#edeef8;--bg-input:#fff;--border-main:#e0e2f0;--border-soft:#d4d6ec;--border-hover:#c4c7e0;--text-primary:#0c0d1a;--text-secondary:#353650;--text-muted:#7275a0;--text-faint:#a8aabe;--accent:#4f46e5;--accent-light:#eef2ff;--accent-border:#c7d2fe;--accent-text:#4338ca;--accent-hover:#e0e7ff;--gradient-engine:linear-gradient(135deg,#4f46e5,#7c3aed);--gradient-vision:linear-gradient(135deg,#ec4899,#f43f5e);--gradient-sound:linear-gradient(135deg,#f59e0b,#f97316);--gradient-motion:linear-gradient(135deg,#10b981,#06b6d4);--gradient-chat:linear-gradient(135deg,#8b5cf6,#6366f1);--gradient-studio:linear-gradient(135deg,#059669,#10b981);--gradient-brand:linear-gradient(135deg,#4f46e5,#ec4899);--glow-engine:0 4px 16px rgba(79,70,229,.3);--glow-vision:0 4px 16px rgba(236,72,153,.3);--glow-sound:0 4px 16px rgba(245,158,11,.3);--glow-motion:0 4px 16px rgba(16,185,129,.3);--glow-chat:0 4px 16px rgba(139,92,246,.3);--vision-accent:#ec4899;--vision-light:#fdf2f8;--vision-border:#fbcfe8;--vision-text:#db2777;--vision-hover:#fce7f3;--sound-accent:#f59e0b;--sound-light:#fffbeb;--sound-border:#fde68a;--sound-text:#d97706;--sound-hover:#fef3c7;--motion-accent:#06b6d4;--motion-light:#ecfeff;--motion-border:#a5f3fc;--motion-text:#0e7490;--motion-hover:#cffafe;--code-bg:#0f1117;--code-surface:#1a1d27;--code-border:#2d3148;--red:#ef4444;--green:#22c55e;--orange:#f97316;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(79,70,229,.04),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(79,70,229,.07),0 1px 3px rgba(0,0,0,.05);--shadow-card:0 1px 4px rgba(79,70,229,.06),0 2px 8px rgba(0,0,0,.04);--shadow-input:0 1px 4px rgba(79,70,229,.06),inset 0 1px 2px rgba(0,0,0,.02);--shadow-focus:0 0 0 3px rgba(79,70,229,.18),0 2px 8px rgba(0,0,0,.06);--shadow-float:0 8px 28px rgba(79,70,229,.12),0 2px 8px rgba(0,0,0,.06)}[data-theme=dark]{--bg-app:#0e0f1c;--bg-sidebar:#13142a;--bg-surface:#181932;--bg-hover:#1e2040;--bg-subtle:#141526;--bg-input:#181932;--border-main:#252742;--border-soft:#2e3054;--border-hover:#3a3d68;--text-primary:#f0f1ff;--text-secondary:#c0c2e0;--text-muted:#7275a0;--text-faint:#464870;--accent-light:rgba(79,70,229,.15);--accent-border:rgba(79,70,229,.35);--accent-text:#a5b4fc;--accent-hover:rgba(79,70,229,.22);--code-bg:#0a0b14;--code-surface:#0e0f1c;--code-border:#1e2040;--shadow-sm:0 1px 3px rgba(0,0,0,.25);--shadow-md:0 2px 8px rgba(0,0,0,.3);--shadow-card:0 1px 4px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.15);--shadow-float:0 8px 28px rgba(0,0,0,.4)}[data-accent=purple]{--accent:#7c3aed;--accent-light:#ede9fe;--accent-border:#c4b5fd;--accent-text:#6d28d9;--accent-hover:#ddd6fe;--gradient-engine:linear-gradient(135deg,#7c3aed,#ec4899)}[data-theme=dark][data-accent=purple]{--accent-light:rgba(124,58,237,.18);--accent-border:rgba(124,58,237,.35);--accent-text:#c4b5fd;--accent-hover:rgba(124,58,237,.25)}[data-accent=green]{--accent:#059669;--accent-light:#ecfdf5;--accent-border:#6ee7b7;--accent-text:#047857;--accent-hover:#d1fae5;--gradient-engine:linear-gradient(135deg,#059669,#10b981)}[data-theme=dark][data-accent=green]{--accent-light:rgba(5,150,105,.18);--accent-border:rgba(5,150,105,.35);--accent-text:#6ee7b7;--accent-hover:rgba(5,150,105,.25)}[data-accent=orange]{--accent:#ea580c;--accent-light:#fff7ed;--accent-border:#fdba74;--accent-text:#c2410c;--accent-hover:#fed7aa;--gradient-engine:linear-gradient(135deg,#ea580c,#f59e0b)}[data-theme=dark][data-accent=orange]{--accent-light:rgba(234,88,12,.18);--accent-border:rgba(234,88,12,.35);--accent-text:#fdba74;--accent-hover:rgba(234,88,12,.25)}[data-accent=rose]{--accent:#e11d48;--accent-light:#fff1f2;--accent-border:#fda4af;--accent-text:#be123c;--accent-hover:#ffe4e6;--gradient-engine:linear-gradient(135deg,#e11d48,#f43f5e)}[data-theme=dark][data-accent=rose]{--accent-light:rgba(225,29,72,.18);--accent-border:rgba(225,29,72,.35);--accent-text:#fda4af;--accent-hover:rgba(225,29,72,.25)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{overflow-y:auto}body,html{overflow-x:hidden}body{font-family:-apple-system,SF Pro Display,Inter,Geist,system-ui,sans-serif;font-size:14px;line-height:1.55;color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;max-width:100vw;overscroll-behavior-x:none}[role=button],a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:max(16px,1em)}h1,h2,h3,h4,h5,h6{font-weight:600}::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-engine{background:var(--gradient-engine);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.surface{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow .15s,border-color .15s}.surface-hover:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.glass-card{border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-float)}.glass-card,.gradient-card{background:var(--bg-surface)}.gradient-card{border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.gradient-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--gradient-engine);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .2s}.gradient-card:hover:before{opacity:1}.badge-engine{background:var(--accent-light);border:1px solid var(--accent-border);color:var(--accent-text);font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.badge-engine,.badge-mode{display:inline-flex;align-items:center;font-size:10px;line-height:1.4}.badge-mode{background:var(--bg-subtle);border:1px solid var(--border-main);color:var(--text-muted);font-weight:500;padding:2px 7px;border-radius:var(--radius-full)}.code-block{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-lg);box-shadow:0 2px 12px rgba(0,0,0,.15);margin-top:10px;overflow:hidden}.code-block-header{background:var(--code-surface);border-bottom:1px solid var(--code-border);padding:8px 12px;display:flex;align-items:center;gap:8px}.code-block-btn{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.4);border-radius:var(--radius-sm);padding:3px 8px;font-size:11px;cursor:pointer;transition:background .12s}.code-block-btn:hover{background:hsla(0,0%,100%,.12)}.input-zone{background:var(--bg-subtle);border-top:1px solid var(--border-main);padding:12px 16px 16px}.input-wrapper{background:var(--bg-input);border:1.5px solid var(--border-soft);border-radius:var(--radius-xl);padding:14px 14px 10px;box-shadow:var(--shadow-input);transition:border-color .15s,box-shadow .15s}.input-wrapper:focus-within{border-color:var(--accent);box-shadow:var(--shadow-focus)}.input-action-btn{display:inline-flex;align-items:center;gap:5px;background:var(--bg-subtle);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .12s;white-space:nowrap}.input-action-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.send-btn{width:36px;height:36px;border-radius:11px;background:var(--gradient-engine);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-engine);transition:opacity .12s,transform .1s;flex-shrink:0}.send-btn:disabled{background:var(--bg-hover);color:var(--text-faint);box-shadow:none}.send-btn:not(:disabled):active{transform:scale(.94)}.platform-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:5px 12px;border-radius:var(--radius-full);border:1.5px solid var(--border-main);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.platform-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 10px rgba(79,70,229,.3)}.platform-pill:not(.active):hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-hover)}.sidebar-item{padding:7px 10px;border-radius:var(--radius-md);font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .12s;display:flex;align-items:center;gap:8px;border:1px solid transparent}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-secondary)}.sidebar-item.active{background:var(--accent-light);color:var(--accent-text);border-color:var(--accent-border)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0);z-index:40;box-shadow:0 -1px 20px rgba(79,70,229,.06)}[data-theme=dark] .bottom-nav{background:rgba(24,25,50,.9);box-shadow:0 -1px 20px rgba(0,0,0,.2)}@media (min-width:768px){.bottom-nav{display:none}}@media (max-width:767px){main{padding-top:52px;padding-bottom:calc(60px + env(safe-area-inset-bottom, 0px))}.bottom-nav{padding-bottom:max(env(safe-area-inset-bottom,0px),8px)}}@keyframes xeron-sparkle{0%{transform:rotate(0deg) scale(1);opacity:.5}25%{transform:rotate(72deg) scale(1.35);opacity:1}50%{transform:rotate(144deg) scale(.9);opacity:.6}75%{transform:rotate(216deg) scale(1.35);opacity:1}to{transform:rotate(1turn) scale(1);opacity:.5}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pop{0%{transform:scale(.92);opacity:0}60%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .18s ease both}.animate-slide-up{animation:slideUp .22s ease both}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-pop{animation:pop .2s ease both}.shimmer{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-subtle) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.cmd-backdrop{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:80px;animation:fadeIn .1s ease both}.cmd-panel{width:min(560px,calc(100vw - 32px));background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);overflow:hidden}.shortcuts-backdrop{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .1s ease both}.shortcuts-panel{width:min(480px,calc(100vw - 32px));background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);overflow:hidden;max-height:80vh;overflow-y:auto}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:600;background:var(--accent-light);border:1px solid var(--accent-border);color:var(--accent-text);white-space:nowrap}.battle-bar{height:6px;border-radius:3px;overflow:hidden;background:var(--bg-hover);display:flex}.battle-bar-a{background:var(--gradient-engine);transition:width .5s ease}.battle-bar-b{background:var(--gradient-vision);transition:width .5s ease}.offline-banner{background:var(--orange);color:#fff;text-align:center;padding:6px 16px;font-size:12px;font-weight:600}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-top{padding-top:env(safe-area-inset-top,0)}code,pre{font-family:SF Mono,JetBrains Mono,Fira Code,monospace}[data-density=compact]{--row-py:7px}[data-density=compact] .surface{border-radius:var(--radius-md)}[data-density=compact] .sidebar-item{padding:5px 8px;font-size:12px}[data-density=compact] .bottom-nav{height:52px}[data-fontsize=sm]{font-size:13px}[data-fontsize=lg]{font-size:16px}[data-motion=reduced] *,[data-motion=reduced] :after,[data-motion=reduced] :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@supports (height:100dvh){.h-screen-dvh{height:100dvh}}[role=button],a,button{touch-action:manipulation}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes scoreReveal{0%{--score-deg:0deg}to{--score-deg:var(--score-target)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes ripple{0%{transform:scale(0);opacity:.35}to{transform:scale(4);opacity:0}}@keyframes bounceIn{0%{transform:scale(.6);opacity:0}55%{transform:scale(1.08);opacity:1}75%{transform:scale(.96)}to{transform:scale(1)}}@keyframes checkDraw{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}@keyframes numberUp{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastIn{0%{transform:translateY(-100%) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes toastOut{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-110%) scale(.95);opacity:0}}@keyframes slideInRight{0%{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes expandWidth{0%{width:0}to{width:var(--target-width,100%)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 0 0 var(--glow-color,rgba(79,70,229,0))}50%{box-shadow:0 0 0 6px var(--glow-color,rgba(79,70,229,.2))}}@keyframes dotBlink{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes indicatorSlide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes skeletonWave{0%{background-position:-400px 0}to{background-position:400px 0}}.animate-float{animation:floatY 3s ease-in-out infinite}.animate-bounce-in{animation:bounceIn .35s cubic-bezier(.34,1.56,.64,1) both}.animate-slide-right{animation:slideInRight .22s ease both}.animate-toast-in{animation:toastIn .22s cubic-bezier(.34,1.56,.64,1) both}.animate-toast-out{animation:toastOut .18s ease both}.animate-number-up{animation:numberUp .2s ease both}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}.delay-0{animation-delay:0ms}.delay-50{animation-delay:50ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-250{animation-delay:.25s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.hover-lift{transition:transform .18s ease,box-shadow .18s ease!important}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-float)!important}.hover-scale{transition:transform .15s ease!important}.hover-scale:hover{transform:scale(1.02)}.hover-glow-engine:hover{box-shadow:var(--glow-engine)!important}.hover-glow-vision:hover{box-shadow:var(--glow-vision)!important}.hover-glow-sound:hover{box-shadow:var(--glow-sound)!important}.hover-glow-motion:hover{box-shadow:var(--glow-motion)!important}.press{transition:transform .08s ease}.press:active{transform:scale(.96)}.page-enter{animation:fadeUp .24s ease both}.page-enter-slow{animation:slideUp .32s ease both}.stagger-list>*{animation:fadeUp .2s ease both}.stagger-list>:first-child{animation-delay:0ms}.stagger-list>:nth-child(2){animation-delay:40ms}.stagger-list>:nth-child(3){animation-delay:80ms}.stagger-list>:nth-child(4){animation-delay:.12s}.stagger-list>:nth-child(5){animation-delay:.16s}.stagger-list>:nth-child(6){animation-delay:.2s}.stagger-list>:nth-child(7){animation-delay:.24s}.stagger-list>:nth-child(8){animation-delay:.28s}.stagger-list>:nth-child(n+9){animation-delay:.3s}.gradient-animate{background-size:200% 200%;animation:gradientShift 4s ease infinite}.progress-bar-fill{animation:expandWidth .6s cubic-bezier(.34,1.2,.64,1) both}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--border-main) 37%,var(--bg-hover) 63%);background-size:400px 100%;animation:skeletonWave 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-hover),0 1px 4px rgba(0,0,0,.06);transition:border-color .15s,box-shadow .15s}.surface{transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease!important}.surface:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.surface.interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-float);border-color:var(--accent-border)}.gradient-border{position:relative;border:none!important;background-clip:padding-box}.gradient-border:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:var(--gradient-engine);z-index:-1;opacity:0;transition:opacity .2s}.gradient-border:focus-within:after,.gradient-border:hover:after{opacity:1}.loading-dots{display:inline-flex;gap:4px;align-items:center}.loading-dots span{width:5px;height:5px;border-radius:50%;background:currentColor;animation:dotBlink 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.16s}.loading-dots span:nth-child(3){animation-delay:.32s}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;inset:0;border-radius:inherit;background:hsla(0,0%,100%,.15);transform:scale(0);opacity:0;pointer-events:none}.btn-ripple:active:after{animation:ripple .4s ease-out both}.badge-bounce{animation:bounceIn .4s cubic-bezier(.34,1.56,.64,1) both}.check-draw{stroke-dasharray:40;stroke-dashoffset:40;animation:checkDraw .4s ease .1s both}.sidebar-item{position:relative;overflow:hidden}.sidebar-item.active:before{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 2px 2px 0;background:var(--accent);animation:indicatorSlide .2s ease both;transform-origin:left center}.bottom-nav a{transition:transform .1s ease}.bottom-nav a:active{transform:scale(.92)}.tooltip{position:relative}.tooltip:before{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(.9);white-space:nowrap;padding:4px 10px;border-radius:6px;background:var(--text-primary);color:var(--bg-app);font-size:11px;font-weight:500;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:100}.tooltip:hover:before{opacity:1;transform:translateX(-50%) scale(1)}@keyframes highlight-flash{0%{background:var(--accent-light)}to{background:transparent}}.flash-update{animation:highlight-flash .6s ease both;border-radius:var(--radius-sm)}.btn-primary-shine{position:relative;overflow:hidden}.btn-primary-shine:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.18),transparent);transform:skewX(-20deg);transition:none}.btn-primary-shine:hover:before{left:150%;transition:left .5s ease}@property --score-pct{syntax:"<number>";inherits:false;initial-value:0}.score-ring-animate{animation:scoreCountUp 1s cubic-bezier(.34,1.2,.64,1) .1s both}@keyframes scoreCountUp{0%{--score-pct:0}}.accordion-content{overflow:hidden;animation:accordionOpen .22s ease both}@keyframes accordionOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.card-grid-enter>*{animation:fadeUp .25s ease both}.card-grid-enter>:first-child{animation-delay:0ms}.card-grid-enter>:nth-child(2){animation-delay:60ms}.card-grid-enter>:nth-child(3){animation-delay:.12s}.card-grid-enter>:nth-child(4){animation-delay:.18s}.card-grid-enter>:nth-child(5){animation-delay:.24s}.card-grid-enter>:nth-child(6){animation-delay:.3s}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[role=button]:not([aria-disabled=true]),button:not(:disabled){transition:transform .08s ease,opacity .1s ease}[role=button]:not([aria-disabled=true]):active,button:not(:disabled):active{transform:scale(.96)}.link-underline{position:relative;text-decoration:none}.link-underline:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:currentColor;transition:width .2s ease}.link-underline:hover:after{width:100%}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-stagger>*{animation:fadeSlideUp .3s ease both}.card-stagger>:first-child{animation-delay:0ms}.card-stagger>:nth-child(2){animation-delay:50ms}.card-stagger>:nth-child(3){animation-delay:.1s}.card-stagger>:nth-child(4){animation-delay:.15s}.card-stagger>:nth-child(5){animation-delay:.2s}.card-stagger>:nth-child(6){animation-delay:.25s}.card-stagger>:nth-child(7){animation-delay:.3s}.card-stagger>:nth-child(8){animation-delay:.35s}.hover\:-translate-y-\[1px\]:hover{--tw-translate-y:-1px;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))}.hover\:bg-\[var\(--bg-hover\)\]:hover{background-color:var(--bg-hover)}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:\!text-\[var\(--text-muted\)\]:hover{color:var(--text-muted)!important}.hover\:\!text-\[var\(--text-secondary\)\]:hover{color:var(--text-secondary)!important}.hover\:text-\[\#1d9bf0\]:hover{--tw-text-opacity:1;color:rgb(29 155 240/var(--tw-text-opacity,1))}.hover\:text-\[var\(--accent\)\]:hover{color:var(--accent)}.hover\:text-\[var\(--red\)\]:hover{color:var(--red)}.hover\:text-\[var\(--text-muted\)\]:hover{color:var(--text-muted)}.hover\:text-\[var\(--text-secondary\)\]:hover{color:var(--text-secondary)}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_4px_20px_rgba\(99\2c 102\2c 241\2c 0\.45\)\]:hover{--tw-shadow:0 4px 20px rgba(99,102,241,.45);--tw-shadow-colored:0 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.active\:scale-\[0\.88\]:active{--tw-scale-x:0.88;--tw-scale-y:0.88}.active\:scale-\[0\.88\]:active,.active\:scale-\[0\.96\]:active{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))}.active\:scale-\[0\.96\]:active{--tw-scale-x:0.96;--tw-scale-y:0.96}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.active\:scale-\[0\.98\]:active,.active\:scale-\[0\.99\]:active{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))}.active\:scale-\[0\.99\]:active{--tw-scale-x:0.99;--tw-scale-y:0.99}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width:640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media (min-width:768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (prefers-color-scheme:dark){.dark\:hover\:bg-red-950\/20:hover{background-color:rgba(69,10,10,.2)}}