@layer components{.theme-selector-section{text-align:center;margin-bottom:var(--space-16);padding:var(--space-8);background:var(--color-surface-raised);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:background var(--transition-theme), border-color var(--transition-theme);position:relative;overflow:hidden;container-type:inline-size;&:before{content:"";background:conic-gradient(from 0deg, rgb(from var(--color-brand) r g b / 2%), rgb(from var(--color-accent) r g b / 2%), rgb(from var(--color-brand) r g b / 2%));pointer-events:none;width:200%;height:200%;animation:10s linear infinite rotate-gradient;position:absolute;top:-50%;left:-50%}@container (width<=640px){padding:var(--space-6);margin-bottom:var(--space-12)}@media print{display:none}}.theme-selector-title{font-size:var(--text-2xl);color:var(--color-brand);margin-bottom:var(--space-4);z-index:1;align-items:center;gap:var(--space-2);transition:color var(--transition-theme);font-weight:700;display:inline-flex;position:relative;&:before{content:"🎨";font-size:var(--text-xl);animation:2s ease-in-out infinite palette-bounce}@container (width<=640px){font-size:var(--text-xl);margin-bottom:var(--space-3)}}.theme-buttons-container{justify-content:center;gap:var(--space-4);z-index:1;flex-wrap:wrap;display:flex;position:relative;@container (width<=640px){align-items:center;gap:var(--space-3);flex-direction:column}}.theme-button{color:oklch(100% 0 0);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);box-shadow:var(--shadow-md);cursor:pointer;font-weight:700;font-size:var(--text-base);text-transform:uppercase;letter-spacing:.05em;min-width:7.5rem;transition:transform var(--transition-normal), box-shadow var(--transition-normal), background var(--transition-normal), font-family var(--transition-theme);border:none;position:relative;overflow:hidden;&:before{content:"";transition:translate var(--transition-slow);background:linear-gradient(90deg,#0000,oklch(100% 0 0/.2),#0000);position:absolute;inset:0;translate:-100%}&:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)scale(1.05);&:before{translate:100%}}&:active{transition-duration:.1s;transform:translateY(0)scale(.98)}&:focus-visible{outline-offset:2px;outline:2px solid oklch(100% 0 0/.8)}&.active{box-shadow:var(--shadow-xl);transform:translateY(-2px)scale(1.05);&:after{content:"";border-radius:var(--radius-full);z-index:-1;background:linear-gradient(45deg,oklch(62% .19 220),oklch(55% .26 290),oklch(60% .25 350),oklch(72% .17 80)) 0 0/400% 400%;animation:2s infinite active-gradient;position:absolute;inset:-2px}}&.loading{pointer-events:none;opacity:.7;&:before{content:"";background:0 0;border:2px solid oklch(100% 0 0/.3);border-top-color:oklch(100% 0 0);border-radius:50%;width:1rem;height:1rem;margin:auto;animation:1s linear infinite spin;position:absolute;inset:0;translate:0}}@container (width<=640px){min-width:8.75rem;padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}@container (width<=480px){min-width:7.5rem;padding:var(--space-2) var(--space-4)}}.theme-button-pro-play{background:linear-gradient(135deg,oklch(40% .02 255),oklch(30% .02 255));&:after{content:"⚡";top:50%;right:var(--space-2);font-size:var(--text-sm);opacity:.7;position:absolute;translate:0 -50%}&:hover{background:linear-gradient(135deg,oklch(30% .02 255),oklch(22% .02 255))}@container (width<=480px){&:after{display:none}}}.theme-button-power-up{background:linear-gradient(135deg,oklch(52% .19 264),oklch(44% .19 264));&:after{content:"🚀";top:50%;right:var(--space-2);font-size:var(--text-sm);opacity:.8;position:absolute;translate:0 -50%}&:hover{background:linear-gradient(135deg,oklch(44% .19 264),oklch(36% .19 264))}@container (width<=480px){&:after{display:none}}}.theme-button-sparkle-play{background:linear-gradient(135deg,oklch(62% .25 350),oklch(54% .25 350));&:after{content:"✨";top:50%;right:var(--space-2);font-size:var(--text-sm);animation:1.5s ease-in-out infinite sparkle-twinkle;position:absolute;translate:0 -50%}&:hover{background:linear-gradient(135deg,oklch(54% .25 350),oklch(46% .25 350))}@container (width<=480px){&:after{display:none}}}.theme-button-label{font-size:var(--text-xs);opacity:.9;margin-top:var(--space-1);text-transform:none;letter-spacing:normal;font-weight:400;display:block}.theme-power-up{& .theme-selector-title,& .theme-button{font-family:var(--font-display-power)}& .theme-selector-title{text-transform:uppercase;letter-spacing:.1em}& .theme-button{font-size:var(--text-lg)}& .theme-selector-section:after{content:"";background:repeating-linear-gradient(45deg, transparent, transparent 20px, rgb(from var(--color-brand) r g b / 2%) 20px, rgb(from var(--color-brand) r g b / 2%) 40px);pointer-events:none;z-index:0;position:absolute;inset:0}}.theme-sparkle-play{& .theme-selector-title,& .theme-button{font-family:var(--font-display-sparkle)}& .theme-button{text-transform:none;letter-spacing:normal}& .theme-selector-section:after{content:"🌟💫⭐";top:var(--space-4);right:var(--space-4);font-size:var(--text-lg);opacity:.2;z-index:0;animation:3s ease-in-out infinite sparkle-float;position:absolute}}}@keyframes rotate-gradient{to{transform:rotate(360deg)}}@keyframes palette-bounce{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.1)rotate(5deg)}}@keyframes active-gradient{0%,to{background-position:0%}50%{background-position:100%}}@keyframes sparkle-twinkle{0%,to{opacity:.8;transform:translateY(-50%)scale(1)}50%{opacity:1;transform:translateY(-50%)scale(1.2)}}@keyframes sparkle-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(10deg)}}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.catalog-intro[data-astro-cid-lcdefpme]{max-width:56rem;margin:0 auto var(--space-8);text-align:center;color:var(--color-text-muted);line-height:1.7}.catalog-cta[data-astro-cid-lcdefpme]{margin-top:var(--space-8);justify-content:center;display:flex}