@layer components{.cyber-brick{background:#050505e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .5s cubic-bezier(.23,1,.32,1);--glow: var(--dynamic-color);border:1px solid color-mix(in srgb,var(--glow) 20%,transparent);clip-path:polygon(0 40px,40px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.cyber-frame{position:relative;background:#050505e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);--glow: var(--dynamic-color);border:1px solid color-mix(in srgb,var(--glow) 20%,transparent);-webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow:visible!important}.cyber-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#050505e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);--glow: var(--dynamic-color);border:1px solid color-mix(in srgb,var(--glow) 20%,transparent);clip-path:polygon(0 40px,40px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);transition:all .5s cubic-bezier(.23,1,.32,1)}.cyber-frame:hover:before{border-color:color-mix(in srgb,var(--glow) 50%,transparent);background:#0a0a0af2}.cyber-frame:hover{border-color:color-mix(in srgb,var(--glow) 50%,white 20%);box-shadow:0 0 40px -10px color-mix(in srgb,var(--glow) 25%,transparent);transform:translateY(-5px)}.notch-1:before{content:"";position:absolute;top:-1px;left:60px;width:100px;height:3px;background:var(--glow);box-shadow:0 0 15px var(--glow);clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.notch-2:after{content:"";position:absolute;bottom:-1px;right:20%;width:120px;height:4px;background:var(--glow);box-shadow:0 0 15px var(--glow);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}.notch-3:before{content:"";position:absolute;top:15%;right:-1px;width:3px;height:80px;background:var(--glow);box-shadow:0 0 15px var(--glow)}}.bg-body{background-color:var(--color-void)}.neural-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.07;transition:transform .4s cubic-bezier(.23,1,.32,1)}.card{transition:all .3s cubic-bezier(.23,1,.32,1)}.card:hover{transform:translateY(-4px);border-color:#a3e64d;box-shadow:0 0 40px -10px #a3e64d}.bullseye{background:linear-gradient(90deg,#a3e635,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glitch{animation:glitch .6s linear infinite}.sparkline{filter:drop-shadow(0 0 6px rgb(163 230 77))}.radial-text{font-family:Space Grotesk,sans-serif}#pulse-heading{position:relative}.nebula-cluster{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.max-w-3xl{z-index:10;position:relative}.ball{position:absolute;border-radius:50%;filter:blur(40px);opacity:.35;animation:pulse-float 8s infinite ease-in-out alternate}.b1{width:260px;height:260px;background:radial-gradient(circle,#67e8f9 0%,transparent 70%);left:18%;top:12%;animation-duration:13s}.b2{width:320px;height:320px;background:radial-gradient(circle,#a3e635 0%,transparent 70%);right:12%;bottom:-5%;animation-delay:-3s;animation-duration:17s}.b3{width:190px;height:190px;background:radial-gradient(circle,#c084fc 0%,transparent 70%);top:38%;left:48%;animation-delay:-6s;animation-duration:11s}.orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff06;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:drift 22s infinite linear}.o1{width:64px;height:64px;top:22%;left:28%}.o2{width:44px;height:44px;bottom:28%;right:32%;animation-delay:-5s}.o3{width:88px;height:88px;top:52%;right:18%;animation-delay:-9s}.title-wrapper{position:relative;z-index:10;text-align:center}.cyber-title{font-size:clamp(3rem,9vw,6.2rem);font-weight:900;letter-spacing:-.04em;text-transform:uppercase;line-height:.92;position:relative;background:linear-gradient(120deg,#67e8f9,#a3e635,#c084fc,#67e8f9);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:cyber-gradient 6s ease infinite;filter:drop-shadow(0 0 25px rgba(103,232,249,.5))}.cyber-title:before,.cyber-title:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;opacity:.5}.cyber-title:before{color:#67e8f9;transform:translate(-2px,1px);mix-blend-mode:screen}.cyber-title:after{color:#c084fc;transform:translate(2px,-1px);mix-blend-mode:screen}.cyber-subtitle{color:#67e8f9;font-size:.95rem;text-transform:uppercase;letter-spacing:.65em;margin-top:1rem;font-weight:700;opacity:.9;display:flex;align-items:center;justify-content:center;gap:14px}.cyber-subtitle:before,.cyber-subtitle:after{content:"";height:1px;width:42px;background:linear-gradient(90deg,transparent,#67e8f9)}.cyber-subtitle:after{background:linear-gradient(-90deg,transparent,#67e8f9)}.floating-icon{position:absolute;z-index:5;font-size:2.8rem;color:#fff;opacity:.35;filter:drop-shadow(0 0 12px #67e8f9);animation:icon-float 7s infinite ease-in-out alternate}.i1{top:14%;right:22%;animation-delay:-1.2s}.i2{bottom:18%;left:24%;animation-delay:-4s}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 2px,transparent 4px);animation:scan-move 8s linear infinite}.chrono-toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cyber-dropdown{position:absolute!important;background:#070e16!important;border:1px solid color-mix(in oklch,var(--color-cyan-neon),transparent 60%);box-shadow:0 20px 50px #000c,0 0 20px color-mix(in oklch,var(--color-cyan-neon),transparent 90%);clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);transform:translateY(10px) scale(.95);opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.dropdown:focus-within .cyber-dropdown,.dropdown-open .cyber-dropdown{transform:translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto}.week-icon{transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;filter:drop-shadow(0 0 2px transparent)}.week-icon:hover:not(.disabled){color:var(--color-cyan-neon);filter:drop-shadow(0 0 8px var(--color-cyan-neon));transform:scale(1.1)}.week-icon.active{color:var(--color-cyan-neon);filter:drop-shadow(0 0 12px var(--color-cyan-neon))}.week-icon.disabled{opacity:.15;cursor:not-allowed;filter:grayscale(1)}.month-grid button{transition:all .1s ease;border:1px solid transparent}.month-grid button.has-data{color:var(--color-cyan-neon)}.month-grid button.selected{background:var(--color-cyan-neon);color:#000;font-weight:800}.month-grid button.has-data:hover:not(.selected){background:color-mix(in oklch,var(--color-cyan-neon),transparent 80%);border-color:var(--color-cyan-neon)}@keyframes glitch-flicker{0%{opacity:1}92%{opacity:1}93%{opacity:.6}94%{opacity:1}98%{opacity:1}99%{opacity:.8}to{opacity:1}}.cyber-flicker{animation:glitch-flicker 4s infinite}@keyframes glide{0%{transform:translate(-150%);opacity:1}to{transform:translate(300%);opacity:0}}@keyframes scan-move{0%{transform:translateY(0)}to{transform:translateY(40px)}}@keyframes pulse-float{0%{transform:translate(0) scale(1);opacity:.45}50%{transform:translate(26px,-26px) scale(1.12);opacity:.75}to{transform:translate(-14px,18px) scale(.94);opacity:.45}}@keyframes drift{0%{transform:translate(0) rotate(0)}to{transform:translate(110px,-60px) rotate(360deg)}}@keyframes icon-float{0%{transform:translateY(0) rotate(-8deg)}to{transform:translateY(-26px) rotate(8deg)}}@media(max-width:768px){.ball{width:160px!important;height:160px!important;filter:blur(18px)}.cyber-title{font-size:3.4rem}.cyber-subtitle{letter-spacing:.35em;font-size:.75rem}.o3{display:none}.floating-icon{font-size:2rem}}@keyframes glitch{0%{transform:translate(0)}10%{transform:translate(-3px,2px)}20%{transform:translate(3px,-2px)}30%{transform:translate(-2px,3px)}40%{transform:translate(2px,-3px)}50%{transform:translate(0)}}@keyframes cyber-gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}