/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}.visible{visibility:visible}.sr-only{clip-path:inset(50%);border-width:0}.static{position:static}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.table{display:table}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.w-\[100px\]{width:100px}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[200px\]{width:200px}.w-\[250px\]{width:250px}.w-\[400px\]{width:400px}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e+38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.text-center{text-align:center}.text-left{text-align:left}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}canvas,img,picture,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);background-color:hsl(var(--color-neutral-50))}body,h1,h2,h3,h4,h5,h6{color:hsl(var(--color-neutral-900))}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-semibold);line-height:var(--leading-tight)}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)}:focus-visible{outline:2px solid hsl(var(--color-brand-500));outline-offset:2px}::-moz-selection{background-color:hsl(var(--color-brand-100));color:hsl(var(--color-brand-900))}::selection{background-color:hsl(var(--color-brand-100));color:hsl(var(--color-brand-900))}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--color-neutral-100))}::-webkit-scrollbar-thumb{background:hsl(var(--color-neutral-300));border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:hsl(var(--color-neutral-400))}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.btn{border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;border:none;justify-content:center;align-items:center;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid hsl(var(--color-brand-500));outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:hsl(var(--color-brand-500));color:hsl(var(--color-neutral-50))}.btn-primary:hover:not(:disabled){background-color:hsl(var(--color-brand-600))}.btn-secondary{background-color:hsl(var(--color-neutral-200));color:hsl(var(--color-neutral-900))}.btn-secondary:hover:not(:disabled){background-color:hsl(var(--color-neutral-300))}.btn-ghost{color:hsl(var(--color-neutral-900));background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:hsl(var(--color-neutral-100))}.btn-destructive{background-color:hsl(var(--color-error-500));color:hsl(var(--color-neutral-50))}.btn-destructive:hover:not(:disabled){background-color:hsl(var(--color-error-600))}.btn-sm{height:2rem;font-size:var(--text-sm);padding:0 .75rem}.btn-md{height:2.5rem;font-size:var(--text-base);padding:0 1rem}.btn-lg{height:3rem;font-size:var(--text-lg);padding:0 1.5rem}.hero{text-align:center;padding:var(--spacing-3xl)var(--spacing-lg)}.hero-title{font-size:var(--text-5xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-lg);color:hsl(var(--color-neutral-900))}.hero-subtitle{font-size:var(--text-xl);color:hsl(var(--color-neutral-600));margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}@media (prefers-color-scheme:dark){body{background-color:hsl(var(--color-neutral-900))}.hero-title,body,h1,h2,h3,h4,h5,h6{color:hsl(var(--color-neutral-50))}.hero-subtitle{color:hsl(var(--color-neutral-400))}}[data-color-scheme=dark]{background-color:hsl(var(--color-neutral-900))}[data-color-scheme=dark],[data-color-scheme=dark] .hero-title,[data-color-scheme=dark] h1,[data-color-scheme=dark] h2,[data-color-scheme=dark] h3,[data-color-scheme=dark] h4,[data-color-scheme=dark] h5,[data-color-scheme=dark] h6{color:hsl(var(--color-neutral-50))}[data-color-scheme=dark] .hero-subtitle{color:hsl(var(--color-neutral-400))}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}[data-theme=nostromo]{--color-brand-50:262 84% 95%;--color-brand-100:262 84% 90%;--color-brand-200:262 84% 80%;--color-brand-300:262 84% 70%;--color-brand-400:262 84% 60%;--color-brand-500:262 84% 52%;--color-brand-600:262 84% 45%;--color-brand-700:262 84% 35%;--color-brand-800:262 84% 25%;--color-brand-900:262 84% 15%;--color-brand-950:262 84% 8%;--color-neutral-50:0 0% 98%;--color-neutral-100:0 0% 96%;--color-neutral-200:0 0% 90%;--color-neutral-300:0 0% 83%;--color-neutral-400:0 0% 64%;--color-neutral-500:0 0% 45%;--color-neutral-600:0 0% 32%;--color-neutral-700:0 0% 25%;--color-neutral-800:0 0% 15%;--color-neutral-900:0 0% 9%;--color-neutral-950:0 0% 4%;--color-success-50:142 76% 95%;--color-success-100:142 76% 90%;--color-success-200:142 76% 80%;--color-success-300:142 76% 70%;--color-success-400:142 76% 60%;--color-success-500:142 76% 36%;--color-success-600:142 76% 30%;--color-success-700:142 76% 25%;--color-success-800:142 76% 20%;--color-success-900:142 76% 15%;--color-success-950:142 76% 8%;--color-warning-50:38 92% 95%;--color-warning-100:38 92% 90%;--color-warning-200:38 92% 80%;--color-warning-300:38 92% 70%;--color-warning-400:38 92% 60%;--color-warning-500:38 92% 50%;--color-warning-600:38 92% 45%;--color-warning-700:38 92% 35%;--color-warning-800:38 92% 25%;--color-warning-900:38 92% 15%;--color-warning-950:38 92% 8%;--color-error-50:0 84% 95%;--color-error-100:0 84% 90%;--color-error-200:0 84% 80%;--color-error-300:0 84% 70%;--color-error-400:0 84% 60%;--color-error-500:0 84% 60%;--color-error-600:0 84% 50%;--color-error-700:0 84% 40%;--color-error-800:0 84% 30%;--color-error-900:0 84% 20%;--color-error-950:0 84% 10%;--color-info-50:199 89% 95%;--color-info-100:199 89% 90%;--color-info-200:199 89% 80%;--color-info-300:199 89% 70%;--color-info-400:199 89% 60%;--color-info-500:199 89% 48%;--color-info-600:199 89% 40%;--color-info-700:199 89% 30%;--color-info-800:199 89% 20%;--color-info-900:199 89% 15%;--color-info-950:199 89% 8%;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-none:0px;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--shadow-button:0 1px 2px 0 rgba(0,0,0,.05);--shadow-button-hover:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-card:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-card-hover:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-input:0 1px 2px 0 rgba(0,0,0,.05);--shadow-input-focus:0 0 0 3px rgba(139,92,246,.1);--font-heading:"Inter",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--transition-fast:150ms ease-in-out;--transition-normal:200ms ease-in-out;--transition-slow:300ms ease-in-out;--transition-bounce:200ms cubic-bezier(0.68,-0.55,0.265,1.55);--transition-button:all 150ms ease-in-out;--transition-input:all 200ms ease-in-out;--transition-card:all 200ms ease-in-out;--transition-modal:all 300ms cubic-bezier(0.4,0,0.2,1)}[data-theme=nostromo][data-color-scheme=light]{--color-neutral-50:0 0% 98%;--color-neutral-100:0 0% 96%;--color-neutral-200:0 0% 90%;--color-neutral-300:0 0% 83%;--color-neutral-400:0 0% 64%;--color-neutral-500:0 0% 45%;--color-neutral-600:0 0% 32%;--color-neutral-700:0 0% 25%;--color-neutral-800:0 0% 15%;--color-neutral-900:0 0% 9%;--color-neutral-950:0 0% 4%;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}[data-theme=nostromo][data-color-scheme=dark]{--color-neutral-50:0 0% 9%;--color-neutral-100:0 0% 15%;--color-neutral-200:0 0% 25%;--color-neutral-300:0 0% 35%;--color-neutral-400:0 0% 45%;--color-neutral-500:0 0% 55%;--color-neutral-600:0 0% 65%;--color-neutral-700:0 0% 75%;--color-neutral-800:0 0% 85%;--color-neutral-900:0 0% 95%;--color-neutral-950:0 0% 98%;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4)}@media (prefers-color-scheme:dark){[data-theme=nostromo]{--color-neutral-50:0 0% 9%;--color-neutral-100:0 0% 15%;--color-neutral-200:0 0% 25%;--color-neutral-300:0 0% 35%;--color-neutral-400:0 0% 45%;--color-neutral-500:0 0% 55%;--color-neutral-600:0 0% 65%;--color-neutral-700:0 0% 75%;--color-neutral-800:0 0% 85%;--color-neutral-900:0 0% 95%;--color-neutral-950:0 0% 98%;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4)}}:root{--color-primary:262 84% 52%;--color-secondary:262 84% 45%;--color-accent:262 84% 60%;--color-success:142 76% 36%;--color-warning:38 92% 50%;--color-error:0 84% 60%;--color-info:199 89% 48%;--color-neutral-50:0 0% 98%;--color-neutral-100:0 0% 96%;--color-neutral-200:0 0% 90%;--color-neutral-300:0 0% 83%;--color-neutral-400:0 0% 64%;--color-neutral-500:0 0% 45%;--color-neutral-600:0 0% 32%;--color-neutral-700:0 0% 25%;--color-neutral-800:0 0% 15%;--color-neutral-900:0 0% 9%;--color-neutral-950:0 0% 4%;--bg-primary:hsl(var(--color-neutral-50));--bg-secondary:hsl(var(--color-neutral-100));--bg-tertiary:hsl(var(--color-neutral-200));--bg-quaternary:hsl(var(--color-neutral-300));--text-primary:hsl(var(--color-neutral-900));--text-secondary:hsl(var(--color-neutral-700));--text-tertiary:hsl(var(--color-neutral-500));--text-muted:hsl(var(--color-neutral-400));--text-inverse:hsl(var(--color-neutral-50));--border-light:hsl(var(--color-neutral-200));--border-medium:hsl(var(--color-neutral-300));--border-dark:hsl(var(--color-neutral-400));--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--btn-primary-bg:hsl(var(--color-primary));--btn-primary-text:hsl(var(--color-neutral-50));--btn-primary-hover:hsl(var(--color-secondary));--btn-secondary-bg:hsl(var(--color-neutral-100));--btn-secondary-text:hsl(var(--color-neutral-900));--btn-secondary-hover:hsl(var(--color-neutral-200));--form-bg:hsl(var(--color-neutral-50));--form-border:hsl(var(--color-neutral-300));--form-border-focus:hsl(var(--color-primary));--form-border-error:hsl(var(--color-error));--form-border-success:hsl(var(--color-success));--code-bg:hsl(var(--color-neutral-100));--code-text:hsl(var(--color-neutral-800));--code-border:hsl(var(--color-neutral-200));--code-comment:hsl(var(--color-neutral-500));--code-keyword:hsl(var(--color-primary));--code-string:hsl(var(--color-success));--code-number:hsl(var(--color-warning));--code-function:hsl(var(--color-info));--status-success:hsl(var(--color-success));--status-warning:hsl(var(--color-warning));--status-error:hsl(var(--color-error));--status-info:hsl(var(--color-info));--overlay-light:rgba(0,0,0,.1);--overlay-medium:rgba(0,0,0,.3);--overlay-dark:rgba(0,0,0,.5);--overlay-darker:rgba(0,0,0,.7);--gradient-primary:linear-gradient(135deg,hsl(var(--color-primary)),hsl(var(--color-secondary)));--gradient-neutral:linear-gradient(135deg,hsl(var(--color-neutral-100)),hsl(var(--color-neutral-200)));--gradient-success:linear-gradient(135deg,hsl(var(--color-success)),#12873d);--gradient-warning:linear-gradient(135deg,hsl(var(--color-warning)),#c47f08);--gradient-error:linear-gradient(135deg,hsl(var(--color-error)),#eb1414);--animation-primary:hsl(var(--color-primary));--animation-secondary:hsl(var(--color-secondary));--animation-success:hsl(var(--color-success));--animation-warning:hsl(var(--color-warning));--animation-error:hsl(var(--color-error))}[data-theme=dark]{--color-primary:262 84% 52%;--color-secondary:262 84% 45%;--color-accent:262 84% 60%;--color-success:142 76% 36%;--color-warning:38 92% 50%;--color-error:0 84% 60%;--color-info:199 89% 48%;--color-neutral-50:0 0% 4%;--color-neutral-100:0 0% 9%;--color-neutral-200:0 0% 15%;--color-neutral-300:0 0% 25%;--color-neutral-400:0 0% 32%;--color-neutral-500:0 0% 45%;--color-neutral-600:0 0% 64%;--color-neutral-700:0 0% 83%;--color-neutral-800:0 0% 90%;--color-neutral-900:0 0% 96%;--color-neutral-950:0 0% 98%;--bg-primary:hsl(var(--color-neutral-950));--bg-secondary:hsl(var(--color-neutral-900));--bg-tertiary:hsl(var(--color-neutral-800));--bg-quaternary:hsl(var(--color-neutral-700));--text-primary:hsl(var(--color-neutral-50));--text-secondary:hsl(var(--color-neutral-200));--text-tertiary:hsl(var(--color-neutral-400));--text-muted:hsl(var(--color-neutral-500));--text-inverse:hsl(var(--color-neutral-900));--border-light:hsl(var(--color-neutral-800));--border-medium:hsl(var(--color-neutral-700));--border-dark:hsl(var(--color-neutral-600));--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.3);--btn-primary-bg:hsl(var(--color-primary));--btn-primary-text:hsl(var(--color-neutral-50));--btn-primary-hover:hsl(var(--color-secondary));--btn-secondary-bg:hsl(var(--color-neutral-800));--btn-secondary-text:hsl(var(--color-neutral-50));--btn-secondary-hover:hsl(var(--color-neutral-700));--form-bg:hsl(var(--color-neutral-900));--form-border:hsl(var(--color-neutral-700));--form-border-focus:hsl(var(--color-primary));--form-border-error:hsl(var(--color-error));--form-border-success:hsl(var(--color-success));--code-bg:hsl(var(--color-neutral-950));--code-text:hsl(var(--color-neutral-100));--code-border:hsl(var(--color-neutral-800));--code-comment:hsl(var(--color-neutral-500));--code-keyword:hsl(var(--color-primary));--code-string:hsl(var(--color-success));--code-number:hsl(var(--color-warning));--code-function:hsl(var(--color-info));--status-success:hsl(var(--color-success));--status-warning:hsl(var(--color-warning));--status-error:hsl(var(--color-error));--status-info:hsl(var(--color-info));--overlay-light:hsla(0,0%,100%,.1);--overlay-medium:hsla(0,0%,100%,.3);--overlay-dark:hsla(0,0%,100%,.5);--overlay-darker:hsla(0,0%,100%,.7);--gradient-primary:linear-gradient(135deg,hsl(var(--color-primary)),hsl(var(--color-secondary)));--gradient-neutral:linear-gradient(135deg,hsl(var(--color-neutral-800)),hsl(var(--color-neutral-700)));--gradient-success:linear-gradient(135deg,hsl(var(--color-success)),#12873d);--gradient-warning:linear-gradient(135deg,hsl(var(--color-warning)),#c47f08);--gradient-error:linear-gradient(135deg,hsl(var(--color-error)),#eb1414);--animation-primary:hsl(var(--color-primary));--animation-secondary:hsl(var(--color-secondary));--animation-success:hsl(var(--color-success));--animation-warning:hsl(var(--color-warning));--animation-error:hsl(var(--color-error))}@media (prefers-color-scheme:dark){[data-theme=auto]{--color-neutral-50:0 0% 4%;--color-neutral-100:0 0% 9%;--color-neutral-200:0 0% 15%;--color-neutral-300:0 0% 25%;--color-neutral-400:0 0% 32%;--color-neutral-500:0 0% 45%;--color-neutral-600:0 0% 64%;--color-neutral-700:0 0% 83%;--color-neutral-800:0 0% 90%;--color-neutral-900:0 0% 96%;--color-neutral-950:0 0% 98%;--bg-primary:hsl(var(--color-neutral-950));--bg-secondary:hsl(var(--color-neutral-900));--bg-tertiary:hsl(var(--color-neutral-800));--bg-quaternary:hsl(var(--color-neutral-700));--text-primary:hsl(var(--color-neutral-50));--text-secondary:hsl(var(--color-neutral-200));--text-tertiary:hsl(var(--color-neutral-400));--text-muted:hsl(var(--color-neutral-500));--text-inverse:hsl(var(--color-neutral-900));--border-light:hsl(var(--color-neutral-800));--border-medium:hsl(var(--color-neutral-700));--border-dark:hsl(var(--color-neutral-600));--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.3);--btn-primary-bg:hsl(var(--color-primary));--btn-primary-text:hsl(var(--color-neutral-50));--btn-primary-hover:hsl(var(--color-secondary));--btn-secondary-bg:hsl(var(--color-neutral-800));--btn-secondary-text:hsl(var(--color-neutral-50));--btn-secondary-hover:hsl(var(--color-neutral-700));--form-bg:hsl(var(--color-neutral-900));--form-border:hsl(var(--color-neutral-700));--form-border-focus:hsl(var(--color-primary));--form-border-error:hsl(var(--color-error));--form-border-success:hsl(var(--color-success));--code-bg:hsl(var(--color-neutral-950));--code-text:hsl(var(--color-neutral-100));--code-border:hsl(var(--color-neutral-800));--code-comment:hsl(var(--color-neutral-500));--code-keyword:hsl(var(--color-primary));--code-string:hsl(var(--color-success));--code-number:hsl(var(--color-warning));--code-function:hsl(var(--color-info));--overlay-light:hsla(0,0%,100%,.1);--overlay-medium:hsla(0,0%,100%,.3);--overlay-dark:hsla(0,0%,100%,.5);--overlay-darker:hsla(0,0%,100%,.7);--gradient-primary:linear-gradient(135deg,hsl(var(--color-primary)),hsl(var(--color-secondary)));--gradient-neutral:linear-gradient(135deg,hsl(var(--color-neutral-800)),hsl(var(--color-neutral-700)));--gradient-success:linear-gradient(135deg,hsl(var(--color-success)),#12873d);--gradient-warning:linear-gradient(135deg,hsl(var(--color-warning)),#c47f08);--gradient-error:linear-gradient(135deg,hsl(var(--color-error)),#eb1414)}}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.theme-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .3s ease;overflow:hidden}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--color-primary)}.theme-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.theme-toggle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.25rem;transition:all .3s ease}.theme-toggle-icon.light{opacity:1;transform:translate(-50%,-50%) rotate(0deg)}.theme-toggle-icon.dark{opacity:0;transform:translate(-50%,-50%) rotate(180deg)}[data-theme=dark] .theme-toggle-icon.light{opacity:0;transform:translate(-50%,-50%) rotate(-180deg)}[data-theme=dark] .theme-toggle-icon.dark{opacity:1;transform:translate(-50%,-50%) rotate(0deg)}.theme-dropdown{position:relative;display:inline-block}.theme-dropdown-trigger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .3s ease}.theme-dropdown-trigger:hover{background:var(--bg-secondary);border-color:var(--color-primary)}.theme-dropdown-trigger:focus{outline:2px solid var(--color-primary);outline-offset:2px}.theme-dropdown-menu{position:absolute;top:100%;right:0;min-width:160px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;margin-top:var(--spacing-xs);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.theme-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.theme-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;color:var(--text-primary);text-align:left;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-sm);margin:var(--spacing-xs)}.theme-dropdown-item:hover{background:var(--bg-secondary)}.theme-dropdown-item:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.theme-dropdown-item.active{background:var(--bg-secondary);color:var(--color-primary);font-weight:600}.theme-dropdown-item-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.theme-status{position:fixed;top:20px;right:20px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.875rem;color:var(--text-primary);z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.theme-status.show{opacity:1;visibility:visible;transform:translateY(0)}@keyframes theme-change{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.theme-changing{animation:theme-change .3s ease}.theme-persist{position:fixed;bottom:20px;right:20px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.875rem;color:var(--text-primary);z-index:1000;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease}.theme-persist.show{opacity:1;visibility:visible;transform:translateY(0)}.theme-debug{position:fixed;bottom:20px;left:20px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.75rem;color:var(--text-primary);z-index:1000;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;max-width:300px;word-wrap:break-word}.theme-debug.show{opacity:1;visibility:visible;transform:translateY(0)}.theme-debug-item{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.theme-debug-label{font-weight:600;color:var(--text-secondary)}.theme-debug-value{color:var(--text-primary);font-family:var(--font-mono)}