.vault-stage{z-index:200;pointer-events:all;background:radial-gradient(at 50% 60%,#1a120a 0%,#0a0604 50%,#000 100%);position:fixed;inset:0;overflow:hidden}.vault-bg-glow{filter:blur(30px);opacity:0;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#f4852540 0%,#d459111f 25%,#0000 60%);width:900px;height:900px;animation:4s linear forwards bg-glow-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes bg-glow-pulse{0%{opacity:.2;transform:translate(-50%,-50%)scale(.9)}15%{opacity:.5;transform:translate(-50%,-50%)scale(1)}35%{opacity:.35;transform:translate(-50%,-50%)scale(.95)}65%{opacity:.6;transform:translate(-50%,-50%)scale(1.05)}77%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}92%{opacity:.5;transform:translate(-50%,-50%)scale(1.8)}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}.vault-floor{pointer-events:none;background:linear-gradient(#0000,#1f140a99);height:40%;position:absolute;bottom:0;left:0;right:0}.vault-ambient{pointer-events:none;z-index:1;position:absolute;inset:0}.ambient-mote{width:var(--size,2px);height:var(--size,2px);background:hsl(var(--hue,38),100%,65%);box-shadow:0 0 6px hsl(var(--hue,38),100%,60%),0 0 12px hsla(var(--hue,38),100%,55%,.5);opacity:0;animation:ambient-drift var(--dur,2.5s)var(--delay,0s)ease-out forwards;--dx:0px;border-radius:50%;position:absolute}@keyframes ambient-drift{0%{opacity:0;transform:translate(0)scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx),-300px)scale(.3)}}.vault-shake{animation:4s cubic-bezier(.4,0,.2,1) v5-shake;position:absolute;inset:0}@keyframes v5-shake{0%{transform:translate(0)}24%{transform:translate(0)}25%{transform:translateY(8px)}27%{transform:translate(-3px,-2px)}29%{transform:translate(2px,1px)}31%{transform:translate(0)}35%{transform:translate(-3px,2px)}37%{transform:translate(2px,-1px)}39%{transform:translate(0)}50%{transform:translate(-1px,1px)}55%{transform:translate(1px,-1px)}60%{transform:translate(0)}64%{transform:translate(0)}65%{transform:translate(-6px,3px)}67%{transform:translate(5px,-2px)}69%{transform:translate(-3px,1px)}71%{transform:translate(0)}72%{transform:translate(-7px,3px)}73.5%{transform:translate(7px,-3px)}75%{transform:translate(-5px,2px)}76.5%{transform:translate(3px,-1px)}78%,to{transform:translate(0)}}.vault-door-wrap{z-index:3;width:620px;max-width:85vmin;height:620px;max-height:85vmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vault-svg{will-change:transform,opacity,filter;width:100%;height:100%;animation:4s cubic-bezier(.33,1.2,.5,1) forwards v5-door-entrance}@keyframes v5-door-entrance{0%{opacity:0;filter:brightness(.4)blur(8px);transform:scale(.2)translateY(-40px)}10%{opacity:0}15%{opacity:.7;filter:brightness(.6)blur(3px);transform:scale(.75)translateY(-15px)}25%{opacity:1;filter:brightness(.85)blur();transform:scale(1.05)translateY(0)}30%{opacity:1;filter:brightness(.9)blur();transform:scale(.98)translateY(0)}35%{opacity:1;filter:brightness(.95)blur();transform:scale(1)translateY(0)}50%{opacity:1;filter:brightness()blur();transform:scale(1)}65%{opacity:1;filter:brightness(1.15)blur();transform:scale(1.03)}70%{opacity:1;filter:brightness(1.5)blur();transform:scale(1.08)}77%{opacity:.95;filter:brightness(2.2)blur(2px);transform:scale(1.15)}88%{opacity:.3;filter:brightness(4)blur(6px);transform:scale(1.3)}93%{opacity:0;filter:brightness(6)blur(12px);transform:scale(1.5)}to{opacity:0;filter:brightness(6)blur(14px);transform:scale(1.6)}}.v5-seam-glow{opacity:0;transform-origin:50%;animation:4s ease-out forwards v5-seam-glow}@keyframes v5-seam-glow{0%,15%{opacity:0;transform:scaleY(1)}30%{opacity:.4;transform:scaleY(1)}50%{opacity:.6;transform:scaleY(1.5)}65%{opacity:.9;transform:scaleY(3)}70%{opacity:1;transform:scaleY(8)}78%{opacity:1;transform:scaleY(30)}88%{opacity:0;transform:scaleY(50)}to{opacity:0;transform:scaleY(50)}}.v5-wheel{transform-origin:0 0;animation:4s cubic-bezier(.22,.9,.28,1) forwards v5-wheel-spin}@keyframes v5-wheel-spin{0%,35%{transform:rotate(0)}38%{transform:rotate(60deg)}48%{transform:rotate(540deg)}58%{transform:rotate(900deg)}63%{transform:rotate(1062deg)}64.5%{transform:rotate(1078deg)}65%{transform:rotate(1080deg)}66%{transform:rotate(1074deg)}68%,to{transform:rotate(1080deg)}}.v5-clunk-a,.v5-clunk-b{mix-blend-mode:screen;z-index:5;opacity:0;pointer-events:none;background:radial-gradient(circle,#ffecb366,#0000 60%);border-radius:50%;width:60vmin;height:60vmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.v5-clunk-a{animation:.2s ease-out 1.4s forwards v5-clunk}.v5-clunk-b{animation:.26s ease-out 2.58s forwards v5-clunk}@keyframes v5-clunk{0%{opacity:0}30%{opacity:.75}to{opacity:0}}.v5-iris{filter:blur(2px);z-index:6;opacity:0;will-change:transform,opacity;background:radial-gradient(circle,#fffceb 0%,#ffe8a3 18%,#ffb83d 40%,#ef7306 65%,#8e320b99 85%,#0000 100%);border-radius:50%;width:40px;height:40px;animation:.9s cubic-bezier(.22,.9,.3,1) 2.6s forwards v5-iris;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 80px 20px #ffd966,0 0 160px 40px #ffab1a99}@keyframes v5-iris{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}15%{opacity:1;transform:translate(-50%,-50%)scale(.6)}55%{opacity:1;transform:translate(-50%,-50%)scale(14)}to{opacity:0;transform:translate(-50%,-50%)scale(80)}}.v5-rays{filter:blur(2px);mix-blend-mode:screen;z-index:5;opacity:0;will-change:transform,opacity;background:conic-gradient(#ffe69900 0deg,#ffe69959 8deg,#ffe69900 16deg 35deg,#ffe69947 42deg,#ffe69900 50deg 75deg,#ffe69952 82deg,#ffe69900 90deg 120deg,#ffe69947 128deg,#ffe69900 136deg 165deg,#ffe69940 172deg,#ffe69900 180deg 215deg,#ffe6994d 222deg,#ffe69900 230deg 265deg,#ffe69947 272deg,#ffe69900 280deg 310deg,#ffe69952 318deg,#ffe69900 326deg 360deg);width:180vmax;height:180vmax;animation:1s cubic-bezier(.22,1,.36,1) 2.7s forwards v5-rays;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)rotate(0)}@keyframes v5-rays{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(0)}30%{opacity:1;transform:translate(-50%,-50%)scale(.5)rotate(6deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)rotate(18deg)}}.v5-particles{pointer-events:none;z-index:7;position:absolute;inset:0}.v5-burst-mote{width:var(--size,3px);height:var(--size,3px);background:hsl(var(--hue,42),100%,var(--l,72%));box-shadow:0 0 10px hsl(var(--hue,42),100%,65%),0 0 20px hsla(var(--hue,42),100%,55%,.6);opacity:0;animation:v5-burst var(--dur,1.1s)var(--delay,2.6s)cubic-bezier(.2,.7,.3,1)forwards;--dx:0;--dy:0;border-radius:50%;position:absolute;top:50%;left:50%}@keyframes v5-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}15%{opacity:1;transform:translate(calc(-50% + var(--dx)*.2),calc(-50% + var(--dy)*.2))scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy)))scale(.3)}}.v5-flash{opacity:0;z-index:8;mix-blend-mode:screen;background:radial-gradient(circle,#fffcf0 0%,#ffd980 30%,#f9a91f4d 60%,#0000 85%);animation:.6s ease-out 3.05s forwards v5-flash;position:absolute;inset:0}@keyframes v5-flash{0%{opacity:0}35%{opacity:1}to{opacity:.2}}.v5-lens-flare{opacity:0;z-index:9;filter:blur(1.5px);background:linear-gradient(90deg,#0000,#fff8d6e6 45%,#fffbe6 50%,#fff8d6e6 55%,#0000);width:220vw;height:4px;animation:.75s ease-out 2.95s forwards v5-lens-flare;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleX(0);box-shadow:0 0 24px #fff2b3,0 0 48px #ffea80}@keyframes v5-lens-flare{0%{opacity:0;transform:translate(-50%,-50%)scaleX(0)rotate(-2deg)}45%{opacity:1;transform:translate(-50%,-50%)scaleX(1)rotate(-2deg)}to{opacity:0;transform:translate(-50%,-50%)scaleX(1.15)rotate(-2deg)}}.v5-logo-stinger{z-index:10;opacity:0;pointer-events:none;will-change:transform,opacity,filter;width:85vmin;max-width:900px;height:85vmin;max-height:900px;animation:1.95s cubic-bezier(.2,.9,.3,1) 3.05s forwards v5-logo-stinger;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.v5-logo-img{object-fit:contain;filter:drop-shadow(0 6px 24px #da6c0b66)drop-shadow(0 0 40px #ffb4334d);width:100%;height:100%}@keyframes v5-logo-stinger{0%{opacity:0;filter:brightness(3)blur(8px);transform:translate(-50%,-50%)scale(1.2)}15%{opacity:1;filter:brightness(1.6)blur();transform:translate(-50%,-50%)scale(1.06)}28%{opacity:1;filter:brightness(1.15)blur();transform:translate(-50%,-50%)scale(1)}75%{opacity:1;filter:brightness()blur();transform:translate(-50%,-50%)scale(1)}to{opacity:0;filter:brightness()blur();transform:translate(-50%,-50%)scale(.96)}}.v5-loading{z-index:12;letter-spacing:.28em;text-transform:uppercase;color:#edd8b6;text-shadow:0 0 12px #f4a82580;opacity:0;pointer-events:none;align-items:baseline;gap:6px;font:500 14px/1 ui-monospace,SF Mono,Menlo,monospace;animation:5s linear forwards v5-loading-fade;display:flex;position:absolute;bottom:8vh;left:50%;transform:translate(-50%)}@keyframes v5-loading-fade{0%{opacity:0}8%{opacity:.85}60%{opacity:.85}70%{opacity:0}to{opacity:0}}.v5-loading-dots{gap:4px;margin-left:2px;display:inline-flex}.v5-loading-dots span{opacity:.25;background:#f6bb55;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite v5-dot;box-shadow:0 0 6px #ffb433cc}.v5-loading-dots span:first-child{animation-delay:0s}.v5-loading-dots span:nth-child(2){animation-delay:.18s}.v5-loading-dots span:nth-child(3){animation-delay:.36s}@keyframes v5-dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.t-quick-hero{z-index:150;pointer-events:none;will-change:transform,opacity;border-radius:12px;animation:.4s cubic-bezier(.6,0,.2,1) forwards quick-zoom;position:fixed;overflow:hidden}@keyframes quick-zoom{0%{opacity:1;filter:brightness();transform:scale(1)}60%{opacity:.6;filter:brightness(1.5)saturate(1.4);transform:scale(1.8)}to{opacity:0;filter:brightness(2.5)saturate(2);transform:scale(3)}}.t-quick-pulse{z-index:140;pointer-events:none;background:radial-gradient(circle at var(--x,50%)var(--y,50%),#f6a82359,transparent 40%);opacity:0;animation:.45s ease-out forwards quick-pulse;position:fixed;inset:0}@keyframes quick-pulse{0%{opacity:0}30%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.vault-stage,.t-quick-hero,.t-quick-pulse{display:none!important}}
.PostValueNewsletterPrompt-module__iCxQIq__overlay{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000a8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.PostValueNewsletterPrompt-module__iCxQIq__dialog{border:1px solid color-mix(in srgb,var(--accent-amber)32%,var(--glass-border));border-radius:var(--radius-lg);background:var(--bg-elevated);width:min(440px,100%);padding:28px;position:relative;box-shadow:0 24px 70px #0000008c}.PostValueNewsletterPrompt-module__iCxQIq__close{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:14px;right:14px}.PostValueNewsletterPrompt-module__iCxQIq__close:hover,.PostValueNewsletterPrompt-module__iCxQIq__close:focus-visible{background:var(--bg-hover);color:var(--text-primary)}.PostValueNewsletterPrompt-module__iCxQIq__icon{border:1px solid color-mix(in srgb,var(--accent-amber)45%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent-amber)12%,transparent);width:48px;height:48px;color:var(--accent-amber);place-items:center;margin-bottom:18px;display:grid}.PostValueNewsletterPrompt-module__iCxQIq__eyebrow{color:var(--accent-amber);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;margin:0 0 6px}.PostValueNewsletterPrompt-module__iCxQIq__dialog h2{max-width:360px;color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:0;margin:0;line-height:1.2}.PostValueNewsletterPrompt-module__iCxQIq__copy,.PostValueNewsletterPrompt-module__iCxQIq__success p{color:var(--text-secondary);font-size:var(--text-sm);margin:12px 0 0;line-height:1.6}.PostValueNewsletterPrompt-module__iCxQIq__actions{gap:10px;margin-top:22px;display:flex}.PostValueNewsletterPrompt-module__iCxQIq__actions button{min-height:42px}.PostValueNewsletterPrompt-module__iCxQIq__dialog small{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:12px;display:block}.PostValueNewsletterPrompt-module__iCxQIq__success{text-align:center;flex-direction:column;align-items:center;padding:12px 0;display:flex}.PostValueNewsletterPrompt-module__iCxQIq__success .PostValueNewsletterPrompt-module__iCxQIq__icon{margin-bottom:12px}@media (max-width:520px){.PostValueNewsletterPrompt-module__iCxQIq__overlay{align-items:flex-end;padding:12px}.PostValueNewsletterPrompt-module__iCxQIq__dialog{padding:24px 20px}.PostValueNewsletterPrompt-module__iCxQIq__actions{flex-direction:column}}
@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{overflow-wrap:break-word;min-height:100dvh;overflow-x:hidden}img,picture,video,iframe{max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font:inherit;color:inherit}img,svg{max-width:100%;display:block}ul,ol{list-style:none}}@layer tokens{:root{--bg-void:#050505;--bg-surface:#121317;--bg-elevated:#1d2025;--bg-glass:#23282f99;--bg-glass-hover:#2b323ba6;--text-primary:#e9e7e2;--text-secondary:#a39c8f;--text-tertiary:#6e695e;--accent-amber:#f6a823;--accent-amber-dim:#986a1b;--accent-amber-glow:#f6a8234d;--accent-orange:#f47125;--accent-teal:#39ac9d;--accent-rose:#d7425b;--accent-purple:#8c53c6;--waveform-active:#f6a823;--waveform-idle:#484851;--waveform-progress:#f6a82380;--stem-vocals:#d7425b;--stem-drums:#f6a823;--stem-bass:#39ac9d;--stem-other:#8c53c6;--glass-border:#c2ccd614;--glass-border-hover:#c2ccd624;--glass-blur:20px;--font-display:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--text-xs:clamp(.7rem,.65rem + .25vw,.75rem);--text-sm:clamp(.8rem,.75rem + .25vw,.875rem);--text-base:clamp(.9rem,.85rem + .25vw,1rem);--text-lg:clamp(1.1rem,1rem + .5vw,1.25rem);--text-xl:clamp(1.3rem,1.1rem + 1vw,1.75rem);--text-2xl:clamp(1.6rem,1.2rem + 2vw,2.5rem);--text-3xl:clamp(2rem,1.5rem + 2.5vw,3.5rem);--weight-normal:420;--weight-medium:520;--weight-bold:680;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 30px #0009;--shadow-glow:0 0 20px var(--accent-amber-glow);--shadow-inset:inset 0 2px 4px #0006;--shadow-neumorphic-up:4px 4px 10px #00000080,-4px -4px 10px #2f2f3726;--shadow-neumorphic-down:inset 4px 4px 10px #00000080,inset -4px -4px 10px #2f2f371a;--sidebar-width:240px;--sidebar-collapsed:64px;--player-height:80px;--header-height:56px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.3s cubic-bezier(.34,1.56,.64,1)}}@layer base{body{font-family:var(--font-body);font-weight:var(--weight-normal);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-void);line-height:1.6;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#163e5a 0%,#111f2c 25%,#0a0c0f 50%,#0000 65%);position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.2}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}code,kbd,samp,pre{font-family:var(--font-mono)}::selection{background:var(--accent-amber-dim);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#a39c8f33}::-webkit-scrollbar-thumb:hover{background:#a39c8f59}:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px;border-radius:var(--radius-sm)}}@layer utilities{.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.glass:hover:not(.app-header):not(.app-player){background:var(--bg-glass-hover);border-color:var(--glass-border-hover)}.neumorphic-up{box-shadow:var(--shadow-neumorphic-up);border-radius:var(--radius-md)}.neumorphic-down{box-shadow:var(--shadow-neumorphic-down);border-radius:var(--radius-md)}.mono{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.02em}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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}.auto-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));display:grid}.cluster{gap:var(--space-md);flex-direction:column;display:flex}@media (min-width:640px){.cluster{flex-flow:wrap}}.scroll-x{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}@media (min-width:768px){.only-mobile{display:none!important}}.hide-mobile{display:none!important}@media (min-width:768px){.hide-mobile{display:block!important}}}@layer components{.app-shell{grid-template-columns:auto 1fr;grid-template-rows:var(--header-height)1fr var(--player-height);grid-template-areas:"sidebar header""sidebar main""player player";min-height:100dvh;display:grid;position:relative}.app-sidebar{width:var(--sidebar-width);transition:width var(--transition-base);z-index:20;grid-area:sidebar;height:100dvh;position:sticky;top:0}.app-sidebar[data-collapsed=true]{width:var(--sidebar-collapsed)}.app-header{z-index:10;grid-area:header;position:sticky;top:0}.app-main{padding:var(--space-lg);padding-bottom:calc(var(--player-height) + var(--space-lg));grid-area:main;min-width:0;overflow-y:auto}.app-player{height:var(--player-height);z-index:30;grid-area:player;position:fixed;bottom:0;left:0;right:0}@media (max-width:768px){.app-shell{grid-template:"header""main"1fr/minmax(0,1fr)}.app-header{padding-top:env(safe-area-inset-top)}.app-player{grid-area:auto}.app-sidebar{bottom:calc(var(--player-height) + var(--space-sm));left:var(--space-sm);right:var(--space-sm);z-index:25;border-right:none;height:auto;position:fixed;top:auto;width:auto!important}.app-main{padding:var(--space-md);padding-bottom:calc(var(--player-height) + 76px + var(--space-md))}}.badge{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);border:1px solid var(--glass-border);white-space:nowrap;background:#26262ccc;padding:2px 8px;display:inline-flex}.badge--amber{color:var(--accent-amber);background:#f6a82326;border-color:#f6a8234d}.badge--teal{color:var(--accent-teal);background:#39ac9d26;border-color:#39ac9d4d}.badge--rose{color:var(--accent-rose);background:#d7425b26;border-color:#d7425b4d}.badge--cleared{color:#33cc73;background:#29a35c26;border-color:#29a35c4d}.badge--vintage{color:#eda65e;background:#c3732226;border-color:#c373224d}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;display:inline-flex}.btn--primary{background:var(--accent-amber);color:#0e0e11}.btn--primary:hover{box-shadow:var(--shadow-glow);background:#f7b23b}.btn--ghost{border:1px solid var(--glass-border);color:var(--text-secondary);background:0 0}.btn--ghost:hover{background:var(--bg-glass);border-color:var(--glass-border-hover);color:var(--text-primary)}.btn--icon{padding:var(--space-sm);border-radius:var(--radius-md);aspect-ratio:1}.pill{font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;padding:6px 14px;display:inline-flex}.pill:hover{background:var(--bg-glass-hover);border-color:var(--glass-border-hover)}.pill[data-active=true]{color:var(--accent-amber);background:#f6a82326;border-color:#f6a82366}.skeleton{background:linear-gradient(90deg,var(--bg-elevated)25%,var(--bg-glass)50%,var(--bg-elevated)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}}@layer animations{@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--accent-amber-glow)}50%{box-shadow:0 0 20px var(--accent-amber-glow),0 0 40px #f6a82326}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce-sm{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes waveform-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes wave-bounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.6)}}}.grain-overlay{pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}.logo-watermark{pointer-events:none;z-index:0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0 0 0 240px;overflow:hidden}@media (max-width:768px){.logo-watermark{left:0}}.logo-watermark img{object-fit:contain;opacity:.05;filter:brightness(1.5);width:min(80vw,800px);height:min(80vw,800px)}body.loop-builder-page .logo-watermark{display:none}.gradient-border{position:relative;border:none!important}.gradient-border:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(135deg,#f6a82399,#d7425b66,#8c53c666,#f6a82399) 0 0/300% 300%;padding:1px;animation:4s infinite gradient-rotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes gradient-rotate{0%,to{background-position:0%}50%{background-position:100%}}.gradient-border-on-focus:focus-within:before,.gradient-border-on-hover:hover:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(135deg,#f6a82399,#d7425b66,#8c53c666,#f6a82399) 0 0/300% 300%;padding:1px;animation:4s infinite gradient-rotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}