.ui-zone[data-effect=glass] .zone-card{background:hsl(var(--theme-primary-h) 10% 15%/.6);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid hsl(var(--theme-primary-h) 20% 40%/.3);box-shadow:0 8px 32px hsl(var(--theme-primary-h) 50% 10%/.3),inset 0 1px 0 hsl(0 0% 100%/.1)}.ui-zone[data-effect=glass] .zone-card--light{background:hsl(var(--theme-primary-h) 10% 20%/.4);backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%)}.ui-zone[data-effect=glass] .zone-card--heavy{background:hsl(var(--theme-primary-h) 10% 10%/.8);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%)}.ui-zone[data-effect=glass] .zone-button{background:hsl(var(--theme-primary-h) var(--theme-primary-s) var(--theme-primary-l)/.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsl(var(--theme-primary-h) var(--theme-primary-s) 60%/.4);transition:all .2s ease}.ui-zone[data-effect=glass] .zone-button:hover{background:hsl(var(--theme-primary-h) var(--theme-primary-s) var(--theme-primary-l)/.5);border-color:hsl(var(--theme-primary-h) var(--theme-primary-s) 70%/.6)}.glass-container{background:hsl(220 10% 15%/.6);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid hsl(220 20% 30%/.3);border-radius:1rem}.glass-container--themed{background:hsl(var(--theme-primary-h) 10% 15%/.6);border-color:hsl(var(--theme-primary-h) 20% 40%/.3)}.glass-overlay{background:hsl(220 20% 5%/.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.glass-highlight{position:relative}.glass-highlight:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsl(0 0% 100%/.2),transparent)}.ui-zone[data-effect=neumorphic][data-neuro-color=neutral]{--neuro-base-h:220;--neuro-base-s:10%;--neuro-base-l:12%;--neuro-light-l:18%;--neuro-dark-l:6%}.ui-zone[data-effect=neumorphic][data-neuro-color=purple]{--neuro-base-h:270;--neuro-base-s:15%;--neuro-base-l:12%;--neuro-light-l:20%;--neuro-dark-l:5%}.ui-zone[data-effect=neumorphic][data-neuro-color=blue]{--neuro-base-h:220;--neuro-base-s:20%;--neuro-base-l:12%;--neuro-light-l:20%;--neuro-dark-l:5%}.ui-zone[data-effect=neumorphic][data-neuro-color=emerald]{--neuro-base-h:160;--neuro-base-s:15%;--neuro-base-l:11%;--neuro-light-l:18%;--neuro-dark-l:5%}.ui-zone[data-effect=neumorphic][data-neuro-color=amber]{--neuro-base-h:35;--neuro-base-s:18%;--neuro-base-l:12%;--neuro-light-l:20%;--neuro-dark-l:5%}.ui-zone[data-effect=neumorphic][data-neuro-color=rose]{--neuro-base-h:350;--neuro-base-s:18%;--neuro-base-l:12%;--neuro-light-l:20%;--neuro-dark-l:5%}.ui-zone[data-effect=neumorphic][data-neuro-intensity=subtle]{--neuro-shadow-size:4px;--neuro-shadow-blur:8px;--neuro-inset-size:2px;--neuro-inset-blur:4px}.ui-zone[data-effect=neumorphic][data-neuro-intensity=medium]{--neuro-shadow-size:8px;--neuro-shadow-blur:16px;--neuro-inset-size:4px;--neuro-inset-blur:8px}.ui-zone[data-effect=neumorphic][data-neuro-intensity=strong]{--neuro-shadow-size:12px;--neuro-shadow-blur:24px;--neuro-inset-size:6px;--neuro-inset-blur:12px}.ui-zone[data-effect=neumorphic] .zone-card{background:hsl(var(--neuro-base-h) var(--neuro-base-s) var(--neuro-base-l));border:none;box-shadow:var(--neuro-shadow-size) var(--neuro-shadow-size) var(--neuro-shadow-blur) hsl(var(--neuro-base-h) calc(var(--neuro-base-s) + 5%) var(--neuro-dark-l)),calc(var(--neuro-shadow-size) * -1) calc(var(--neuro-shadow-size) * -1) var(--neuro-shadow-blur) hsl(var(--neuro-base-h) var(--neuro-base-s) var(--neuro-light-l));border-radius:1rem}.ui-zone[data-effect=neumorphic] .zone-card--inset,.ui-zone[data-effect=neumorphic] .zone-card.inset{box-shadow:inset var(--neuro-inset-size) var(--neuro-inset-size) var(--neuro-inset-blur) hsl(var(--neuro-base-h) calc(var(--neuro-base-s) + 5%) var(--neuro-dark-l)),inset calc(var(--neuro-inset-size) * -1) calc(var(--neuro-inset-size) * -1) var(--neuro-inset-blur) hsl(var(--neuro-base-h) var(--neuro-base-s) var(--neuro-light-l))}.ui-zone[data-effect=neumorphic] .zone-button{background:hsl(var(--neuro-base-h) var(--neuro-base-s) var(--neuro-base-l));border:none;box-shadow:calc(var(--neuro-shadow-size) / 2) calc(var(--neuro-shadow-size) / 2) var(--neuro-shadow-blur) hsl(var(--neuro-base-h) calc(var(--neuro-base-s) + 5%) var(--neuro-dark-l)),calc(var(--neuro-shadow-size) / -2) calc(var(--neuro-shadow-size) / -2) var(--neuro-shadow-blur) hsl(var(--neuro-base-h) var(--neuro-base-s) var(--neuro-light-l));border-radius:.75rem;transition:all .15s ease}.ui-zone[data-effect=neumorphic] .zone-button:hover{box-shadow:calc(var(--neuro-shadow-size) * .75) calc(var(--neuro-shadow-size) * .75) calc(var(--neuro-shadow-blur) * 1.2) hsl(var(--neuro-base-h) calc(var(--neuro-base-s) + 5%) calc(var(--neuro-dark-l) - 1%)),calc(var(--neuro-shadow-size) * -.75) calc(var(--neuro-shadow-size) * -.75) calc(var(--neuro-shadow-blur) * 1.2) hsl(var(--neuro-base-h) var(--neuro-base-s) calc(var(--neuro-light-l) + 2%))}.ui-zone[data-effect=neumorphic] .zone-button:active{box-shadow:inset calc(var(--neuro-inset-size) / 2) calc(var(--neuro-inset-size) / 2) var(--neuro-inset-blur) hsl(var(--neuro-base-h) calc(var(--neuro-base-s) + 5%) var(--neuro-dark-l)),inset calc(var(--neuro-inset-size) / -2) calc(var(--neuro-inset-size) / -2) var(--neuro-inset-blur) hsl(var(--neuro-base-h) var(--neuro-base-s) var(--neuro-light-l))}.ui-zone[data-effect=neumorphic] .zone-input{background:hsl(var(--neuro-base-h) var(--neuro-base-s) var(--neuro-base-l));border:none;box-shadow:inset calc(var(--neuro-inset-size) / 2) calc(var(--neuro-inset-size) / 2) calc(var(--neuro-inset-blur) * .6) hsl(var(--neuro-base-h) calc(var(--neuro-base-s) + 5%) var(--neuro-dark-l)),inset calc(var(--neuro-inset-size) / -2) calc(var(--neuro-inset-size) / -2) calc(var(--neuro-inset-blur) * .6) hsl(var(--neuro-base-h) var(--neuro-base-s) var(--neuro-light-l));border-radius:.5rem}.ui-zone[data-effect=neumorphic] .zone-slider-track{background:hsl(var(--neuro-base-h) var(--neuro-base-s) var(--neuro-base-l));box-shadow:inset calc(var(--neuro-inset-size) / 2) calc(var(--neuro-inset-size) / 2) var(--neuro-inset-blur) hsl(var(--neuro-base-h) calc(var(--neuro-base-s) + 5%) var(--neuro-dark-l)),inset calc(var(--neuro-inset-size) / -2) calc(var(--neuro-inset-size) / -2) var(--neuro-inset-blur) hsl(var(--neuro-base-h) var(--neuro-base-s) var(--neuro-light-l));border-radius:9999px}.ui-zone[data-effect=neumorphic] .zone-slider-thumb{background:hsl(var(--neuro-base-h) var(--neuro-base-s) calc(var(--neuro-base-l) + 2%));box-shadow:calc(var(--neuro-shadow-size) / 3) calc(var(--neuro-shadow-size) / 3) calc(var(--neuro-shadow-blur) / 2) hsl(var(--neuro-base-h) calc(var(--neuro-base-s) + 5%) var(--neuro-dark-l)),calc(var(--neuro-shadow-size) / -3) calc(var(--neuro-shadow-size) / -3) calc(var(--neuro-shadow-blur) / 2) hsl(var(--neuro-base-h) var(--neuro-base-s) calc(var(--neuro-light-l) + 4%));border-radius:50%}.ui-zone[data-effect=neumorphic] .neu-circle{background:hsl(var(--neuro-base-h) var(--neuro-base-s) var(--neuro-base-l));border-radius:50%;box-shadow:calc(var(--neuro-shadow-size) / 2) calc(var(--neuro-shadow-size) / 2) var(--neuro-shadow-blur) hsl(var(--neuro-base-h) calc(var(--neuro-base-s) + 5%) var(--neuro-dark-l)),calc(var(--neuro-shadow-size) / -2) calc(var(--neuro-shadow-size) / -2) var(--neuro-shadow-blur) hsl(var(--neuro-base-h) var(--neuro-base-s) var(--neuro-light-l))}.ui-zone[data-effect=neumorphic] .neu-circle--inset{box-shadow:inset calc(var(--neuro-inset-size) * .75) calc(var(--neuro-inset-size) * .75) var(--neuro-inset-blur) hsl(var(--neuro-base-h) calc(var(--neuro-base-s) + 5%) var(--neuro-dark-l)),inset calc(var(--neuro-inset-size) * -.75) calc(var(--neuro-inset-size) * -.75) var(--neuro-inset-blur) hsl(var(--neuro-base-h) var(--neuro-base-s) var(--neuro-light-l))}.ui-zone[data-effect=neumorphic] .zone-card--convex{background:linear-gradient(145deg,hsl(var(--neuro-base-h) var(--neuro-base-s) calc(var(--neuro-base-l) + 3%)),hsl(var(--neuro-base-h) var(--neuro-base-s) calc(var(--neuro-base-l) - 2%)))}.ui-zone[data-effect=neumorphic] .zone-card--concave{background:linear-gradient(145deg,hsl(var(--neuro-base-h) var(--neuro-base-s) calc(var(--neuro-base-l) - 2%)),hsl(var(--neuro-base-h) var(--neuro-base-s) calc(var(--neuro-base-l) + 3%)))}.ui-zone[data-effect=neumorphic] .zone-card--flat{box-shadow:calc(var(--neuro-shadow-size) / 2) calc(var(--neuro-shadow-size) / 2) calc(var(--neuro-shadow-blur) * .6) hsl(var(--neuro-base-h) calc(var(--neuro-base-s) + 5%) var(--neuro-dark-l)/.5),calc(var(--neuro-shadow-size) / -2) calc(var(--neuro-shadow-size) / -2) calc(var(--neuro-shadow-blur) * .6) hsl(var(--neuro-base-h) var(--neuro-base-s) var(--neuro-light-l)/.5)}.ui-zone[data-effect=neumorphic] .zone-card--glow{box-shadow:var(--neuro-shadow-size) var(--neuro-shadow-size) var(--neuro-shadow-blur) hsl(var(--neuro-base-h) calc(var(--neuro-base-s) + 5%) var(--neuro-dark-l)),calc(var(--neuro-shadow-size) * -1) calc(var(--neuro-shadow-size) * -1) var(--neuro-shadow-blur) hsl(var(--neuro-base-h) var(--neuro-base-s) var(--neuro-light-l)),0 0 calc(var(--neuro-shadow-blur) * 1.5) hsl(var(--neuro-base-h) 50% 40%/.3)}.ui-zone[data-effect=neumorphic]:not([data-neuro-color]){--neuro-base-h:220;--neuro-base-s:10%;--neuro-base-l:12%;--neuro-light-l:18%;--neuro-dark-l:6%}.ui-zone[data-effect=neumorphic]:not([data-neuro-intensity]){--neuro-shadow-size:8px;--neuro-shadow-blur:16px;--neuro-inset-size:4px;--neuro-inset-blur:8px}.ui-zone[data-effect=gradient] .zone-card{background:linear-gradient(135deg,hsl(var(--theme-primary-h) var(--theme-primary-s) var(--theme-primary-l)/.15) 0,hsl(var(--theme-secondary-h) var(--theme-secondary-s) var(--theme-secondary-l)/.1) 50%,hsl(var(--theme-primary-h) 20% 10%/.2) 100%);border:1px solid hsl(var(--theme-primary-h) 30% 40%/.3);box-shadow:0 4px 20px hsl(var(--theme-primary-h) 50% 20%/.2)}.ui-zone[data-effect=gradient] .zone-card--border-gradient{background:hsl(220 10% 8%);border:none;position:relative}.ui-zone[data-effect=gradient] .zone-card--border-gradient:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,hsl(var(--theme-primary-h) var(--theme-primary-s) var(--theme-primary-l)),hsl(var(--theme-secondary-h) var(--theme-secondary-s) var(--theme-secondary-l)),hsl(var(--theme-accent-h) var(--theme-accent-s) var(--theme-accent-l)));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.ui-zone[data-effect=gradient] .zone-button{background:linear-gradient(135deg,hsl(var(--theme-primary-h) var(--theme-primary-s) var(--theme-primary-l)),hsl(var(--theme-secondary-h) var(--theme-secondary-s) var(--theme-secondary-l)));border:none;color:white;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px 12px hsl(var(--theme-primary-h) 50% 30%/.4);transition:all .2s ease}.ui-zone[data-effect=gradient] .zone-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px hsl(var(--theme-primary-h) 50% 30%/.5)}.ui-zone[data-effect=gradient] .zone-button:active{transform:translateY(0);box-shadow:0 2px 8px hsl(var(--theme-primary-h) 50% 30%/.4)}.gradient-text{background:linear-gradient(135deg,hsl(var(--theme-primary-h) var(--theme-primary-s) var(--theme-primary-l)),hsl(var(--theme-secondary-h) var(--theme-secondary-s) var(--theme-secondary-l)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-animated{background:linear-gradient(-45deg,hsl(var(--theme-primary-h) var(--theme-primary-s) var(--theme-primary-l)),hsl(var(--theme-secondary-h) var(--theme-secondary-s) var(--theme-secondary-l)),hsl(var(--theme-accent-h) var(--theme-accent-s) var(--theme-accent-l)),hsl(var(--theme-primary-h) var(--theme-primary-s) var(--theme-primary-l)));background-size:400% 400%;animation:gradient-shift 8s ease infinite}.gradient-glow{position:relative}.gradient-glow:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,hsl(var(--theme-primary-h) var(--theme-primary-s) var(--theme-primary-l)/.5),hsl(var(--theme-secondary-h) var(--theme-secondary-s) var(--theme-secondary-l)/.5));border-radius:inherit;filter:blur(8px);z-index:-1;opacity:.6}.gradient-mesh{background-color:hsl(220 15% 8%);background-image:radial-gradient(at 40% 20%,hsl(var(--theme-primary-h) var(--theme-primary-s) var(--theme-primary-l)/.3) 0,transparent 50%),radial-gradient(at 80% 0,hsl(var(--theme-secondary-h) var(--theme-secondary-s) var(--theme-secondary-l)/.2) 0,transparent 50%),radial-gradient(at 0 50%,hsl(var(--theme-accent-h) var(--theme-accent-s) var(--theme-accent-l)/.15) 0,transparent 50%)}.ui-zone[data-background=dark]{background:linear-gradient(180deg,hsl(220 15% 10%),hsl(220 20% 8%))}.ui-zone[data-background=darker]{background:linear-gradient(180deg,hsl(220 18% 7%),hsl(220 22% 5%))}.ui-zone[data-background=darkest]{background:linear-gradient(180deg,hsl(220 20% 4%),hsl(220 25% 2%))}.ui-zone[data-background=gradient-dark]{background:linear-gradient(135deg,hsl(220 20% 8%),hsl(240 15% 10%) 50%,hsl(260 18% 8%))}.ui-zone[data-background=gradient-purple]{background:linear-gradient(135deg,hsl(270 30% 12%),hsl(280 25% 8%) 50%,hsl(260 20% 10%))}.ui-zone[data-background=gradient-blue]{background:linear-gradient(135deg,hsl(220 35% 10%),hsl(210 30% 8%) 50%,hsl(230 25% 12%))}.ui-zone[data-background=gradient-emerald]{background:linear-gradient(135deg,hsl(160 30% 8%),hsl(170 25% 6%) 50%,hsl(150 20% 10%))}.ui-zone[data-background=gradient-amber]{background:linear-gradient(135deg,hsl(30 30% 10%),hsl(25 25% 7%) 50%,hsl(35 20% 8%))}.ui-zone[data-background=gradient-radial-purple]{background:radial-gradient(ellipse at 50% 0,hsl(280 40% 20%) 0,hsl(270 30% 10%) 40%,hsl(260 25% 5%) 100%)}.ui-zone[data-background=gradient-radial-blue]{background:radial-gradient(ellipse at 50% 0,hsl(220 45% 20%) 0,hsl(230 35% 10%) 40%,hsl(240 25% 5%) 100%)}.ui-zone[data-background=gradient-radial-center]{background:radial-gradient(circle at 50% 50%,hsl(260 30% 15%) 0,hsl(250 25% 8%) 50%,hsl(240 20% 4%) 100%)}.ui-zone[data-background=mesh-purple-blue]{background:radial-gradient(at 0 0,hsl(280 50% 15%) 0,transparent 50%),radial-gradient(at 100% 0,hsl(220 50% 15%) 0,transparent 50%),radial-gradient(at 100% 100%,hsl(260 40% 12%) 0,transparent 50%),radial-gradient(at 0 100%,hsl(240 40% 12%) 0,transparent 50%),hsl(250 25% 6%)}.ui-zone[data-background=mesh-sunset]{background:radial-gradient(at 0 0,hsl(330 50% 18%) 0,transparent 50%),radial-gradient(at 100% 0,hsl(30 50% 15%) 0,transparent 50%),radial-gradient(at 50% 100%,hsl(280 40% 10%) 0,transparent 60%),hsl(350 30% 6%)}.ui-zone[data-background=mesh-aurora]{background:radial-gradient(at 20% 0,hsl(160 60% 15%) 0,transparent 40%),radial-gradient(at 80% 20%,hsl(280 50% 15%) 0,transparent 40%),radial-gradient(at 40% 80%,hsl(200 50% 12%) 0,transparent 40%),radial-gradient(at 90% 90%,hsl(320 40% 12%) 0,transparent 40%),hsl(220 25% 5%)}.ui-zone[data-background=mesh-ocean]{background:radial-gradient(at 0 50%,hsl(200 60% 15%) 0,transparent 50%),radial-gradient(at 100% 30%,hsl(180 50% 12%) 0,transparent 50%),radial-gradient(at 50% 100%,hsl(220 45% 10%) 0,transparent 50%),hsl(210 30% 5%)}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes aurora-flow{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.ui-zone[data-background=animated-gradient]{background:linear-gradient(-45deg,hsl(260 30% 10%),hsl(280 35% 12%),hsl(220 30% 10%),hsl(240 35% 12%));background-size:400% 400%;animation:gradient-shift 15s ease infinite}.ui-zone[data-background=animated-pulse]{background:hsl(250 25% 6%);position:relative}.ui-zone[data-background=animated-pulse]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,hsl(270 40% 20%) 0,transparent 50%);animation:pulse-glow 4s ease-in-out infinite;pointer-events:none}.ui-zone[data-background=animated-aurora]{background:linear-gradient(135deg,hsl(160 50% 10%),hsl(200 45% 12%),hsl(280 40% 12%),hsl(320 35% 10%),hsl(160 50% 10%));background-size:300% 300%;animation:aurora-flow 20s ease infinite}.ui-zone[data-background=ambient-stars]{background:hsl(240 20% 4%);position:relative}.ui-zone[data-background=ambient-stars]:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 10%,white 50%,transparent 0),radial-gradient(1px 1px at 20% 40%,white 50%,transparent 0),radial-gradient(1.5px 1.5px at 30% 20%,white 50%,transparent 0),radial-gradient(1px 1px at 40% 60%,white 50%,transparent 0),radial-gradient(1px 1px at 50% 30%,white 50%,transparent 0),radial-gradient(1.5px 1.5px at 60% 80%,white 50%,transparent 0),radial-gradient(1px 1px at 70% 10%,white 50%,transparent 0),radial-gradient(1px 1px at 80% 50%,white 50%,transparent 0),radial-gradient(1.5px 1.5px at 90% 70%,white 50%,transparent 0),radial-gradient(1px 1px at 15% 85%,white 50%,transparent 0),radial-gradient(1px 1px at 25% 55%,white 50%,transparent 0),radial-gradient(1px 1px at 35% 75%,white 50%,transparent 0),radial-gradient(1.5px 1.5px at 45% 15%,white 50%,transparent 0),radial-gradient(1px 1px at 55% 45%,white 50%,transparent 0),radial-gradient(1px 1px at 65% 25%,white 50%,transparent 0),radial-gradient(1px 1px at 75% 95%,white 50%,transparent 0),radial-gradient(1.5px 1.5px at 85% 35%,white 50%,transparent 0),radial-gradient(1px 1px at 95% 65%,white 50%,transparent 0);opacity:.4;pointer-events:none}.ui-zone[data-background=ambient-glow]{background:radial-gradient(ellipse 80% 50% at 50% 100%,hsl(270 50% 15%) 0,transparent 50%),radial-gradient(ellipse 60% 40% at 50% 0,hsl(220 40% 12%) 0,transparent 50%),hsl(250 25% 5%)}.ui-zone[data-background=ambient-fog]{background:hsl(220 20% 6%);position:relative}.ui-zone[data-background=ambient-fog]:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 100% 50% at 20% 80%,hsl(220 20% 15%/.4) 0,transparent 50%),radial-gradient(ellipse 80% 40% at 80% 20%,hsl(240 15% 12%/.3) 0,transparent 50%),radial-gradient(ellipse 120% 60% at 50% 50%,hsl(230 18% 10%/.2) 0,transparent 50%);pointer-events:none}.ui-zone[data-background=transparent]{background:transparent}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,hsl(220 15% 20%/.4),hsl(220 15% 30%/.6) 50%,hsl(220 15% 20%/.4));background-size:200% 100%}.skeleton-glass,.skeleton-shimmer{animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-glass{background:linear-gradient(90deg,hsl(220 10% 15%/.3),hsl(220 10% 25%/.5) 50%,hsl(220 10% 15%/.3));background-size:200% 100%;backdrop-filter:blur(8px);border:1px solid hsl(220 20% 30%/.2)}@media (prefers-reduced-motion:reduce){.skeleton-glass,.skeleton-shimmer{animation:none;background:hsl(220 15% 25%/.5)}}.skeleton-delay-1{animation-delay:.1s}.skeleton-delay-2{animation-delay:.2s}.skeleton-delay-3{animation-delay:.3s}.skeleton-delay-4{animation-delay:.4s}.skeleton-delay-5{animation-delay:.5s}.note-active{box-shadow:0 0 0 1px rgba(250,204,21,.9),0 0 4px 1px rgba(250,204,21,.5)!important;transform:scale(1.1) rotateX(0deg)!important;transition:box-shadow 50ms ease-out,transform 50ms ease-out!important;--measure-opacity:1;z-index:30!important}.note-active,.note-preview{opacity:calc(var(--fade-opacity, 1) * 1)!important}.note-preview{z-index:25!important}.note-played{transition:none!important}.note-played-next-measure-green{background-color:rgb(34,197,94)!important}.note-played-next-measure-green,.note-played-next-measure-orange{--measure-opacity:0.3;opacity:calc(var(--fade-opacity, 1) * .3)!important;z-index:20!important;transition:opacity .1s ease-out,background-color .1s ease-out!important}.note-played-next-measure-orange{background-color:rgb(249,115,22)!important}.note-active.note-preview{--measure-opacity:1;opacity:calc(var(--fade-opacity, 1) * 1)!important}.note-played.note-preview{background-color:inherit!important;opacity:calc(var(--fade-opacity, 1) * .85)!important;filter:none!important}[class*=note-]{--fade-opacity:1;--measure-opacity:1}.fretboard-dot{opacity:calc(var(--fade-opacity, 1) * var(--measure-opacity, 1))}.note-current-measure{--measure-opacity:1}.note-current-measure,.note-next-measure{opacity:calc(var(--fade-opacity, 1) * var(--measure-opacity, 1))!important;transition:none!important}.note-next-measure{--measure-opacity:0.3}.note-next-measure-first,.note-other-measure{--measure-opacity:1;opacity:calc(var(--fade-opacity, 1) * 1)!important;transition:none!important}.note-other-measure{background-color:rgb(71,85,105)!important}.note-other-measure>span{color:white!important}.note-active>span,.note-current-measure>span,.note-next-measure-first>span,.note-next-measure>span,.note-preview>span{color:black!important}.note-other-measure.fret-marker{background-color:rgb(100,116,139)!important}.note-active.note-current-measure,.note-active.note-next-measure,.note-played.note-current-measure{--measure-opacity:1;opacity:calc(var(--fade-opacity, 1) * 1)!important}.note-next-measure.note-preview{--measure-opacity:0.3;opacity:calc(var(--fade-opacity, 1) * .3)!important}.connection-line{will-change:opacity}.line-played{opacity:0!important;transition:none!important;pointer-events:none}.playback-stopped .connection-line{will-change:auto}[class*=note-]{will-change:transform,opacity,box-shadow}.playback-stopped [class*=note-]{will-change:auto}.dark .note-active{box-shadow:0 0 0 1px rgba(253,224,71,.95),0 0 4px 1px rgba(253,224,71,.6)!important}
/*# sourceMappingURL=f45b5c07bc60e5ea.css.map*/