@font-face{font-family:__Inter_fcbcbf;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_fcbcbf;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_fcbcbf;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_fcbcbf;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_fcbcbf;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_fcbcbf;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_fcbcbf;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_fcbcbf;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_fcbcbf{font-family:__Inter_fcbcbf,__Inter_Fallback_fcbcbf;font-style:normal}.__variable_fcbcbf{--font-inter:"__Inter_fcbcbf","__Inter_Fallback_fcbcbf"}@font-face{font-family:__Roboto_Mono_829ef8;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/1f160ec2cb9962ef-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Roboto_Mono_829ef8;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/ad8a7e2c3c2c120b-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Roboto_Mono_829ef8;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/cde148027b808b99-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Roboto_Mono_829ef8;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/e61ae719f7cc4155-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Roboto_Mono_829ef8;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/0ea4f4df910e6120-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Roboto_Mono_829ef8;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/739c2d8941231bb4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Roboto_Mono_Fallback_829ef8;src:local("Arial");ascent-override:77.08%;descent-override:19.93%;line-gap-override:0.00%;size-adjust:135.95%}.__className_829ef8{font-family:__Roboto_Mono_829ef8,__Roboto_Mono_Fallback_829ef8;font-style:normal}.__variable_829ef8{--font-roboto-mono:"__Roboto_Mono_829ef8","__Roboto_Mono_Fallback_829ef8"}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;background:radial-gradient(ellipse at center,#1a1a2e 0,#0a0a0f 100%);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity .8s cubic-bezier(.4,0,.2,1);overflow:hidden}.preloader:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(255,82,82,.03) 0,rgba(76,175,80,.03) 33%,rgba(33,150,243,.03) 66%,transparent 100%);animation:pulseGlow 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.preloader.fade-out{opacity:0;pointer-events:none}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:2.5rem;animation:fadeInUp 1s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}.preloader-logo{animation:float 3s ease-in-out infinite,logoGlow 2s ease-in-out infinite;position:relative}.preloader-logo:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,hsla(0,0%,100%,.2) 0,transparent 70%);border-radius:50%;z-index:-1;animation:pulseRing 2s cubic-bezier(.4,0,.2,1) infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(1deg)}50%{transform:translateY(-12px) rotate(0deg)}75%{transform:translateY(-8px) rotate(-1deg)}}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 20px rgba(255,255,255,.3)) drop-shadow(0 0 40px rgba(100,150,255,.2))}50%{filter:drop-shadow(0 0 30px rgba(255,255,255,.5)) drop-shadow(0 0 60px rgba(100,150,255,.4))}}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}50%{opacity:.3}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.preloader-title{font-size:3rem;font-weight:700;font-family:var(--font-inter),sans-serif;color:#fff;letter-spacing:-.03em;text-align:center;position:relative;animation:titleAppear 1s cubic-bezier(.34,1.56,.64,1) .2s backwards}@keyframes titleAppear{0%{opacity:0;transform:scale(.8) translateY(20px);letter-spacing:.1em}to{opacity:1;transform:scale(1) translateY(0);letter-spacing:-.03em}}.preloader-title-main{background:linear-gradient(135deg,#fff,#e8f5ff 25%,#fff 50%,#e8f5ff 75%,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;text-shadow:0 0 40px hsla(0,0%,100%,.5)}.preloader-title-domain{color:hsla(0,0%,100%,.6);font-weight:400}.preloader-animation{width:240px;height:6px;position:relative;overflow:hidden;background:hsla(0,0%,100%,.08);border-radius:3px;box-shadow:0 0 20px rgba(255,82,82,.1),0 0 20px rgba(76,175,80,.1),0 0 20px rgba(33,150,243,.1),inset 0 1px 2px rgba(0,0,0,.3);animation:waveAppear 1s cubic-bezier(.34,1.56,.64,1) .4s backwards}@keyframes waveAppear{0%{opacity:0;transform:scaleX(.3)}to{opacity:1;transform:scaleX(1)}}.color-wave{display:flex;width:100%}.color-wave,.wave-segment{height:100%;position:relative}.wave-segment{flex:1 1;overflow:hidden}.wave-segment:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;animation:waveSlide 2.5s cubic-bezier(.65,0,.35,1) infinite;filter:blur(1px)}.wave-red:before{background:linear-gradient(90deg,transparent,rgba(255,82,82,.3) 20%,#ff5252 50%,rgba(255,82,82,.3) 80%,transparent);animation-delay:0s;box-shadow:0 0 10px rgba(255,82,82,.8)}.wave-green:before{background:linear-gradient(90deg,transparent,rgba(76,175,80,.3) 20%,#4caf50 50%,rgba(76,175,80,.3) 80%,transparent);animation-delay:.2s;box-shadow:0 0 10px rgba(76,175,80,.8)}.wave-blue:before{background:linear-gradient(90deg,transparent,rgba(33,150,243,.3) 20%,#2196f3 50%,rgba(33,150,243,.3) 80%,transparent);animation-delay:.4s;box-shadow:0 0 10px rgba(33,150,243,.8)}@keyframes waveSlide{0%{left:-100%;opacity:0;transform:scaleY(1)}5%{opacity:1}50%{transform:scaleY(1.2)}95%{opacity:1}to{left:100%;opacity:0;transform:scaleY(1)}}.preloader-tagline{font-size:.95rem;color:hsla(0,0%,100%,.6);font-family:var(--font-inter),sans-serif;letter-spacing:.15em;text-transform:uppercase;font-weight:300;animation:taglineAppear 1s cubic-bezier(.34,1.56,.64,1) .6s backwards,pulse 3s ease-in-out infinite;position:relative}.preloader-tagline:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:40px;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:lineExpand 2s ease-in-out infinite}@keyframes taglineAppear{0%{opacity:0;transform:translateY(10px);letter-spacing:.3em}to{opacity:1;transform:translateY(0);letter-spacing:.15em}}@keyframes lineExpand{0%,to{width:40px;opacity:.3}50%{width:80px;opacity:.6}}@media (max-width:768px){.preloader-title{font-size:2rem}.preloader-animation{width:150px}.preloader-tagline{font-size:.75rem}}@media (max-width:480px){.preloader-title{font-size:1.5rem}.preloader-animation{width:120px}}@media (prefers-reduced-motion:reduce){.preloader-content,.preloader-logo,.preloader-tagline,.wave-segment:before{animation:none}.color-wave{background:linear-gradient(90deg,#ff5252,#4caf50 50%,#2196f3)}.wave-segment:before{display:none}}:root{--screensavy-bg-color:#5508fd;--screensavy-bg-r:85;--screensavy-bg-g:8;--screensavy-bg-b:253;--screensavy-text-color:hsla(0,0%,100%,.9);--screensavy-text-secondary:hsla(0,0%,100%,.7);--screensavy-text-tertiary:hsla(0,0%,100%,.5);--ui-surface:rgba(0,0,0,.2);--ui-surface-hover:rgba(0,0,0,.3);--ui-surface-active:hsla(0,0%,100%,.15);--ui-glass:hsla(0,0%,100%,.15);--ui-glass-strong:hsla(0,0%,100%,.25);--ui-border:hsla(0,0%,100%,.1);--ui-border-hover:hsla(0,0%,100%,.2);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--font-family-base:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-family-mono:"Roboto Mono","Courier New",monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--z-background:0;--z-content:5;--z-shades:20;--z-speed-control:25;--z-rgb-panel:30;--z-clock-controls:40;--z-toolbar:50;--z-menu:100;--z-welcome:200;--z-modal:1000;--z-visualizer:1200;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:15px;--radius-2xl:20px;--radius-round:50%;--radius-pill:999px;--shadow-sm:0 2px 8px rgba(0,0,0,.1);--shadow-md:0 2px 10px rgba(0,0,0,.15);--shadow-lg:0 4px 20px rgba(0,0,0,.2);--shadow-xl:0 8px 32px rgba(0,0,0,.25);--shadow-2xl:0 16px 60px rgba(0,0,0,.35);--blur-light:blur(5px);--blur-medium:blur(10px);--blur-heavy:blur(20px);--duration-instant:0ms;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:800ms;--ease-standard:cubic-bezier(0.4,0.0,0.2,1);--ease-decelerate:cubic-bezier(0.0,0.0,0.2,1);--ease-accelerate:cubic-bezier(0.4,0.0,1,1);--ease-in-out-cubic:cubic-bezier(0.65,0,0.35,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--transition-fast:var(--duration-fast) var(--ease-standard);--transition-normal:var(--duration-normal) var(--ease-standard);--transition-slow:var(--duration-slow) var(--ease-standard);--button-size:44px;--button-padding:var(--space-lg) var(--space-2xl);--button-bg:var(--ui-glass);--button-bg-hover:var(--ui-glass-strong);--button-bg-active:hsla(0,0%,100%,.3);--panel-bg:var(--ui-surface);--panel-padding:var(--space-xl);--panel-radius:var(--radius-xl);--panel-backdrop:var(--blur-medium);--shades-height:80px;--shades-rows:3;--shades-cols:8;--text-small:3vw;--text-medium:6vw;--text-large:10vw;--clock-size-modern:8vw;--clock-size-full:7vw;--clock-size-minimal:8vw;--clock-color:hsla(0,0%,100%,.85);--anim-fade:var(--duration-normal);--anim-slide:var(--duration-normal);--anim-scale:var(--duration-fast);--anim-rotate:var(--duration-slow);--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-wide:1440px;--min-touch-target:44px;--min-text-size:16px;--accessible-contrast:7;--will-change-transform:transform;--will-change-opacity:opacity;--will-change-color:background-color}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0ms;--duration-fast:0ms;--duration-normal:0ms;--duration-slow:0ms;--duration-slower:0ms;--anim-fade:0ms;--anim-slide:0ms;--anim-scale:0ms;--anim-rotate:0ms}}@media (prefers-contrast:more){:root{--ui-glass:hsla(0,0%,100%,.3);--ui-glass-strong:hsla(0,0%,100%,.4);--ui-border:hsla(0,0%,100%,.4);--screensavy-text-color:#fff}}@media (max-width:768px){:root{--button-size:40px;--panel-padding:var(--space-md);--shades-height:60px}}:root{--safe-area-top:env(safe-area-inset-top);--safe-area-right:env(safe-area-inset-right);--safe-area-bottom:env(safe-area-inset-bottom);--safe-area-left:env(safe-area-inset-left)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes scaleOut{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.1)}40%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinReverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes flash{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow{0%,to{filter:brightness(1) drop-shadow(0 0 0 transparent)}50%{filter:brightness(1.2) drop-shadow(0 0 20px rgba(255,255,255,.5))}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.3)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes wobble{0%,to{transform:rotate(0deg)}15%{transform:rotate(-5deg)}30%{transform:rotate(3deg)}45%{transform:rotate(-3deg)}60%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}}.color-transition-smooth{transition:background-color var(--transition-normal)}.color-transition-fast{transition:background-color var(--transition-fast)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes buttonHover{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes buttonPress{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes menuReveal{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes backdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes loaderDots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes loaderBars{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes loaderCircle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes notificationSlideIn{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes notificationSlideOut{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-20px);opacity:0}}@keyframes hintPulse{0%,to{box-shadow:0 0 0 0 hsla(0,0%,100%,.4)}50%{box-shadow:0 0 0 10px hsla(0,0%,100%,0)}}.anim-instant{animation-duration:var(--duration-instant)!important}.anim-fast{animation-duration:var(--duration-fast)}.anim-normal{animation-duration:var(--duration-normal)}.anim-slow{animation-duration:var(--duration-slow)}.anim-delay-1{animation-delay:.1s}.anim-delay-2{animation-delay:.2s}.anim-delay-3{animation-delay:.3s}.anim-delay-4{animation-delay:.4s}.anim-delay-5{animation-delay:.5s}.ease-standard{animation-timing-function:var(--ease-standard)}.ease-decelerate{animation-timing-function:var(--ease-decelerate)}.ease-accelerate{animation-timing-function:var(--ease-accelerate)}.ease-in-out{animation-timing-function:var(--ease-in-out-cubic)}.ease-bounce{animation-timing-function:var(--ease-bounce)}.anim-infinite{animation-iteration-count:infinite}.anim-forwards{animation-fill-mode:forwards}.anim-backwards{animation-fill-mode:backwards}.anim-both{animation-fill-mode:both}.anim-paused{animation-play-state:paused}.anim-running{animation-play-state:running}.will-transform{will-change:transform}.will-opacity{will-change:opacity}.will-transform-opacity{will-change:transform,opacity}.gpu-accelerate{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}.contain-layout{contain:layout}.contain-paint{contain:paint}.contain-strict{contain:strict}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@keyframes fadeIn{0%,to{opacity:1}}@keyframes slideIn{0%,to{transform:none}}}@media print{*{animation:none!important;transition:none!important}}.video-wrapper{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center}.ambilight-wrapper{width:100%;height:100%;position:relative}.ambilight-video{width:100%;height:100%;border-radius:8px;aspect-ratio:16/9}.ambilight{filter:blur(80px) opacity(.8) saturate(300%);left:0;pointer-events:none;position:absolute;top:0;transform:scale(1.2) translateZ(0);width:100%;z-index:-1;height:100%;box-shadow:0 0 120px #0000}body,html{margin:0;min-height:100%;overflow:hidden;background:#000;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}*{box-sizing:border-box;font-family:Inter,system-ui,sans-serif}.visualizer-mode-root{pointer-events:none}.visualizer-mode-root>*{pointer-events:auto}.material-symbols-outlined{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:20px}.favorite-filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;color:#ff5252}.clock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:hsla(0,0%,100%,.85);text-align:center;z-index:5}.clock.modern .time{font-size:8vw;font-weight:700;letter-spacing:-.02em;color:hsla(0,0%,100%,.9);text-shadow:0 2px 20px rgba(0,0,0,.15);font-family:Inter,sans-serif}.clock.modern .blink{animation:blink 1s infinite;opacity:.8}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.clock.full{display:flex;flex-direction:column;align-items:center}.time-fixed-container{height:12vw;align-items:center;margin-bottom:10px}.time-fixed,.time-fixed-container{display:flex;justify-content:center}.time-fixed{font-family:Roboto Mono,monospace;font-size:7vw;font-weight:700}.digit{width:1em}.digit,.separator{display:inline-block;text-align:center}.separator{width:.5em}.clock.full .date{font-size:2vw;font-weight:400;opacity:.9;margin-bottom:5px}.clock.full .day{font-size:1.5vw;font-weight:300;opacity:.7;text-transform:uppercase;letter-spacing:.2em}.clock.minimal{display:flex;align-items:center}.clock.minimal .time{display:flex}.clock.minimal .hours{font-size:8vw;font-weight:700;color:hsla(0,0%,100%,.95)}.clock.minimal .hours:after{content:":";opacity:.5;margin:0 .1em}.clock.minimal .minutes{font-size:8vw;font-weight:300;color:hsla(0,0%,100%,.7)}.clock-control-row{position:absolute;top:70px;left:20px;display:flex;gap:10px;z-index:40;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(-10px);pointer-events:none}.clock-control-row.active{opacity:1;transform:translateY(0);pointer-events:auto}.visualizer-control-row{position:absolute;top:70px;left:20px;display:flex;gap:10px;z-index:40;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(-10px);pointer-events:none}.visualizer-control-row.active{opacity:1;transform:translateY(0);pointer-events:auto}.visualizer-control-row a{text-decoration:none}.video-control-row{position:absolute;top:70px;left:20px;display:flex;gap:10px;flex-wrap:wrap;max-width:calc(100% - 40px);transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(-10px);pointer-events:none}.video-control-row.active{opacity:1;transform:translateY(0);pointer-events:auto}.video-control-row a{text-decoration:none}.clock-style-button{width:44px;height:44px;border-radius:50%;border:none;background:hsla(0,0%,100%,.15);color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 10px rgba(0,0,0,.1)}.clock-style-button.active{background:hsla(0,0%,100%,.3)}.clock-style-button:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px)}.clock-style-button:active{transform:translateY(0)}.icon-button:disabled{opacity:.4;cursor:default;pointer-events:none}.icon-button.hidden{visibility:hidden;pointer-events:none}.right-buttons-group{display:flex;gap:10px}.icon-button.interface-toggle--inactive{background:hsla(0,0%,100%,.1);opacity:.4}.icon-button.interface-toggle--inactive:hover{opacity:1;background:hsla(0,0%,100%,.25)}.menu-item-subtitle{font-size:12px;color:hsla(0,0%,100%,.55);margin-top:2px}.visualizer-detail-page,.visualizers-page{min-height:100vh;height:100vh;background:radial-gradient(circle at top left,rgba(110,226,255,.12),transparent 55%),radial-gradient(circle at bottom right,rgba(255,64,129,.1),transparent 45%),#05030f;color:hsla(0,0%,100%,.92);display:flex;flex-direction:column;overflow:hidden}.visualizers-shell{flex:1 1;overflow-y:auto;padding:32px 5vw 48px}.visualizers-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}.visualizer-back-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;text-decoration:none;color:hsla(0,0%,100%,.75);background:hsla(0,0%,100%,.05);transition:background .2s ease,color .2s ease}.visualizer-inline-overlay{z-index:1000;padding:40px 5vw;pointer-events:auto}.visualizer-inline-overlay__backdrop{position:absolute;inset:0;background:rgba(4,5,18,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.visualizer-inline-overlay__content{position:relative;z-index:1;width:min(1160px,100%);max-height:calc(100vh - 80px);border-radius:28px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.4)}.visualizer-inline-overlay__close{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:999px;border:none;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);color:hsla(0,0%,100%,.85);cursor:pointer;transition:background .2s ease,color .2s ease;z-index:2}.visualizer-inline-overlay__close:focus-visible,.visualizer-inline-overlay__close:hover{background:rgba(0,0,0,.6);color:#fff}.visualizer-inline-overlay__close:focus-visible{outline:2px solid rgba(110,226,255,.6);outline-offset:3px}.visualizer-inline-overlay__content .visualizer-detail-page{height:100%;min-height:0;border-radius:inherit}.visualizer-inline-overlay__content .visualizer-detail-header{padding-right:calc(5vw + 60px)}.visualizer-inline-overlay__content .visualizer-detail-content{max-height:calc(100vh - 200px)}.visualizer-back-link:hover{background:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.95)}.visualizer-language-toggle,.visualizer-overlay-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:none;background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.85);cursor:pointer;transition:background .2s ease,color .2s ease}.visualizer-language-toggle:hover,.visualizer-overlay-toggle:hover{background:hsla(0,0%,100%,.16);color:#fff}.visualizer-overlay-toggle{padding:0}.visualizer-inline-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:32px 24px}.visualizer-inline-overlay-backdrop{position:absolute;inset:0;background:rgba(4,7,20,.75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.visualizer-inline-overlay-content{position:relative;z-index:1;width:min(1160px,100%);max-height:calc(100vh - 80px);background:rgba(11,15,32,.95);border:1px solid rgba(110,226,255,.18);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.55);display:flex;flex-direction:column;overflow:hidden}.visualizer-inline-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 32px 16px;border-bottom:1px solid rgba(110,226,255,.12)}.visualizer-inline-header-info{display:flex;flex-direction:column;gap:8px}.visualizer-inline-header-info h2{margin:0;font-size:clamp(26px,4vw,36px)}.visualizer-inline-header-info .visualizer-card-tag{font-size:11px}.visualizer-inline-header-actions{display:flex;align-items:center;gap:12px}.visualizer-inline-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:none;background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.85);cursor:pointer;transition:background .2s ease,color .2s ease}.visualizer-inline-close:hover{background:hsla(0,0%,100%,.16);color:#fff}.visualizer-inline-body{flex:1 1;overflow:hidden}.visualizer-inline-body .visualizer-detail-content{padding:24px 32px 32px;max-height:calc(100vh - 176px)}.visualizer-inline-body .visualizer-overlay-panel{max-height:none}.visualizer-inline-body .visualizer-frame iframe{border-radius:20px}.visualizers-intro h1{margin:0;font-size:clamp(32px,4vw,44px)}.visualizers-intro p{max-width:720px;color:hsla(0,0%,100%,.7);line-height:1.6}.visualizer-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 16px}.visualizer-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.04);color:hsla(0,0%,100%,.75);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.visualizer-tab:hover{background:hsla(0,0%,100%,.08)}.visualizer-tab.active{background:rgba(110,226,255,.16);border-color:rgba(110,226,255,.4);color:hsla(0,0%,100%,.95)}.visualizer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:24px;gap:24px;margin-top:32px}.visualizers-catalog{display:flex;flex-direction:column;gap:20px;margin-top:32px}.visualizers-catalog--standalone{margin:60px auto;width:min(960px,calc(100% - 40px))}.visualizers-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.visualizers-catalog-grid{margin-top:0}.visualizer-card{background:rgba(15,18,40,.75);border:1px solid rgba(110,226,255,.12);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 16px 40px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.visualizer-card-header h2,.visualizer-card-header h3{margin:12px 0 8px;font-size:24px}.visualizer-card--compact{gap:12px;padding:20px}.visualizer-card--compact .visualizer-card-header{margin-bottom:4px}.visualizer-card-button{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;border:none;text-decoration:none;background:linear-gradient(135deg,rgba(110,226,255,.25),rgba(124,77,255,.3));color:#fff;cursor:pointer;font:inherit;transition:transform .2s ease,box-shadow .2s ease}.visualizer-card-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(110,226,255,.35)}.visualizer-card-button:focus-visible{outline:2px solid rgba(110,226,255,.6);outline-offset:3px}.visualizer-card-tag{align-self:flex-start;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.75)}.visualizer-card-tag--audio{background:rgba(124,77,255,.25);color:hsla(0,0%,100%,.9)}.visualizer-card-tag--ambient{background:rgba(0,200,255,.2);color:hsla(0,0%,100%,.9)}.visualizer-detail-header{padding:32px 5vw 0;margin-bottom:0}.visualizer-header-actions{display:flex;align-items:center;gap:12px}.visualizer-detail-content{flex:1 1;display:grid;grid-template-columns:minmax(300px,420px) 1fr;grid-gap:32px;gap:32px;padding:24px 5vw 48px;overflow-y:auto}.visualizer-detail-content--collapsed{grid-template-columns:1fr}.visualizer-detail-content--collapsed .visualizer-frame{min-height:max(360px,calc(100vh - 168px))}.visualizer-detail-content--collapsed .visualizer-frame iframe{height:100%}.visualizer-overlay-panel{background:rgba(15,18,40,.82);border:1px solid rgba(110,226,255,.18);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - 136px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.visualizer-overlay-header h1{margin:12px 0 8px;font-size:clamp(28px,3.6vw,38px)}.visualizer-summary{margin:0;color:hsla(0,0%,100%,.72);line-height:1.6}.visualizer-overlay-section{display:flex;flex-direction:column;gap:12px}.visualizer-overlay-section h2,.visualizer-overlay-section h3{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:hsla(0,0%,100%,.65)}.visualizer-overlay-section li,.visualizer-overlay-section p,.visualizer-overlay-section span{color:hsla(0,0%,100%,.78);line-height:1.6}.visualizer-overlay-section ol,.visualizer-overlay-section ul{margin:0;padding-left:20px}.visualizer-overlay-section ol li{margin-bottom:10px}.visualizer-overlay-section ol li strong{display:block;margin-bottom:4px;color:hsla(0,0%,100%,.9)}.visualizer-action-group{display:flex;flex-direction:column;gap:12px}.visualizer-action-button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;border-radius:12px;border:1px solid transparent;padding:14px 16px;cursor:pointer;background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.92);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.visualizer-action-button small{color:hsla(0,0%,100%,.65);line-height:1.4}.visualizer-action-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(110,226,255,.2)}.visualizer-action-button--microphone{border-color:rgba(110,226,255,.4);background:rgba(110,226,255,.12)}.visualizer-action-button--systemAudio{border-color:rgba(186,104,255,.35);background:rgba(186,104,255,.12)}.visualizer-action-button--ambient{border-color:rgba(0,229,255,.3);background:rgba(0,229,255,.1)}.visualizer-frame{position:relative;border-radius:28px;overflow:hidden;min-height:460px;background:#000;box-shadow:0 24px 60px rgba(0,0,0,.5)}.visualizer-frame iframe{width:100%;height:100%;border:none}@media (max-width:1024px){.visualizer-detail-content{grid-template-columns:1fr}.visualizer-overlay-panel{max-height:none}.visualizer-frame{min-height:360px}}@media (max-width:720px){.visualizers-shell{padding:24px 24px 40px}.visualizer-detail-header{padding:24px 24px 0}.visualizer-detail-content{padding:16px 24px 40px}.visualizer-inline-overlay{padding:16px}.visualizer-inline-overlay-content{max-height:calc(100vh - 32px)}.visualizer-inline-header{padding:20px;flex-direction:column;align-items:stretch}.visualizer-inline-header-actions{align-self:flex-end}.visualizer-inline-body .visualizer-detail-content{padding:20px;max-height:calc(100vh - 160px)}.visualizer-tabs{gap:8px}.visualizer-tab{padding:8px 14px}.visualizer-card{padding:20px}.visualizers-catalog{margin-top:24px}.visualizer-overlay-panel{padding:22px}}.coming-soon-badge{font-size:10px;color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.1);padding:2px 6px;border-radius:10px;display:inline-block;margin-top:4px;width:-moz-fit-content;width:fit-content}.about-content{max-height:80vh;overflow-y:auto}.about-content h2{color:#fff;margin-top:0}.about-content p{line-height:1.6}.about-content ul{padding-left:20px}.about-content li{margin-bottom:8px}.about-content a{color:#3b82f6;text-decoration:none}.about-content a:hover{text-decoration:underline}.author-block{margin-top:20px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.1)}.author-block h3{margin-top:0}.support-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.support-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;text-decoration:none;color:#fff;font-size:14px;transition:all .2s ease}.donate-button{background:rgba(52,211,153,.2);border:1px solid rgba(52,211,153,.4)}.donate-button:hover{background:rgba(52,211,153,.3)}.subscription-button{background:rgba(79,70,229,.2);border:1px solid rgba(79,70,229,.4)}.subscription-button:hover{background:rgba(79,70,229,.3)}.youtube-button{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4)}.youtube-button:hover{background:rgba(239,68,68,.3)}.github-button{background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.4)}.github-button:hover{background:rgba(59,130,246,.3)}.version-info{margin-top:20px;padding-top:15px;border-top:1px solid hsla(0,0%,100%,.1);text-align:center;color:hsla(0,0%,100%,.6);font-size:12px}.welcome-icon .menu-logo-image{margin:0}.welcome-icon .menu-logo-image img{display:block;width:24px;height:24px}.text-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1200px;color:hsla(0,0%,100%,.85);text-align:center;z-index:5}.text-content{word-wrap:break-word;text-shadow:0 2px 20px rgba(0,0,0,.15)}.text-small .text-content{font-size:3vw}.text-medium .text-content{font-size:6vw}.text-large .text-content{font-size:10vw}.text-options-panel{position:absolute;left:20px;top:80px;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;width:360px;max-width:90vw;z-index:25;color:#fff}.text-option-group{margin-bottom:15px}.preset-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.preset-chip{padding:6px 14px;border-radius:999px;background:hsla(0,0%,100%,.12);color:inherit;font-size:13px;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:background .2s ease,transform .2s ease,color .2s ease,box-shadow .2s ease;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1)}.preset-chip:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.18),0 4px 12px rgba(0,0,0,.15)}.preset-chip:active{transform:translateY(0);background:hsla(0,0%,100%,.25)}.text-option-group label{display:block;margin-bottom:5px;font-size:14px;opacity:.8}.text-input{width:100%;background:hsla(0,0%,100%,.15);border:none;border-radius:6px;padding:8px 12px;color:#fff;font-size:16px}.text-input:focus{outline:none;background:hsla(0,0%,100%,.2)}.button-group{display:flex;gap:8px}.option-button{flex:1 1;background:hsla(0,0%,100%,.15);border:none;border-radius:6px;padding:8px 12px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.option-button:hover{background:hsla(0,0%,100%,.25)}.option-button.active{background:hsla(0,0%,100%,.3)}.style-toggles{justify-content:flex-start}.style-toggles .option-button{flex:0 0 auto;min-width:40px}.font-select{width:100%;background:hsla(0,0%,100%,.85);border:none;border-radius:6px;padding:8px 12px;color:#1a1633;font-size:16px;cursor:pointer}.font-select:focus{outline:none;background:hsla(0,0%,100%,.95)}.font-select option{color:#1a1633;background-color:#f5f5fb;padding:8px 12px;font-size:16px;line-height:1.5}.stroke-controls{display:flex;flex-direction:column;gap:12px;padding:12px;background:hsla(0,0%,100%,.08);border-radius:12px}.stroke-toggle{display:flex;align-items:center;gap:12px;color:hsla(0,0%,100%,.85);font-size:14px}.switch{position:relative;display:inline-flex;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background:hsla(0,0%,100%,.25);transition:background .2s ease;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.switch .slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:hsla(0,0%,100%,.95);border-radius:50%;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.2)}.switch input:checked+.slider{background:linear-gradient(135deg,#7d4dff,#a077ff);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.25)}.switch input:checked+.slider:before{transform:translateX(20px)}.slider.round{border-radius:999px}.slider.round:before{border-radius:50%}.stroke-options{display:flex;flex-wrap:wrap;gap:12px}.stroke-options.disabled{opacity:.5;pointer-events:none}.stroke-option{flex:1 1 140px;min-width:130px;background:hsla(0,0%,100%,.07);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.stroke-option label{font-size:13px;color:hsla(0,0%,100%,.75)}.stroke-option input[type=range]{accent-color:#a077ff}.color-picker{width:48px;height:32px;padding:0;border:none;border-radius:8px;background:hsla(0,0%,100%,.9);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2)}.color-picker::-webkit-color-swatch-wrapper{padding:0;border-radius:8px}.color-picker::-webkit-color-swatch{border:none;border-radius:8px}.color-picker::-moz-color-swatch{border:none;border-radius:8px}@media (max-width:540px){.preset-chips{gap:6px}.preset-chip{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 6px);text-align:center}.stroke-controls{padding:10px}.stroke-options{flex-direction:column}.stroke-option{width:100%;min-width:0}}.shades-panel{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:20;pointer-events:auto}.shade-container{display:flex;flex-direction:column;width:100%}.shade-row{display:flex;height:80px;width:100%}.shade-box{flex:1 1;height:100%;cursor:pointer;transition:transform .2s ease}.shade-box:hover{transform:scaleY(1.1)}.slider-container{display:flex;align-items:center;gap:15px;margin-bottom:20px}.channel-indicator{width:35px;height:8px;border-radius:4px}.slider-track{position:relative;flex:1 1;max-width:240px;height:8px;background-color:hsla(0,0%,100%,.1);border-radius:4px;cursor:pointer}.slider-fill{top:0;left:0;height:100%;border-radius:4px;transition:width .1s ease;background:hsla(0,0%,100%,.3)}.slider-fill,.slider-thumb{position:absolute;pointer-events:none}.slider-thumb{top:-6px;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background-color:hsla(0,0%,100%,.7);box-shadow:0 1px 4px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid hsla(0,0%,100%,.95);transition:transform .1s ease}.slider-track:hover .slider-thumb{transform:translateX(-50%) scale(1.1)}.channel-value{width:45px;background:hsla(0,0%,100%,.15);border:none;border-radius:6px;padding:4px 8px;color:hsla(0,0%,100%,.9);font-size:14px;text-align:center;-moz-appearance:textfield}.channel-value::-webkit-inner-spin-button,.channel-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rgb-panel{position:absolute;left:20px;bottom:250px;display:flex;flex-direction:column;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;width:360px;z-index:30;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(20px);pointer-events:none}.rgb-panel.active{opacity:1;transform:translateY(0);pointer-events:auto}.top-buttons{position:absolute;top:20px;left:20px;display:flex;gap:10px;z-index:50;pointer-events:auto}.top-buttons-row{display:flex;gap:16px}.right-buttons{position:absolute;top:20px;right:20px;display:flex;gap:10px;z-index:50;pointer-events:auto}.icon-button{background:hsla(0,0%,100%,.15);border:none;cursor:pointer;width:44px;height:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .2s ease}.icon-button:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px)}.icon-button:active{transform:translateY(0)}.icon-button.active{background:hsla(0,0%,100%,.3);box-shadow:0 2px 15px rgba(0,0,0,.2)}.hex-input-container{display:flex;justify-content:flex-start;align-items:center;margin-top:15px}.hex-input-wrapper{display:flex;align-items:center;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:4px 4px 4px 16px}.hex-input{background:transparent;border:none;color:hsla(0,0%,100%,.85);font-size:16px;font-family:monospace;width:90px;outline:none}.copy-button{background:hsla(0,0%,100%,.15);border:none;border-radius:16px;width:32px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s}.copy-button:hover{background:hsla(0,0%,100%,.25)}.saved-colors{position:absolute;top:120px;left:20px;gap:10px;transition:opacity .3s ease;z-index:15;pointer-events:auto}.favorite-buttons,.saved-colors{display:flex;flex-direction:column}.favorite-buttons{gap:8px;margin-bottom:10px}.add-to-favorites-button,.clear-favorites-button{background:hsla(0,0%,100%,.15);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.add-to-favorites-button:hover,.clear-favorites-button:hover{background:hsla(0,0%,100%,.25);transform:scale(1.1)}.clear-favorites-button{background:hsla(0,100%,70%,.15)}.clear-favorites-button:hover{background:hsla(0,100%,70%,.25)}.saved-color-container{position:relative;width:40px;height:30px}.saved-color{width:30px;height:30px;border-radius:50%;cursor:pointer;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease}.saved-color:hover{transform:scale(1.1)}.delete-color{position:absolute;top:-4px;right:0;width:16px;height:16px;border-radius:50%;background:rgba(255,0,0,.7);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s;z-index:2}.saved-color-container:hover .delete-color{opacity:1}.delete-color:hover{background:rgba(255,0,0,.9)}.menu-container{position:absolute;top:20px;left:70px;background:hsla(0,0%,8%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:10px;z-index:100;box-shadow:0 4px 20px rgba(0,0,0,.2);pointer-events:auto}.menu-logo{justify-content:space-between;margin-bottom:10px;padding:0 10px;color:#fff}.menu-logo,.menu-logo-image,.menu-logo-left{display:flex;align-items:center}.menu-logo-image{width:24px;height:24px;margin-right:10px;justify-content:center}.menu-logo-text{font-size:16px;font-weight:500}.menu-logo-domain{font-size:12px;opacity:.7;margin-left:2px}.bookmark-button{background:hsla(0,0%,100%,.1);border:none;width:28px;height:28px;border-radius:6px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .2s;margin-left:20px}.bookmark-button:hover{background:hsla(0,0%,100%,.2)}.menu-separator{height:1px;background:hsla(0,0%,100%,.1);margin:5px 0 15px}.menu-section-title{padding:8px 16px;color:hsla(0,0%,100%,.5);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:8px}.menu-item{padding:12px 16px;color:hsla(0,0%,100%,.8);cursor:pointer;border-radius:8px;margin:4px 0;transition:background-color .2s;display:flex;align-items:center;gap:10px;text-decoration:none}.menu-item:hover{background:hsla(0,0%,100%,.1)}.menu-item.active{background:hsla(0,0%,100%,.15)}.menu-item.disabled{opacity:.6;cursor:default}.menu-item.disabled:hover{background:transparent}.menu-item-icon{width:20px;height:20px;display:flex;justify-content:center;align-items:center}.menu-item-content{display:flex;flex-direction:column}.picker-info{position:absolute;top:70px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.6);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.speed-control{position:absolute;bottom:170px;left:20px;display:flex;align-items:center;gap:15px;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:10px 20px;border-radius:30px;width:300px;z-index:25}.speed-icon{opacity:.7;transition:opacity .2s}.hint{position:absolute;background:rgba(0,0,0,.7);color:#fff;padding:12px 18px;border-radius:10px;font-size:14px;min-width:220px;max-width:320px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:50}.hint p{margin:0 0 5px}.hint-close-button{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;border:none;background:hsla(0,0%,100%,.2);color:#fff;font-size:12px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .2s}.hint-close-button:hover{background:hsla(0,0%,100%,.3)}.hint-close-button .material-symbols-outlined{font-size:12px}.shades-hint{bottom:250px;left:20px}.colors-hint{top:120px;left:60px}.text-hint{top:80px;left:390px}.modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.5);z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.modal-content{background:rgba(30,30,30,.95);color:#fff;padding:30px;border-radius:15px;max-width:700px;width:90%;box-shadow:0 10px 40px rgba(0,0,0,.3);position:relative}.modal-header{justify-content:space-between;margin-bottom:20px}.modal-header,.modal-logo{display:flex;align-items:center}.modal-header h2{margin:0}.modal-close-button{background:hsla(0,0%,100%,.1);border:none;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff;transition:background .2s}.modal-close-button:hover{background:hsla(0,0%,100%,.2)}.modal-button{background:hsla(0,0%,100%,.15);border:none;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:16px;margin-top:20px;transition:background .2s}.modal-button:hover{background:hsla(0,0%,100%,.25)}.welcome-notification{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.6);color:#fff;border-radius:12px;padding:15px 20px;box-shadow:0 8px 32px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;z-index:200;width:90%;max-width:700px;animation:slideDown .5s ease}@keyframes slideDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.welcome-content{display:flex;align-items:flex-start;gap:15px}.welcome-icon{background:hsla(0,0%,100%,.2);border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.welcome-text{flex:1 1}.welcome-text h3{margin:0 0 5px;font-size:18px}.welcome-text p{margin:0;font-size:14px;opacity:.9;line-height:1.5}.welcome-close-button{background:hsla(0,0%,100%,.2);border:none;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s;margin-left:10px;white-space:nowrap}.welcome-close-button:hover{background:hsla(0,0%,100%,.3)}.clean-button{opacity:.7;transition:opacity .3s ease}.clean-button:hover{opacity:1}.text-button{font-weight:500;display:flex;align-items:center;gap:5px}.text-button svg{margin-right:2px}.logo-image{margin-right:15px;width:24px;height:24px}.visualizer-overlay{position:fixed;top:0;left:0;z-index:1000;pointer-events:none}.visualizer-overlay-toggle{position:fixed;top:20px;left:20px;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.9);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;pointer-events:auto;z-index:1001}.visualizer-overlay-toggle:hover{background:rgba(0,0,0,.85);border-color:hsla(0,0%,100%,.4);transform:scale(1.05)}.visualizer-overlay-panel{position:fixed;top:0;left:0;width:320px;height:100vh;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid hsla(0,0%,100%,.1);padding:20px;overflow-y:auto;pointer-events:auto;animation:slideInLeft .3s ease}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.visualizer-overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid hsla(0,0%,100%,.1)}.visualizer-overlay-header h3{color:hsla(0,0%,100%,.9);font-size:18px;font-weight:600;margin:0}.visualizer-overlay-close{width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.visualizer-overlay-close:hover{background:hsla(0,0%,100%,.1);color:#fff}.visualizer-overlay-section{margin-bottom:25px}.visualizer-overlay-section h4{color:hsla(0,0%,100%,.6);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.visualizer-overlay-buttons{display:flex;flex-direction:column;gap:8px}.visualizer-overlay-button{display:flex;align-items:center;gap:10px;padding:12px 16px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:hsla(0,0%,100%,.8);cursor:pointer;transition:all .2s;font-size:14px;text-align:left}.visualizer-overlay-button:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);color:#fff}.visualizer-overlay-button.active{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);color:#fff}.visualizer-overlay-button i{font-size:20px}.visualizer-overlay-home{background:rgba(16,185,129,.2);border-color:rgba(16,185,129,.3);color:#10b981;margin-top:10px}.visualizer-overlay-home:hover{background:rgba(16,185,129,.3);border-color:rgba(16,185,129,.5)}