html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{overflow-x:hidden;-webkit-text-size-adjust:100%;height:100%}html,body{max-width:100vw;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}@font-face{font-family:Orbitron;src:url(/assets/Orbitron-VariableFont_wght-B7vC4a4m.ttf) format("truetype-variations");font-weight:100 900;font-display:swap}body{font-family:Orbitron,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;font-size:18px;font-weight:700;padding:0;background:linear-gradient(#00000080,#00000080),url(/night_images/night2.jpg) no-repeat center top;background-size:cover;background-attachment:fixed;color:#fff;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}h1{margin:0;font-size:22px;font-weight:700;padding-bottom:10px;text-transform:uppercase}h1 .small{font-size:14px;font-weight:400;color:#ffffffb3;text-transform:none}h2{margin:0 0 15px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.box{display:block;background:#0009;padding:20px;margin:0;text-shadow:0 0 5px rgb(0,0,0)}.box.transparent{background:none;text-shadow:0 0 5px rgb(0,0,0)}.box.right{text-align:right}.container{margin:0 auto}.play-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;cursor:pointer;transition:opacity .3s ease}.play-overlay .play-button{opacity:.8;transition:opacity .2s ease,transform .2s ease}.play-overlay .play-button:hover{opacity:1;transform:scale(1.1)}.play-overlay.hidden{opacity:0;pointer-events:none}.audio-graph{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr;gap:20px;min-height:100vh}.audio-graph audio-player:nth-of-type(1){grid-column:1;grid-row:1;justify-self:start;max-width:480px;width:100%}.audio-graph mixer-controls{grid-column:2;grid-row:1;justify-self:center;max-width:300px;width:100%;align-self:center}.audio-graph audio-player:nth-of-type(2){grid-column:3;grid-row:1;justify-self:end;max-width:480px;width:100%}.audio-graph effect-controls{grid-column:1/-1;grid-row:2;align-self:end}@media (max-width: 800px){.audio-graph{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;min-height:auto}.audio-graph mixer-controls{grid-column:1;grid-row:1;max-width:none}.audio-graph audio-player:nth-of-type(1){grid-column:1;grid-row:2;justify-self:stretch;max-width:none}.audio-graph audio-player:nth-of-type(2){grid-column:1;grid-row:3;justify-self:stretch;max-width:none}.audio-graph effect-controls{grid-column:1;grid-row:4;align-self:stretch}}.slider{flex:1;height:20px;background:#fff3;outline:none;-webkit-appearance:none;border-radius:0;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:0;background:none;cursor:pointer;border:none}.slider::-moz-range-thumb{width:0;height:0;background:none;cursor:pointer;border:none}.slider::-webkit-slider-runnable-track{height:20px;background:#fff3;border-radius:0}.slider::-moz-range-track{height:20px;background:#fff3;border-radius:0;border:none}audio-player ul{list-style:none;padding:0;margin:0}audio-player ul>li{cursor:pointer;color:#fff;text-decoration:none;margin:0;padding:10px;font-size:18px;display:block}audio-player ul>li.active{background-color:#fff;text-shadow:none;color:#000}audio-player ul>li>.artist{color:#ffffffb3;font-size:14px}audio-player ul>li.active>.artist{color:#000000b3}audio-player .progress-container{margin:15px 0;opacity:0;transition:1s opacity}audio-player .progress-container.active{opacity:1}audio-player .progress-bar{width:100%;height:20px;background:#fff3;border-radius:3px;cursor:pointer;position:relative}audio-player .progress-fill{height:100%;background:#fff;transition:width .1s}audio-player .time-display{display:flex;justify-content:space-between;font-size:12px;color:#ffffffb3;margin-top:5px}audio-player audio{display:none}effect-controls .effects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}effect-controls .effect-section{padding:15px}effect-controls .control-group{margin-bottom:15px}effect-controls .control-group:last-child{margin-bottom:0}effect-controls .control-label{display:block;font-size:12px;color:#fffc;margin-bottom:5px}effect-controls .control-row{display:flex;align-items:center;gap:10px}effect-controls .control{flex:1 1 auto}effect-controls .value-display{min-width:60px;font-size:11px;color:#ffffffe6;text-align:right;font-weight:500}mixer-controls .mixer-container{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}mixer-controls .play-pause-button{width:60px;height:60px;border:2px solid white;border-radius:50%;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;margin:30px auto 20px;transition:background-color .2s}mixer-controls .play-pause-button:hover{background-color:#ffffff1a}mixer-controls .play-pause-button:active{background-color:#fff3}mixer-controls .control-section{width:100%;min-width:200px}mixer-controls .crossfader-container{text-align:center}mixer-controls .crossfader-labels{display:flex;justify-content:space-between;margin-bottom:10px;font-size:12px;color:#ffffffb3}mixer-controls .chain-label{padding:4px 8px;border-radius:4px;font-weight:500}mixer-controls .crossfader-value{margin-top:10px;font-size:11px;color:#fffc}mixer-controls .volume-container{text-align:center}mixer-controls .volume-slider{width:100%}mixer-controls .volume-value{margin-top:10px;font-size:11px;color:#fffc}
