*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cy:#00f0ff;--mg:#f0a;--pu:#8b5cf6;--bg:#08080e;--surface:#12121ce6;--t1:#e8ecf2;--t2:#a0aec0;--t3:#64748b;--border:#ffffff14;--border-h:#ffffff2e;--glow:0 0 24px #00f0ff1f;--r:14px;--r-sm:8px;--mono:"JetBrains Mono","Space Grotesk",monospace;--sans:"Space Grotesk","Inter",sans-serif}html,body{background:#08080e;height:100%;overflow:hidden}body{font-family:var(--sans);color:var(--t1);-webkit-font-smoothing:antialiased;background:#1a1020}.preloader{z-index:10000;pointer-events:none;background:#1a1020;justify-content:center;align-items:center;transition:opacity .6s ease-out;display:flex;position:fixed;inset:0}.preloader.hidden{opacity:0}.preloader-logo{font-family:var(--mono);letter-spacing:.25em;color:#ffffff59;font-size:1.1rem;font-weight:600;animation:1.6s ease-in-out infinite preloaderPulse}@keyframes preloaderPulse{0%,to{opacity:.25}50%{opacity:.7}}*{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f padding-box padding-box;border:2px solid #0000;border-radius:999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffffff47 padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}.splash{z-index:100;background:#1a1020;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;inset:0;overflow:hidden}.splash-video{object-fit:cover;z-index:0;opacity:.9;will-change:transform;width:108%;height:108%;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:-4%;transform:scale(1.08)}.splash:before{content:"";z-index:0;background:url(/splash-bg.png) 50%/cover no-repeat,#1a1020;position:absolute;inset:0}.splash:after{content:"";z-index:1;background:linear-gradient(#0a050f99 0%,#0a050f26 25% 45%,#0a050fb3 70%,#0a050fd9 100%);position:absolute;inset:0}.splash>:not(.splash-video){z-index:2;position:relative}.splash.splash-loading{opacity:0}.splash.hidden{opacity:0;pointer-events:none;transform:scale(1.04)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes cardReveal{0%{opacity:0;filter:blur(4px);transform:translateY(20px)scale(.95)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes accentGrow{0%{opacity:0}to{opacity:1}}@keyframes logoReveal{0%{opacity:0;filter:blur(8px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes cardPulse{0%,to{box-shadow:0 4px 20px #0000004d, 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent)}50%{box-shadow:0 4px 20px #0000004d, 0 0 25px color-mix(in srgb, var(--accent) 8%, transparent)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.splash-logo{font-family:var(--mono);letter-spacing:.2em;color:#fff;text-shadow:0 0 30px #ff96c859,0 0 80px #ff64b426,0 2px 4px #00000080;margin-bottom:.3rem;font-size:3.6rem;font-weight:700;animation:.8s ease-out both logoReveal,5s ease-in-out 1s infinite logoGlow}@keyframes logoGlow{0%,to{filter:brightness()drop-shadow(0 0 20px #ff96c81a)}50%{filter:brightness(1.08)drop-shadow(0 0 30px #ff96c833)}}.splash-sub{font-family:var(--sans);color:#fff;letter-spacing:.3em;text-transform:lowercase;text-shadow:0 1px 2px #000000f2,0 2px 16px #000000d9,0 0 28px #0009;margin-bottom:2.5rem;font-size:.95rem;font-weight:500;animation:.6s ease-out .4s both fadeIn}.splash-label{font-family:var(--sans);color:#fff0f5f2;text-transform:lowercase;letter-spacing:.18em;text-shadow:0 1px 2px #000000f2,0 2px 14px #000000d9,0 0 24px #0000008c;margin-bottom:1rem;font-size:.78rem;font-weight:600;animation:.5s ease-out .7s both fadeIn}.vibe-grid{-webkit-backdrop-filter:blur(40px)saturate(1.2);backdrop-filter:blur(40px)saturate(1.2);background:#0806108c;border:1px solid #ffffff14;border-radius:24px;grid-template-columns:repeat(3,1fr);gap:0;width:88%;max-width:720px;animation:.6s ease-out .8s both fadeIn;display:grid;overflow:hidden;box-shadow:0 16px 64px #00000080,inset 0 1px #ffffff0f}.vibe-card{--accent:#8b5cf6;--i:0;cursor:pointer;text-align:left;animation:fadeIn .4s ease-out calc(.9s + var(--i) * 60ms) both;background:0 0;border:none;padding:1.4rem 1.6rem;transition:all .25s;position:relative}.vibe-card:before{content:"";pointer-events:none;border-bottom:1px solid #ffffff0a;border-right:1px solid #ffffff0a;position:absolute;inset:0}.vibe-card:nth-child(3n):before{border-right:none}.vibe-card:nth-child(n+7):before{border-bottom:none}.vibe-card:after,.vibe-accent,.vibe-glow{display:none}.vibe-card:hover{background:#ffffff17}.vibe-card:hover .vibe-name{color:#fff;text-shadow:0 0 24px color-mix(in srgb, var(--accent) 55%, transparent), 0 1px 4px #000000b3}.vibe-card:hover .vibe-desc{color:#ffffffeb}.vibe-card:active{background:#ffffff0d;transition-duration:60ms}.vibe-name{font-family:var(--sans);letter-spacing:.01em;color:#fff;text-shadow:0 1px 4px #0000008c;margin-bottom:.2rem;font-size:1.1rem;font-weight:600;transition:all .25s}.vibe-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent,#ffffffb3);opacity:.95;text-shadow:0 1px 3px #0009;margin-bottom:.4rem;font-size:.65rem;font-weight:600;transition:opacity .25s}.vibe-card:hover .vibe-tag{opacity:1}.vibe-desc{font-family:var(--sans);color:#ffffffb3;text-shadow:0 1px 3px #0009;text-wrap:balance;font-size:.82rem;font-weight:400;line-height:1.45;transition:color .25s}.splash-tracks-btn[hidden]{display:none}.splash-tracks-btn{-webkit-backdrop-filter:blur(36px)saturate(1.2);backdrop-filter:blur(36px)saturate(1.2);cursor:pointer;color:#fffc;background:#08061073;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:1.1rem;width:88%;max-width:720px;margin-top:1rem;padding:.95rem 1.4rem;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;animation:.6s ease-out 1.2s both fadeIn;display:flex}.splash-tracks-btn:hover{background:#0c0a1699;border-color:#00f0ff40;transform:translateY(-1px);box-shadow:0 10px 32px #00000059}.splash-tracks-icon{color:var(--cy);text-shadow:0 0 12px #00f0ff66;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.4rem;line-height:1;display:flex}.splash-tracks-main{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:.18rem;min-width:0;display:flex}.splash-tracks-label{font-family:var(--sans);color:#ffffffeb;font-size:.95rem;font-weight:600}.splash-tracks-desc{font-family:var(--sans);color:#ffffff73;font-size:.72rem;font-weight:400}.splash-tracks-count{font-family:var(--mono);color:var(--cy);letter-spacing:.08em;text-align:center;background:#00f0ff14;border:1px solid #00f0ff38;border-radius:12px;flex-shrink:0;min-width:1.6rem;padding:.32rem .65rem;font-size:.72rem;font-weight:700}.splash-radio-btn{-webkit-backdrop-filter:blur(40px)saturate(1.2);backdrop-filter:blur(40px)saturate(1.2);cursor:pointer;text-align:left;background:#0806108c;border:1px solid #ffffff14;border-radius:24px;align-items:center;gap:1.4rem;width:88%;max-width:720px;margin-top:1.7rem;padding:1.2rem 1.6rem;transition:all .25s;animation:.5s ease-out 1.5s both fadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 48px #0006,inset 0 1px #ffffff0f}.splash-radio-btn:before,.splash-radio-btn:after{display:none}.splash-radio-btn:hover{background:#0c0a16a6;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 16px 56px #00000080,inset 0 1px #ffffff14}.splash-radio-btn:active{transition-duration:60ms;transform:translateY(0)}.radio-eq{flex-shrink:0;align-items:flex-end;gap:4px;width:40px;height:34px;display:flex}.radio-eq span{background:linear-gradient(180deg, #ff5da6 0%, #c95fff 45%, var(--cy) 100%);transform-origin:bottom;border-radius:2px;flex:1;animation:2.4s ease-in-out infinite radioEq;box-shadow:0 0 10px #00f0ff4d,0 -4px 12px #ff5da638}.radio-eq span:first-child{height:55%;animation-delay:0s}.radio-eq span:nth-child(2){height:85%;animation-delay:.4s}.radio-eq span:nth-child(3){height:65%;animation-delay:.8s}.radio-eq span:nth-child(4){height:95%;animation-delay:1.2s}@keyframes radioEq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.radio-main{text-align:left;flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.radio-label-row{align-items:baseline;gap:.75rem;display:flex}.radio-label{font-family:var(--mono);color:#fff;letter-spacing:.22em;text-shadow:0 0 14px #00f0ff4d;font-size:1.4rem;font-weight:700}.radio-freq{font-family:var(--mono);color:#ffffff8c;letter-spacing:.14em;font-size:.78rem;font-weight:500}.radio-desc{font-family:var(--sans);color:#ffffff6b;letter-spacing:.03em;font-size:.72rem;font-weight:400}.radio-play{width:2.8rem;height:2.8rem;color:var(--cy);background:#00f0ff0a;border:1px solid #00f0ff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding-left:3px;font-size:1rem;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s,color .3s;display:flex;box-shadow:0 0 16px #00f0ff1a,inset 0 0 14px #00f0ff0f}.splash-radio-btn:hover .radio-play{color:#fff;background:#00f0ff24;border-color:#00f0ff8c;transform:scale(1.06);box-shadow:0 0 24px #00f0ff52,inset 0 0 18px #00f0ff1f}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.35}}.splash-radio-icon{color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:1.3rem;transition:all .25s;display:flex}.splash-radio-btn:hover .splash-radio-icon{color:#fff;background:#ffffff1a;border-color:#fff3}.splash-radio-label{font-family:var(--sans);color:#ffffffd9;font-size:1rem;font-weight:600}.splash-radio-desc{font-family:var(--sans);color:#ffffff59;margin-left:auto;font-size:.75rem;font-weight:400}.splash-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;max-width:720px;margin-top:1.6rem;padding:0 1rem;animation:.6s ease-out 2s both fadeIn;display:flex}.splash-nav-link{font-family:var(--sans);color:#ffffffbf;letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);text-shadow:0 1px 6px #00000080;white-space:nowrap;background:#0a081466;border:1px solid #ffffff2e;border-radius:999px;padding:.55rem 1rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s,border-color .2s,transform .15s}.splash-nav-link:hover{color:#fff;background:#ffffff1a;border-color:#fff6;transform:translateY(-1px)}@media (width<=560px){.splash-nav{gap:.4rem}.splash-nav-link{padding:.5rem .85rem;font-size:.72rem}}.splash-about-link:hover{color:#ffffffb3}.about-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#04030ab3;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}.about-overlay.active{opacity:1;pointer-events:all}.about-panel{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#0a0812d9;border:1px solid #ffffff14;border-radius:24px;width:90%;max-width:580px;max-height:80vh;padding:2.5rem 2.5rem 2rem;transition:transform .35s cubic-bezier(.2,.9,.3,1);position:relative;overflow-y:auto;transform:translateY(20px)scale(.97);box-shadow:0 24px 80px #0009,inset 0 1px #ffffff0f}.about-overlay.active .about-panel{transform:translateY(0)scale(1)}.about-close{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1.2rem}.about-close:hover{color:#fffc;background:#ffffff0f}.about-title{font-family:var(--mono);letter-spacing:.12em;color:#ffffffe6;margin:0 0 1.5rem;font-size:1.3rem;font-weight:600}.about-body{font-family:var(--sans);color:#fff9;font-size:.88rem;font-weight:400;line-height:1.75}.about-body p{margin:0 0 1rem}.about-body strong{color:#ffffffd9;font-weight:600}.about-section{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;border-top:1px solid #ffffff0f;margin:2rem 0 .75rem;padding-top:1.25rem;font-size:.78rem;font-weight:600}.about-lede{color:#fffffff2;border-left:2px solid var(--cy,#00f0ff99);background:#ffffff08;border-radius:0 6px 6px 0;margin:0 0 1.5rem;padding:1rem 1.1rem;font-size:1rem;line-height:1.6}.about-list{color:#ffffffbf;margin:.75rem 0 1rem;padding-left:1.2rem;line-height:1.65}.about-list li{margin-bottom:.6rem}.about-ending{text-align:left;margin:2.4rem 0 2.8rem;font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400;line-height:1.5}.about-ending .ending-line{opacity:0;animation:1.4s cubic-bezier(.22,.61,.36,1) both endingDrop;display:block}.about-ending .ending-line-1{color:#ffffffeb;padding-left:40%;font-size:1em;animation-delay:.5s}.about-ending .ending-line-2{letter-spacing:.03em;color:#ffffff8c;padding-left:60%;font-size:1em;animation-delay:1.4s}@keyframes endingDrop{0%{opacity:0;filter:blur(5px);transform:translateY(-6px)}to{opacity:1;filter:blur();transform:translateY(0)}}.about-kicker{text-align:center;color:#fffffff2;background:#ffffff0a;border-radius:8px;margin-top:1.5rem;padding:1rem;font-size:1rem}.about-support{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;margin-top:2rem;padding:1.4rem}.about-support-lead{color:#ffffffe6;letter-spacing:.02em;margin-bottom:.9rem;font-size:.95rem;font-weight:500}.about-support-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:.75rem;display:flex}.about-support-btn{color:#ffffffe6;border:1px solid #fff3;border-radius:8px;padding:.65rem 1.1rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s}.about-support-btn:hover{background:#ffffff14;border-color:#fff6;transform:translateY(-1px)}.about-support-btn.primary{background:var(--cy,#00f0ff26);border-color:var(--cy,#00f0ff66);color:#fff}.about-support-btn.primary:hover{background:var(--cy,#00f0ff40);border-color:var(--cy,#00f0ff99)}.about-support-note{color:#fff6;font-size:.78rem}.about-bio{font-family:var(--mono);color:#ffffff80;letter-spacing:.05em;text-align:center;border-top:1px solid #ffffff0f;margin:3.5rem auto 0;padding-top:1.8rem;font-size:.8rem}.about-epigraph{box-shadow:none;text-align:center;max-width:34ch;filter:drop-shadow(0 0 26px color-mix(in srgb, var(--cy,#00f0ff) 20%, transparent)) drop-shadow(0 0 56px color-mix(in srgb, var(--mg,#f0a) 10%, transparent));border:none;margin:.5rem auto 2.6rem;padding:0;animation:6s ease-in-out infinite epigraphHaloPulse}.about-epigraph p{letter-spacing:.005em;background:linear-gradient(110deg, color-mix(in srgb, #fff 78%, var(--mg,#f0a)) 0%, #fffffffa 38%, #fffffffa 62%, color-mix(in srgb, #fff 78%, var(--cy,#00f0ff)) 100%);color:#0000;background-position:0%;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Instrument Serif,Georgia,Times New Roman,serif;font-size:2rem;font-style:italic;font-weight:400;line-height:1.25;animation:10s ease-in-out infinite alternate epigraphShimmer}.about-pullquote{text-align:center;background:0 0;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;max-width:52ch;margin:3rem auto;padding:2rem 1rem}.about-pullquote p{letter-spacing:.005em;text-wrap:balance;background:linear-gradient(110deg, color-mix(in srgb, #fff 82%, var(--mg,#f0a)) 0%, #fffffff5 38%, #fffffff5 62%, color-mix(in srgb, #fff 82%, var(--cy,#00f0ff)) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Instrument Serif,Georgia,Times New Roman,serif;font-size:clamp(1.75rem,3.2vw,2.15rem);font-style:italic;font-weight:400;line-height:1.25}.about-credit{color:#ffffff59;text-align:center;border-top:1px solid #ffffff0f;margin-top:1.5rem;padding-top:1rem;font-size:.78rem;font-style:italic}.about-sidenote{color:#ffffff9e;background:#ffffff08;border-left:2px solid #ffffff26;border-radius:0 6px 6px 0;padding:.9rem 1.1rem;font-size:.92rem;margin:1.5rem 0!important}.about-sidenote a{color:var(--cy,#00d4ffe6);border-bottom:1px dotted #00d4ff66;text-decoration:none;transition:color .2s,border-color .2s}.about-sidenote a:hover{color:#fff;border-color:#fffc}.about-divider{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);border:none;height:1px;margin:3rem 0 2rem}.about-section-major{color:#fff!important;margin-top:1rem!important;font-size:1.4rem!important}.player{opacity:0;pointer-events:none;transition:opacity .6s;display:block;position:fixed;inset:0}.player .player-main{position:absolute;inset:0}.player .mixer-drawer{z-index:3;box-sizing:border-box;max-width:100vw;position:absolute;bottom:0;left:0;right:0}.player.active{opacity:1;pointer-events:all}.player .p-top,.player .transport-panel,.player .waveform-wrap,.player .mixer,.player .mixer-drawer{transition:opacity .5s}.player.ui-hidden .p-top,.player.ui-hidden .transport-panel,.player.ui-hidden .mixer,.player.ui-hidden .mixer-drawer{opacity:0;pointer-events:none}.player.ui-hidden{cursor:none}.focus-hint{z-index:500;font-family:var(--mono);letter-spacing:.15em;color:#ffffff8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;opacity:0;background:#00000059;border-radius:4px;padding:.35rem .65rem;font-size:.62rem;transition:opacity .4s;position:fixed;bottom:1.2rem;right:1.2rem}.player.active .focus-hint{opacity:.7}.player.ui-hidden .focus-hint{opacity:.75}.focus-hint kbd{font-family:var(--mono);color:#fffffff2;border:1px solid #ffffff59;border-radius:3px;margin:0 .15rem;padding:0 .3rem;font-weight:600}.player-main{position:relative;overflow:hidden}#vizCanvas{width:100%;height:100%;display:block;position:absolute;inset:0}.scene-bg{z-index:0;transition:background 1.5s;position:absolute;inset:0}.player-overlay{z-index:2;pointer-events:none;flex-direction:column;max-width:100vw;display:flex;position:absolute;inset:0;overflow:hidden}.player-overlay>*{pointer-events:all}.p-top{box-sizing:border-box;background:linear-gradient(#000000b3,#0000);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:100%;padding:1rem 2.5rem;display:flex}.p-top-right{flex-wrap:wrap;row-gap:.4rem}.player{overflow:hidden}.p-brand{font-family:var(--mono);letter-spacing:.15em;color:#ffffff59;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.8rem;font-weight:500;transition:color .2s}.p-brand:hover{color:#ffffffd9}.p-top-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.p-pill{font-family:var(--mono);border:1px solid var(--border);color:var(--t2);cursor:pointer;letter-spacing:.04em;background:#ffffff0d;border-radius:20px;padding:.45rem 1rem;font-size:.75rem;font-weight:500;transition:all .25s}.p-pill:hover{border-color:var(--border-h);color:var(--t1)}.p-pill.active{color:var(--cy);background:#00f0ff0d;border-color:#00f0ff40}.p-pill.err{color:#ef4444;border-color:#ef444440}.p-playlist-pill{color:var(--cy);letter-spacing:.06em;cursor:default;background:#00f0ff0f;border-color:#00f0ff4d;animation:1.8s ease-in-out infinite histPulse;box-shadow:0 0 12px #00f0ff1f}.transport-panel{border-radius:var(--r);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);background:#0c0c1473;border:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:0;width:clamp(400px,55vw,640px);padding:1.5rem 2.5rem 1.2rem;display:flex;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 64px #00000080,inset 0 0 1px #ffffff0a}.tp-now{text-align:center;padding-bottom:.6rem}.p-playlist-status{font-family:var(--mono);color:var(--cy);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 14px #00f0ff59;margin-bottom:.6rem;font-size:.7rem;font-weight:600;animation:1.8s ease-in-out infinite histPulse}.p-genre-label{font-family:var(--sans);letter-spacing:.08em;color:#fffffff2;text-shadow:0 0 40px #00f0ff1f,0 2px 4px #00000080;font-size:2.8rem;font-weight:400}.p-track-meta{font-family:var(--sans);color:#ffffffd9;letter-spacing:.05em;text-shadow:0 1px 4px #0009;margin-top:.55rem;font-size:.95rem;font-weight:500}.p-track-progression{font-family:var(--mono);color:#ffffffb3;letter-spacing:.06em;text-shadow:0 1px 4px #0009;margin-top:.35rem;font-size:1rem}.tp-player{width:100%;padding:.8rem 0}.tp-player-row{justify-content:center;align-items:center;gap:1.2rem;display:flex}.time-disp{font-family:var(--mono);color:#ffffff80;font-variant-numeric:tabular-nums;min-width:70px;font-size:1.8rem;font-weight:300}.time-disp:first-of-type{text-align:right}.time-remaining{text-align:left;opacity:.35;font-size:1.2rem}.play-ring-wrap{flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;display:flex;position:relative}.progress-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#ffffff0f;stroke-width:2.5px}.progress-ring-fill{fill:none;stroke:var(--cy);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:276.46;stroke-dashoffset:276.46px;filter:drop-shadow(0 0 6px #00f0ff66);transition:stroke-dashoffset .4s}.btn-play{color:#ffffffd9;cursor:pointer;z-index:1;background:#ffffff08;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.6rem;transition:all .3s;display:flex;position:relative;box-shadow:0 0 0 4px #ffffff05,0 4px 24px #0000004d}.btn-play:hover:not(:disabled){background:#ffffff0f;border-color:#fff6;transform:scale(1.06);box-shadow:0 0 0 4px #ffffff0a,0 0 40px #00f0ff26}.btn-play:active:not(:disabled){transform:scale(.96)}.btn-play:disabled{opacity:.25;cursor:not-allowed}.btn-play.playing{border-color:#00f0ff66;animation:3s ease-in-out infinite playPulse;box-shadow:0 0 0 4px #00f0ff14,0 0 40px #00f0ff26}@keyframes playPulse{0%,to{box-shadow:0 0 0 4px #00f0ff14,0 0 30px #00f0ff1a}50%{box-shadow:0 0 0 6px #00f0ff1f,0 0 50px #00f0ff33}}.tp-mode{border-radius:var(--r-sm);border:1px solid #ffffff0f;gap:0;width:100%;margin:.6rem 0;display:flex;overflow:hidden}.btn-mode{font-family:var(--mono);cursor:pointer;color:#ffffffd9;letter-spacing:.08em;text-align:center;text-shadow:0 1px 4px #00000080;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.6rem .8rem;font-size:.85rem;font-weight:500;transition:all .25s;display:flex}.btn-mode-label{font-size:.9rem;font-weight:600}.btn-mode-desc{letter-spacing:.04em;color:#ffffff8c;font-size:.65rem;font-weight:400}.btn-mode:not(:last-child){border-right:1px solid #ffffff0f}.btn-mode:hover{color:var(--t2);background:#ffffff0a}.btn-mode.active{color:var(--cy);text-shadow:0 0 12px #00f0ff33;background:#00f0ff0f}.tp-actions{flex-flow:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;padding-top:.5rem;display:flex}.tp-dur{justify-content:center;align-items:center;gap:.5rem;display:flex}.tp-dur.hidden{display:none}.ctrl-label{font-family:var(--mono);color:var(--t3);letter-spacing:.08em;font-size:.6rem;font-weight:500}.ctrl-val{font-family:var(--mono);color:var(--t2);font-size:.65rem}.dur-range{-webkit-appearance:none;background:#ffffff14;border-radius:2px;outline:none;width:100px;height:4px}.dur-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--bg);cursor:pointer;border:2px solid #fff6;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 0 8px #0006}.dur-range::-webkit-slider-thumb:hover{border-color:#ffffffb3}.tp-action-btns{justify-content:center;align-items:center;gap:.5rem;display:flex}.btn-action{font-family:var(--mono);cursor:pointer;color:var(--t3);letter-spacing:.05em;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px;padding:.4rem 1rem;font-size:.65rem;font-weight:500;transition:all .25s}.btn-new-comp{color:var(--t2);background:#ffffff0f;border-color:#ffffff1f;padding:.5rem 1.6rem;font-size:.75rem}.btn-action:hover{color:var(--t1);border-color:var(--border-h);background:#ffffff14}.btn-action:active{transform:scale(.97)}.btn-action:disabled{opacity:.25;cursor:not-allowed}.btn-share-inline{opacity:.5;align-items:center;gap:.3rem;transition:all .25s;display:flex;padding:.4rem .8rem!important}.btn-share-inline:hover:not(:disabled){opacity:1;color:var(--cy)!important}.p-spacer{flex:1}.p-bottom{background:linear-gradient(#0000,#0006);padding:.6rem 1.5rem}.p-top-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.3rem;display:flex}.p-top-nav-link{font-family:var(--sans);color:#ffffff80;letter-spacing:.02em;text-shadow:0 1px 4px #0009;white-space:nowrap;font-size:.78rem;font-weight:400;text-decoration:none;transition:color .2s}.p-top-nav-link:hover{color:#fffffff2}.splash>.splash-top-nav{z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.6rem;padding:.5rem 1.2rem;animation:.6s ease-out 1s both fadeIn;display:flex;position:fixed;top:1.4rem;left:50%;transform:translate(-50%)}.splash-top-nav-link{font-family:var(--sans);color:#fff9;letter-spacing:.02em;text-shadow:0 1px 4px #000000b3;white-space:nowrap;font-size:.82rem;font-weight:400;text-decoration:none;transition:color .2s}.splash-top-nav-link:hover{color:#fff}@media (width<=560px){.splash-top-nav{gap:1rem;top:1rem}.splash-top-nav-link{font-size:.72rem}}.app-modal{z-index:400;justify-content:center;align-items:center;padding:2rem 1rem;animation:.25s ease-out appModalIn;display:flex;position:fixed;inset:0}.app-modal[hidden]{display:none}@keyframes appModalIn{0%{opacity:0}to{opacity:1}}.app-modal-backdrop{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#080610c7;position:absolute;inset:0}.app-modal-panel{z-index:1;background:#0e0a18f5;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;width:min(820px,100%);max-height:88vh;animation:.3s cubic-bezier(.22,.61,.36,1) appModalPanelIn;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009,0 0 32px #00f0ff0f}@keyframes appModalPanelIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.app-modal-close{z-index:2;color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;padding:0;font-size:1.3rem;line-height:1;transition:color .2s,background .2s,border-color .2s;display:flex;position:absolute;top:.85rem;right:.85rem}.app-modal-close:hover{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.app-modal-content{color:#ffffffe6;padding:2.6rem 2.8rem 2.4rem;overflow-y:auto}.app-modal-epigraph{text-align:center;margin:.4rem 0 2rem}.app-modal-epigraph .about-epigraph{max-width:none;animation:6s ease-in-out infinite epigraphHaloPulse,1.4s cubic-bezier(.22,.61,.36,1) both epigraphReveal}.app-modal-epigraph .about-epigraph p{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1.5rem,4.2vw,2.55rem);line-height:1.2;overflow:hidden}@keyframes epigraphReveal{0%{opacity:0;filter:blur(8px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes epigraphShimmer{0%{background-position:0%}to{background-position:100%}}@keyframes epigraphHaloPulse{0%,to{filter:drop-shadow(0 0 24px color-mix(in srgb, var(--cy,#00f0ff) 18%, transparent)) drop-shadow(0 0 56px color-mix(in srgb, var(--mg,#f0a) 8%, transparent))}50%{filter:drop-shadow(0 0 36px color-mix(in srgb, var(--cy,#00f0ff) 28%, transparent)) drop-shadow(0 0 80px color-mix(in srgb, var(--mg,#f0a) 14%, transparent))}}.app-modal-title{font-family:var(--mono);color:#ffffff73;letter-spacing:.22em;text-transform:uppercase;text-align:center;margin:0 0 2rem;font-size:.82rem;font-weight:600;position:relative}.app-modal-title:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:32px;height:1px;margin:.7rem auto 0;display:block}.app-modal-body{font-family:var(--sans);color:#ffffffe6;max-width:62ch;margin:0 auto;font-size:1.12rem;line-height:1.72}.app-modal-body h2{font-family:var(--sans);color:#fff;letter-spacing:.005em;margin:2.4rem 0 .8rem;font-size:1.3rem;font-weight:600}.app-modal-body p{margin:0 0 1.2rem}.app-modal-body strong{color:#fff;font-weight:600}.app-modal-body em{color:#fffffff2;font-style:italic}.app-modal-body ul{margin:.8rem 0 1.4rem;padding-left:1.4rem}.app-modal-body li{margin-bottom:.7rem}.app-modal-body a{color:var(--cy);border-bottom:1px solid #00f0ff59;text-decoration:none}.app-modal-body a:hover{border-bottom-color:var(--cy);color:#fff}.app-modal-body hr{border:none;border-top:1px solid #ffffff14;margin:2rem 0}.app-modal-body .about-lede{color:#fffffff5;background:0 0;border:none;border-radius:0;margin:0 0 1.8rem;padding:0;font-size:1.25rem;line-height:1.6}.app-modal-body .about-kicker{text-align:center;color:#fff;background:0 0;border:none;border-top:1px solid #ffffff1a;border-radius:0;margin:2.4rem 0 0;padding:1.5rem 0 0;font-size:1.15rem}.app-modal-body .about-credit{color:#ffffff8c;margin-top:1.2rem;font-size:.85rem}.app-modal-body .about-bio{color:#ffffff80;text-align:center;border-top:1px solid #ffffff14;margin:3.5rem auto 0;padding-top:1.8rem;font-size:.85rem}.app-modal-body .about-support,.app-modal-body .about-divider{display:none}.app-modal-body .page-jumpnav{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;gap:.5rem;width:fit-content;margin:0 0 2rem;padding:.35rem;display:flex}.app-modal-body .page-jumpnav-link{font-family:var(--mono);color:#ffffffa6;letter-spacing:.06em;text-transform:uppercase;border:1px solid #0000;border-radius:6px;padding:.4rem .85rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .2s}.app-modal-body .page-jumpnav-link:hover{color:#fff;background:#ffffff0f;border-color:#ffffff26}@media (width<=560px){.app-modal{padding:1rem .5rem}.app-modal-content{padding:1.8rem 1.5rem 1.5rem}.app-modal-body{font-size:1.05rem;line-height:1.65}.app-modal-body .about-lede{font-size:1.12rem}.app-modal-epigraph .about-epigraph p{white-space:normal;font-size:1.35rem}}.mini-player{-webkit-backdrop-filter:blur(36px)saturate(1.2);backdrop-filter:blur(36px)saturate(1.2);z-index:300;background:#080610c7;border:1px solid #00f0ff38;border-radius:48px;align-items:center;gap:.6rem;max-width:calc(100vw - 2rem);padding:.55rem .7rem .55rem .55rem;animation:.35s ease-out miniPlayerIn;display:flex;position:fixed;bottom:1.6rem;left:50%;transform:translate(-50%);box-shadow:0 14px 44px #00000080,0 0 24px #00f0ff14}.mini-player[hidden]{display:none}@keyframes miniPlayerIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.mini-player-btn{color:var(--cy);cursor:pointer;width:2.4rem;height:2.4rem;font-family:var(--mono);background:#00f0ff0f;border:1px solid #00f0ff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.9rem;line-height:1;transition:background .2s,border-color .2s,color .2s,transform .15s;display:flex}.mini-player-btn:hover{color:#fff;background:#00f0ff24;border-color:#00f0ff8c}.mini-player-btn:active{transform:scale(.95)}.mini-player-icon{display:inline-block}.mini-player-info{flex-direction:column;gap:.1rem;min-width:0;max-width:280px;padding:0 .4rem;display:flex}.mini-player-genre{font-family:var(--sans);color:#fff;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.mini-player-meta{font-family:var(--mono);color:#ffffff8c;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.mini-player-expand{font-size:1rem}.mini-player-close{color:#ffffff80;background:0 0;border-color:#ffffff1f;width:2rem;height:2rem;font-size:1.05rem}.mini-player-close:hover{color:#ff8a9a;background:#ff8a9a1f;border-color:#ff8a9a66}@media (width<=560px){.mini-player-info{max-width:160px}.mini-player-meta{display:none}}.mixer-drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);background:#0a0a10f2}.mixer-inner{scrollbar-width:none;gap:2px;padding:.6rem;display:flex;overflow-x:auto}.mixer-inner::-webkit-scrollbar{display:none}.mix-ch{border-radius:var(--r-sm);background:#ffffff05;flex-direction:column;flex:1;align-items:center;gap:.35rem;min-width:100px;padding:.6rem .5rem;display:flex}.mix-ch-name{font-family:var(--mono);color:var(--t3);text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;font-weight:500}.mix-row{align-items:center;gap:.4rem;width:100%;display:flex}.mix-range{-webkit-appearance:none;background:#ffffff12;border-radius:2px;outline:none;flex:1;height:4px}.mix-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cy);cursor:pointer;border:2px solid var(--bg);border-radius:50%;width:14px;height:14px;transition:all .15s;box-shadow:0 0 8px #00f0ff4d}.mix-range::-webkit-slider-thumb:hover{box-shadow:0 0 14px #00f0ff80}.master-ch .mix-range::-webkit-slider-thumb{background:var(--mg);box-shadow:0 0 8px #ff00aa4d}.master-ch .mix-range::-webkit-slider-thumb:hover{box-shadow:0 0 14px #ff00aa80}.master-ch .mix-ch-name{color:#ff00aa80}.mix-db{font-family:var(--mono);color:var(--t3);text-align:right;min-width:22px;font-size:.55rem}.mix-btns{gap:.3rem;display:flex}.m-btn,.s-btn{color:var(--t3);cursor:pointer;font-family:var(--mono);letter-spacing:.04em;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:4px;padding:.25rem .45rem;font-size:.55rem;font-weight:600;transition:all .2s}.m-btn:hover,.s-btn:hover{color:var(--t2);border-color:#ffffff26}.m-btn.muted{color:#fff;background:#dc2626cc;border-color:#0000;box-shadow:0 0 8px #dc262633}.s-btn.soloed{color:#000;background:#eab308cc;border-color:#0000;box-shadow:0 0 8px #eab30833}.fx-ch{display:none}.fx-ch .mix-row{gap:.3rem}.fx-label{font-family:var(--mono)!important;color:var(--t3)!important;text-align:left!important;min-width:22px!important;font-size:.55rem!important;font-weight:500!important}.amb-ch{border-left:1px solid #ffffff0d;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-width:120px;display:flex}.amb-row{align-items:center;gap:.35rem;width:100%;padding:0 .4rem;display:flex}.amb-vol{flex:1;height:4px}.amb-btn{border-radius:var(--r-sm);cursor:pointer;opacity:.35;background:#ffffff08;border:1px solid #ffffff14;padding:.2rem .35rem;font-size:.85rem;line-height:1;transition:all .25s}.amb-btn:hover{opacity:.6;border-color:var(--border-h)}.amb-btn.amb-active{opacity:1;border-color:var(--border-h);background:#ffffff12;box-shadow:0 0 12px #ffffff0f}.mixer-toggle-row{justify-content:center;padding:.5rem 0 0;display:flex;position:relative}.tweak-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.8rem 3rem;transition:all .25s;display:flex}.tweak-label{font-family:var(--mono);color:#ffffff8c;text-transform:uppercase;letter-spacing:.15em;font-size:.6rem;font-weight:400;transition:all .3s}.tweak-toggle:hover .tweak-label{color:#ffffff4d}.tweak-toggle.active .tweak-label{color:var(--cy);opacity:.5}.tweak-handle{background:#fff3;border-radius:3px;width:60px;height:6px;transition:all .3s;display:block}.tweak-toggle:hover .tweak-handle{background:#fff6;width:80px;height:6px}.tweak-toggle.active .tweak-handle{background:var(--cy);width:80px;box-shadow:0 0 14px #00f0ff66}.tweak-drawer{box-sizing:border-box;width:100%;max-height:0;transition:max-height .4s;overflow:hidden}.tweak-drawer.open{max-height:700px}.dry-toggle{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3;border:1px solid var(--border);cursor:pointer;white-space:nowrap;opacity:0;pointer-events:none;background:#00000059;border-radius:4px;min-width:6rem;padding:.35rem .9rem;font-size:.7rem;transition:opacity .2s,color .2s,background .2s,border-color .2s;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.mixer-drawer:has(.tweak-drawer.open) .dry-toggle{opacity:1;pointer-events:auto}.dry-toggle:hover{color:#fff;border-color:#ffffff4d}.dry-toggle.active{color:#ffd764;background:#ffd76426;border-color:#ffd76466}.waveform-wrap{border-bottom:1px solid var(--border);width:100%;height:180px;padding:.5rem 1rem}.waveform-wrap canvas{border-radius:var(--r-sm);background:#0000004d;width:100%;height:100%}.tweak-header{justify-content:center;padding:.5rem 1.5rem 0;display:flex}.tweak-reset{font-family:var(--mono);color:var(--t3);border:1px solid var(--border);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#ffffff08;border-radius:12px;padding:.3rem 1rem;font-size:.65rem;font-weight:500;transition:all .25s}.tweak-reset:hover{color:var(--t1);border-color:var(--border-h);background:#ffffff0f}.tweak-reset:active{transform:scale(.95)}.tweak-inner{scrollbar-width:none;box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:1.2rem;width:100%;max-height:60vh;padding:1rem 2rem 1.5rem;display:flex;overflow:hidden auto}.tweak-inner::-webkit-scrollbar{display:none}.tweak-group{border-radius:var(--r);border:1px solid var(--border);background:#ffffff08;flex-direction:column;gap:.8rem;min-width:220px;padding:1rem 1.5rem;display:flex}.tweak-group-label{font-family:var(--mono);color:var(--cy);text-transform:uppercase;letter-spacing:.15em;opacity:.7;margin-bottom:.3rem;font-size:.8rem;font-weight:600}.tweak-row{align-items:center;gap:1rem;display:flex}.tweak-name{font-family:var(--mono);color:var(--t2);min-width:72px;font-size:.85rem;font-weight:400}.tweak-range{-webkit-appearance:none;background:#ffffff14;border-radius:3px;outline:none;width:200px;height:6px}.tweak-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cy);cursor:pointer;border:2px solid var(--bg);border-radius:50%;width:22px;height:22px;transition:all .15s;box-shadow:0 0 10px #00f0ff4d}.tweak-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 20px #00f0ff80}.tweak-val{font-family:var(--mono);color:var(--t3);text-align:right;min-width:36px;font-size:.8rem}.tweak-group.tweak-mix .tweak-group-label{color:var(--mg);opacity:.7}.tweak-group.tweak-mix .tweak-range::-webkit-slider-thumb{background:var(--mg);box-shadow:0 0 8px #ff00aa4d}.tweak-group.tweak-mix .tweak-range::-webkit-slider-thumb:hover{box-shadow:0 0 16px #ff00aa80}.history-drawer{z-index:200;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid var(--border);background:#0a0a10f5;flex-direction:column;width:480px;transition:none;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.history-drawer.open{transition:transform .35s;transform:translate(0)}.hist-header{justify-content:space-between;align-items:center;gap:.6rem;padding:1.3rem 1.3rem 1rem;display:flex}.hist-header-title{align-items:baseline;gap:.7rem;min-width:0;display:flex}.hist-title{font-family:var(--mono);color:var(--t1);text-transform:uppercase;letter-spacing:.14em;font-size:.95rem;font-weight:500}.hist-count{font-family:var(--mono);color:var(--t3);letter-spacing:.05em;font-size:.72rem}.hist-close{width:2rem;height:2rem;color:var(--t3);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.4rem;line-height:1;transition:color .2s,background .2s;display:flex}.hist-close:hover{color:var(--t1);background:#ffffff0f}.hist-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.45rem;padding:0 1.3rem 1.05rem;display:flex}.hist-toolbar .btn-action{padding:.45rem .9rem;font-size:.72rem}.hist-toolbar .btn-action-danger{margin-left:auto}.hist-toolbar .btn-action-danger:hover{color:#ff8a9a;background:#ff8a9a14;border-color:#ff8a9a66}.hist-toolbar .btn-action-stop{color:var(--cy);background:#00f0ff14;border-color:#00f0ff66}.hist-toolbar .btn-action-stop:hover{color:#fff;background:#00f0ff24;border-color:#00f0ff99}.hist-list{flex:1;padding:.85rem .9rem;overflow-y:auto}.hist-list::-webkit-scrollbar{width:4px}.hist-list::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.hist-empty{text-align:center;color:var(--t3);font-family:var(--mono);opacity:.6;padding:3rem 1rem;font-size:.85rem}.hist-item{border-radius:var(--r-sm);border:1px solid var(--border);background:#ffffff08;margin-bottom:.55rem;padding:.95rem 1.05rem;transition:background .2s,border-color .2s,box-shadow .2s;position:relative}.hist-item:hover{border-color:var(--border-h);background:#ffffff0d}.hist-item-playing{background:#00f0ff0f;border-color:#00f0ff59;box-shadow:0 0 0 1px #00f0ff26,0 0 22px #00f0ff14}.hist-item-playing .hist-item-title{color:#fff}.hist-item-playing:before{content:"";background:var(--cy);border-radius:0 2px 2px 0;width:3px;animation:1.6s ease-in-out infinite histPulse;position:absolute;top:.95rem;bottom:.95rem;left:-1px;box-shadow:0 0 8px #00f0ff99}@keyframes histPulse{0%,to{opacity:.8}50%{opacity:1}}.hist-item-header{align-items:center;gap:.6rem;margin-bottom:.35rem;display:flex}.hist-item-title{font-family:var(--mono);color:var(--t1);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.95rem;font-weight:500;overflow:hidden}.hist-item-time{font-family:var(--mono);color:var(--t3);opacity:.6;flex-shrink:0;font-size:.72rem}.hist-item-remove{width:1.5rem;height:1.5rem;color:var(--t3);cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.2rem;font-weight:300;line-height:1;transition:opacity .15s,color .15s,background .15s;display:flex}.hist-item:hover .hist-item-remove{opacity:.8}.hist-item-remove:hover{opacity:1;color:#ff8a9a;background:#ff8a9a1f}.hist-item-meta{font-family:var(--mono);color:var(--t2);margin-bottom:.25rem;font-size:.78rem}.hist-item-prog{font-family:var(--mono);color:var(--t3);opacity:.75;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.7rem;font-size:.72rem;overflow:hidden}.hist-item-actions{flex-wrap:wrap;gap:.4rem;display:flex}.btn-sm{font-family:var(--mono);border:1px solid var(--border);color:var(--t2);cursor:pointer;background:#ffffff0a;border-radius:5px;padding:.45rem .85rem;font-size:.78rem;font-weight:500;transition:all .2s}.btn-sm:hover{color:#fff;border-color:var(--border-h);background:#ffffff14}.btn-sm:disabled{opacity:.2;cursor:not-allowed}.btn-play-hist{color:var(--t1);background:#ffffff17;border-color:#ffffff24;font-weight:600}.btn-play-hist:hover{background:#ffffff24}@media (width<=700px){.vibe-grid{grid-template-columns:repeat(2,1fr)}.splash-logo{letter-spacing:.12em;font-size:2rem}.vibe-card{border-radius:10px;padding:1.5rem 1rem 1.3rem 1.3rem}.splash-radio-btn{gap:.9rem;padding:1rem 1.1rem}.radio-label{font-size:1.15rem}.radio-freq{display:none}.radio-desc{font-size:.65rem}.splash-tracks-btn{gap:.8rem;padding:.85rem 1.1rem}.splash-tracks-desc{display:none}.transport-panel{width:95vw;padding:1.2rem}.p-top{padding:.75rem 1rem}.p-pill{padding:.35rem .7rem;font-size:.7rem}.p-genre-label{font-size:1.6rem}.history-drawer{width:100%}.mix-ch{min-width:80px}}html.static-page-html,html.static-page-html body.static-page{height:auto;overflow:hidden auto}html.static-page-html{scroll-behavior:smooth}html.static-page-html .about-section{scroll-margin-top:5rem}body.static-page{color:#ffffffd1;font-family:var(--sans);isolation:isolate;--cy:#00d4ff;background:#0d0818;min-height:100vh;line-height:1.75;position:relative}body.static-page:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(70% 50% at 15% 5%,#8b5cf638,#0000 60%),radial-gradient(60% 45% at 85% 20%,#ff64b424,#0000 60%),radial-gradient(90% 70% at 50% 100%,#00d4ff1a,#0000 55%),#0d0818;position:fixed;inset:0}body.static-page:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#08051073 0%,#0000 22% 78%,#0805108c 100%);position:fixed;inset:0}.page-atmos{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.page-atmos .orb{filter:blur(90px);mix-blend-mode:screen;will-change:transform;opacity:.85;border-radius:50%;position:absolute}.page-atmos .orb-1{background:radial-gradient(circle at 35% 35%,#a064fff2,#8b5cf600 70%);width:50vmin;height:50vmin;animation:18s ease-in-out infinite orbDrift1;top:-8%;left:-8%}.page-atmos .orb-2{background:radial-gradient(circle at 35% 35%,#ff69b9e6,#ff69b900 70%);width:44vmin;height:44vmin;animation:22s ease-in-out infinite orbDrift2;top:15%;right:-10%}.page-atmos .orb-3{background:radial-gradient(circle at 35% 35%,#00dcffcc,#00dcff00 70%);width:58vmin;height:58vmin;animation:26s ease-in-out infinite orbDrift3;bottom:-15%;left:10%}.page-atmos .orb-4{background:radial-gradient(circle at 35% 35%,#d28cffd9,#c89bff00 70%);width:40vmin;height:40vmin;animation:20s ease-in-out infinite orbDrift4;top:45%;left:35%}.page-atmos .orb-5{background:radial-gradient(circle at 35% 35%,#78c8ffb3,#78b4ff00 70%);width:34vmin;height:34vmin;animation:28s ease-in-out infinite orbDrift5;top:10%;left:38%}@keyframes orbDrift1{0%,to{transform:translate(0)scale(1)rotate(0)}25%{transform:translate(55vw,25vh)scale(1.25)rotate(90deg)}50%{transform:translate(70vw,70vh)scale(.85)rotate(180deg)}75%{transform:translate(10vw,55vh)scale(1.1)rotate(270deg)}}@keyframes orbDrift2{0%,to{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(-60vw,35vh)scale(1.3)rotate(-120deg)}66%{transform:translate(-30vw,70vh)scale(.9)rotate(-240deg)}}@keyframes orbDrift3{0%,to{transform:translate(0)scale(1)rotate(0)}25%{transform:translate(40vw,-35vh)scale(1.2)rotate(60deg)}50%{transform:translate(65vw,-55vh)scale(.88)rotate(180deg)}75%{transform:translate(-25vw,-20vh)scale(1.15)rotate(300deg)}}@keyframes orbDrift4{0%,to{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(-35vw,-45vh)scale(1.4)rotate(180deg)}}@keyframes orbDrift5{0%,to{transform:translate(0)scale(1)rotate(0)}25%{transform:translate(-30vw,35vh)scale(1.3)rotate(90deg)}50%{transform:translate(25vw,55vh)scale(.8)rotate(180deg)}75%{transform:translate(40vw,15vh)scale(1.15)rotate(270deg)}}@media (prefers-reduced-motion:reduce){.page-atmos .orb{animation:none}}@media (width<=680px){.page-atmos .orb{filter:blur(60px);opacity:.75}.page-atmos .orb-5{display:none}}.page-nav{-webkit-backdrop-filter:blur(24px)saturate(1.3);z-index:10;background:#080610b3;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1.15rem 2rem;display:flex;position:sticky;top:0}.page-nav-home{font-family:var(--mono);color:#fff;letter-spacing:.22em;text-shadow:0 0 24px #ff96c866,0 0 60px #ff64b42e;font-size:.95rem;font-weight:700;text-decoration:none;transition:text-shadow .3s}.page-nav-home:hover{text-shadow:0 0 32px #ff96c88c,0 0 80px #ff64b447}.page-nav-right{align-items:center;gap:.5rem;display:flex}.page-nav-link{font-family:var(--sans);color:#ffffffbf;letter-spacing:.04em;background:#ffffff05;border:1px solid #ffffff24;border-radius:999px;padding:.5rem .95rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s,border-color .2s,transform .15s}.page-nav-link:hover{color:#fff;background:#ffffff14;border-color:#ffffff59;transform:translateY(-1px)}.page-main{z-index:1;max-width:780px;margin:4.5rem auto 3rem;padding:0 2rem;position:relative}.page-title{font-family:var(--mono);letter-spacing:.14em;color:#fff;text-shadow:0 0 40px #ff96c84d,0 0 100px #8b5cf62e,0 2px 4px #0006;margin:0 0 2.5rem;font-size:3rem;font-weight:600;animation:.9s ease-out both pageTitleReveal}@keyframes pageTitleReveal{0%{opacity:0;filter:blur(8px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes pageBodyReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-main .about-body{-webkit-backdrop-filter:blur(30px)saturate(1.15);color:#ffffffc7;background:#08061080;border:1px solid #ffffff12;border-radius:20px;padding:2.3rem 2.6rem 2.2rem;font-size:1rem;line-height:1.75;animation:.9s ease-out .12s both pageBodyReveal;position:relative;box-shadow:0 20px 80px #00000073,inset 0 1px #ffffff0d}.page-main .about-body p{margin:0 0 1.2rem}.page-main .about-body strong{color:#fffffff5;font-weight:600}.page-main .about-body em{color:#ffffffe6}.page-main .about-body a{color:var(--cy);border-bottom:1px dotted #00d4ff66;text-decoration:none;transition:color .2s,border-color .2s}.page-main .about-body a:hover{color:#fff;border-bottom-style:solid;border-bottom-color:#fffc}.page-main .page-jumpnav{background:#ffffff06;border:1px solid #ffffff14;border-radius:999px;gap:.5rem;width:fit-content;margin:0 0 2rem;padding:.35rem;display:flex}.page-main .page-jumpnav-link{font-family:var(--mono);color:#ffffffa6;letter-spacing:.14em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;padding:.55rem 1.1rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .2s}.page-main .page-jumpnav-link:hover{color:#fff;background:#ffffff0f;border-color:#ffffff26}.page-main .page-jumpnav-link.active{color:#fff;background:linear-gradient(135deg,#00d4ff2e,#8b5cf61f);border-color:#00d4ff66;box-shadow:0 0 16px #00d4ff26}.page-main .about-lede{color:#fffffff5;box-shadow:none;background:0 0;border:none;border-radius:0;margin:0 0 1.8rem;padding:0;font-size:1.25rem;line-height:1.6}.page-main .about-section{font-family:var(--mono);color:#ffffffeb;letter-spacing:.22em;text-transform:uppercase;background:linear-gradient(90deg,#00d4ff40,#0000 60%) top/100% 1px no-repeat;border-top:1px solid #0000;margin:3rem 0 1.1rem;padding:1.15rem 0 0 1.25rem;font-size:.82rem;font-weight:600;position:relative}.page-main .about-section:before{content:"";background:var(--cy);border-radius:2px;width:3px;height:1em;position:absolute;top:1.35rem;left:0;box-shadow:0 0 10px #00d4ff99}.page-main .about-section-major{text-transform:uppercase;text-shadow:0 0 30px #00d4ff38;color:#fff!important;letter-spacing:.12em!important;margin-top:3.5rem!important;font-size:1.5rem!important;font-weight:700!important}.page-main .about-section-major:before{background:linear-gradient(180deg, var(--cy), #8b5cf6d9);width:4px;height:1.4rem;top:1.5rem}.page-main .about-divider{background:linear-gradient(90deg,#0000 0%,#00d4ff38 50%,#0000 100%);border:none;height:1px;margin:3.2rem 0 1.5rem}.page-main .about-list{margin:.85rem 0 1.2rem;padding:0;list-style:none}.page-main .about-list li{color:#fffc;margin-bottom:.3rem;padding:.4rem 0 .4rem 1.6rem;line-height:1.65;position:relative}.page-main .about-list li:before{content:"";background:var(--cy);border-radius:50%;width:6px;height:6px;position:absolute;top:1.05em;left:.25rem;box-shadow:0 0 10px #00d4ffb3}.page-main .about-sidenote{color:#ffffffa6;background:#ffffff06;border-left:2px solid #ffffff38;border-radius:0 8px 8px 0;padding:1rem 1.2rem;font-size:.93rem;margin:2rem 0!important}.page-main .about-ending{color:#ffffffd1;text-align:center;letter-spacing:.12em;text-shadow:0 0 30px #ff96c847;margin:2.5rem 0;font-size:1.4rem;font-style:italic;font-weight:300;line-height:1.7}.page-main .about-kicker{text-align:center;color:#fffffffa;letter-spacing:.015em;background:linear-gradient(135deg,#00d4ff14 0%,#8b5cf60f 100%);border:1px solid #ffffff1a;border-radius:14px;margin:2.5rem 0 1rem;padding:1.4rem 1.6rem;font-size:1.05rem;box-shadow:0 8px 40px #00d4ff1a,inset 0 1px #ffffff0f}.page-main .about-support{-webkit-backdrop-filter:blur(20px)saturate(1.2);text-align:center;background:#08061066;border:1px solid #ffffff17;border-radius:16px;margin:3rem 0 1rem;padding:1.8rem;box-shadow:0 12px 48px #0000004d,inset 0 1px #ffffff0d}.page-main .about-support-lead{color:#fffffff2;letter-spacing:.02em;margin-bottom:1.1rem;font-size:1rem;font-weight:500}.page-main .about-support-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:.85rem;display:flex}.page-main .about-support-btn{color:#ffffffe6;letter-spacing:.02em;background:#ffffff05;border:1px solid #ffffff38;border-radius:999px;padding:.7rem 1.2rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s}.page-main .about-support-btn:hover{color:#fff;background:#ffffff14;border-color:#fff6;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.page-main .about-support-btn.primary{color:#fff;background:linear-gradient(135deg,#00d4ff38,#00d4ff14);border-color:#00d4ff80}.page-main .about-support-btn.primary:hover{background:linear-gradient(135deg,#00d4ff52,#00d4ff29);border-color:#00d4ffbf;box-shadow:0 6px 24px #00d4ff38}.page-main .about-support-note{color:#ffffff6b;margin-top:.5rem;font-size:.78rem}.page-main .about-credit{color:#ffffff6b;text-align:center;letter-spacing:.02em;border-top:1px solid #ffffff0f;margin-top:2rem;padding-top:1.25rem;font-size:.8rem;font-style:italic}.page-footer{font-family:var(--mono);letter-spacing:.08em;color:#ffffff6b;z-index:1;justify-content:center;align-items:center;gap:.7rem;margin-top:2rem;padding:2.5rem 2rem 3rem;font-size:.78rem;display:flex;position:relative}.page-footer a{color:#ffffff8c;text-decoration:none;transition:color .2s,text-shadow .2s}.page-footer a:hover{color:#fff;text-shadow:0 0 16px #ffffff40}.page-footer-sep{color:#ffffff2e}@media (width<=680px){.page-nav{padding:.9rem 1.15rem}.page-nav-home{letter-spacing:.18em;font-size:.82rem}.page-nav-right{gap:.3rem}.page-nav-link{padding:.4rem .75rem;font-size:.72rem}.page-main{margin-top:2.5rem;padding:0 1rem}.page-title{letter-spacing:.1em;margin-bottom:1.75rem;font-size:1.9rem}.page-main .about-body{border-radius:14px;padding:1.65rem 1.35rem 1.4rem}.page-main .about-section{letter-spacing:.18em;margin:2.25rem 0 .9rem;font-size:.76rem}.page-main .about-section-major{font-size:1.2rem!important}.page-main .about-lede{font-size:1.1rem}.page-main .about-ending{font-size:1.15rem}.page-main .about-support{padding:1.3rem}.page-main .about-support-actions{flex-direction:column;align-items:stretch}.page-footer{flex-wrap:wrap;padding:2rem 1.5rem}}