:root{--accent:#3b82f6;--accent-glow:#3b82f666}*{box-sizing:border-box}#root,body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}body{background:#020202;color:#fff;font-family:Comic Sans MS,Comic Sans,cursive,sans-serif;transition:background-color .8s ease;-webkit-user-select:none;user-select:none}.player-root{height:100%;overflow:hidden;position:relative;width:100%}.player-root.touch-ui{cursor:default}.player-root.hide-ui{cursor:none}#ambient-glow{filter:blur(100px);inset:-10%;opacity:.6;pointer-events:none;position:absolute;transition:background .8s ease-in-out;z-index:0}#player-container{z-index:10}#media-layer,#player-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}#media-layer{cursor:pointer;flex-direction:column;gap:20px;position:relative}#main-video{height:100%;object-fit:contain;width:100%;z-index:10}.hidden-media{display:none!important}#visualizer-canvas{bottom:0;height:280px;left:0;pointer-events:none;position:absolute;width:100%;z-index:5}#album-art-container{animation:art-float 8s ease-in-out infinite;flex-shrink:0;height:380px;position:relative;width:380px;z-index:20}#album-art,#no-art-placeholder{border-radius:40px;box-shadow:0 40px 80px #000000e6;height:100%;object-fit:cover;width:100%}#no-art-placeholder{align-items:center;background:#0a0a0a;border:2px solid #ffffff0d;display:flex;justify-content:center}#audio-title{font-size:2rem;font-style:italic;font-weight:900;letter-spacing:-.02em;margin-top:1rem;max-width:48rem;padding:0 2rem;text-align:center;text-shadow:0 25px 50px #000c;z-index:30}#drop-zone{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0107126b;border:0;border-radius:0;display:flex;flex-direction:column;inset:0;justify-content:center;overflow:hidden;position:absolute;transition:all .5s cubic-bezier(.175,.885,.32,1.275);z-index:50}#drop-zone:hover{background:#01071261}.upload-panel{background:linear-gradient(145deg,#06143094,#091c4240);border:1px solid #6dbcff66;border-radius:32px;box-shadow:0 30px 80px #0006;padding:2rem;position:relative;width:min(760px,92%);z-index:2}.upload-fluid-layer{border-radius:inherit;inset:0;pointer-events:none;position:absolute;z-index:0}.upload-fluid-layer canvas{display:block;filter:saturate(1.3) contrast(1.08);height:100%!important;opacity:.95;width:100%!important}.upload-callout{cursor:default;text-align:center}.upload-circle{align-items:center;background:#3b82f6;background:var(--accent);border-radius:999px;box-shadow:0 30px 60px #0009;display:flex;height:8rem;justify-content:center;margin:0 auto 2rem;transition:transform .35s ease;width:8rem}.upload-callout:hover .upload-circle{transform:scale(1.1) rotate(12deg)}.upload-title{font-size:2rem;font-style:italic;font-weight:900;margin:0}.upload-subtitle{color:#fff6;font-size:.92rem;font-weight:700;letter-spacing:.04em;margin-top:.5rem}.upload-actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.5rem}.upload-action-primary{background:linear-gradient(120deg,#1f65db,#36b8ff);border:0;border-radius:999px;color:#fff;cursor:pointer;font-weight:800;padding:.7rem 1.2rem;transition:transform .2s ease,background .2s ease,color .2s ease}.upload-action-primary:hover{transform:translateY(-1px) scale(1.03)}.upload-footnote{color:#ffffff8c;font-size:.78rem;letter-spacing:.03em;margin-top:1.1rem;text-align:center}.hidden-input{display:none}.controls-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(0deg,#000000f2 0,#0006 60%,#0000);transition:opacity .5s ease,transform .5s ease}#controls{bottom:0;display:flex;flex-direction:column;gap:1.5rem;left:0;opacity:0;padding:6rem 3rem 2.5rem;pointer-events:none;position:absolute;right:0;transform:translateY(1rem);z-index:20}#player-root:hover #controls.controls-ready,.player-root.touch-ui #controls.controls-ready{opacity:1;pointer-events:auto;transform:translateY(0)}#player-root.hide-ui #controls{opacity:0!important;pointer-events:none;transform:translateY(20px)}.player-root.touch-ui.hide-ui #controls{opacity:1!important;pointer-events:auto;transform:translateY(0)}.seek-container{align-items:center;cursor:pointer;display:flex;height:24px;position:relative;width:100%}.seek-bg{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;position:absolute;transition:height .2s;width:100%}.seek-container:hover .seek-bg{height:10px}#progress-filled{background:#3b82f6;background:var(--accent);box-shadow:0 0 15px #3b82f666;box-shadow:0 0 15px var(--accent-glow);width:0}#progress-filled,#seek-input{height:100%;position:absolute}#seek-input{cursor:pointer;opacity:0;width:100%;z-index:10}#time-tooltip{background:#0a0a0ae6;border:1px solid #ffffff1a;border-radius:6px;bottom:30px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:200}.controls-row{justify-content:space-between}.controls-left,.controls-right,.controls-row{align-items:center;display:flex}.controls-left{flex-wrap:wrap;gap:3rem}.controls-right{gap:2rem}.icon-button{background:#0000;border:0;color:#fff;cursor:pointer;padding:0;transition:transform .3s ease,color .3s ease}.icon-button:hover{transform:scale(1.12)}#drop-zone:focus-visible,.icon-button:focus-visible,.speed-button:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--accent);outline-offset:4px}#drop-zone:focus-visible{border-color:color-mix(in srgb,#3b82f6 55%,#fff);border-color:color-mix(in srgb,var(--accent) 55%,#fff)}.icon-button:active{transform:scale(.9)}.icon-button.active{color:#3b82f6;color:var(--accent);text-shadow:0 0 10px #3b82f666;text-shadow:0 0 10px var(--accent-glow)}.icon-button.disabled{cursor:not-allowed;opacity:.2}.play-button:hover{transform:scale(1.5)}.volume-block{align-items:center;display:flex;gap:1rem}.queue-count-pill{background:#00000059;border:1px solid #fff3;border-radius:999px;color:#fffc;font-size:.72rem;letter-spacing:.08em;padding:.35rem .65rem;text-transform:uppercase}#volume-slider{accent-color:#3b82f6;accent-color:var(--accent);width:6rem}#boost-tag{background:color-mix(in srgb,#3b82f6 18%,#0000);background:color-mix(in srgb,var(--accent) 18%,#0000);border-radius:.375rem;color:#3b82f6;color:var(--accent);font-size:.875rem;font-weight:900;padding:.25rem .5rem}.time-display{font-size:1.25rem;font-style:italic;font-weight:900;letter-spacing:-.03em}.time-divider{color:#fff3;margin:0 .35rem}.time-muted{color:#fff6}.speed-button{background:#0000;border:0;color:#fff;cursor:pointer;font-size:1.125rem;font-style:italic;font-weight:900;transition:color .2s}.speed-button:hover{color:#3b82f6;color:var(--accent)}#context-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ae6;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0009;min-width:220px;padding:10px;position:fixed;z-index:1000}#queue-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000c7;border:1px solid #ffffff24;border-radius:16px;opacity:0;padding:.9rem;pointer-events:none;position:absolute;right:20px;top:20px;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease;width:min(360px,45vw);z-index:450}#player-root:hover #queue-panel.queue-ready,.player-root.touch-ui #queue-panel.queue-ready{opacity:1;pointer-events:auto;transform:translateY(0)}#player-root.hide-ui #queue-panel{opacity:0!important;pointer-events:none;transform:translateY(-10px)}.queue-title{color:#ffffffa6;font-size:.75rem;letter-spacing:.11em;margin-bottom:.4rem;text-transform:uppercase}.queue-now{font-size:.92rem;font-weight:700;margin-bottom:.55rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-list{display:flex;flex-direction:column;gap:.35rem}.queue-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;color:#fff;cursor:pointer;display:flex;gap:.45rem;padding:.4rem .55rem;text-align:left;width:100%}.queue-item:hover{background:color-mix(in srgb,#3b82f6 18%,#0000);background:color-mix(in srgb,var(--accent) 18%,#0000);border-color:color-mix(in srgb,#3b82f6 55%,#fff);border-color:color-mix(in srgb,var(--accent) 55%,#fff)}.queue-item-index{color:#ffffff94;font-size:.75rem}.queue-item-name{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-empty{color:#ffffff8c;font-size:.8rem;padding:.4rem 0}.queue-flags{color:#ffffffa6;font-size:.73rem;margin-top:.6rem}.menu-item,.queue-flags{display:flex;justify-content:space-between}.menu-item{align-items:center;border-radius:12px;cursor:pointer;font-weight:800;padding:12px 18px;transition:all .2s}.menu-item:hover{background:#3b82f6;background:var(--accent);color:#fff;transform:translateX(8px)}.menu-item-disabled{opacity:.5;pointer-events:none}.menu-item-indicator{color:#3b82f6;color:var(--accent)}.menu-divider{border-color:#ffffff1a;margin:.5rem 0}#nerd-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border:1px solid #ffffff1a;border-radius:12px;font-family:monospace;font-size:12px;left:20px;min-width:250px;padding:15px;pointer-events:none;position:absolute;top:20px;z-index:500}.stats-title{color:#3b82f6;color:var(--accent);font-weight:700;margin-bottom:.5rem}.stats-grid{grid-gap:.2rem 1rem;display:grid;gap:.2rem 1rem;grid-template-columns:1fr 1fr;opacity:.85}.stats-value{color:#fff;text-align:right}#animation-layer{inset:0;pointer-events:none;position:absolute}.skip-indicator{align-items:center;animation:pop-out .6s cubic-bezier(.34,1.56,.64,1) forwards;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:200}.popup-text{font-size:clamp(2.2rem,6vw,4rem);font-style:italic;font-weight:900;text-align:center;text-shadow:0 0 30px #fff,0 0 60px #3b82f6,4px 4px 0 #000;text-shadow:0 0 30px #fff,0 0 60px var(--accent),4px 4px 0 #000}.skip-icon{color:#fff;filter:drop-shadow(0 0 20px #fff) drop-shadow(0 0 40px rgb(59,130,246));filter:drop-shadow(0 0 20px #fff) drop-shadow(0 0 40px var(--accent));height:8rem;width:8rem}@keyframes pop-out{0%{filter:blur(10px);opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{filter:blur(0);opacity:1;transform:translate(-50%,-50%) scale(1.1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes art-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width:900px){#drop-zone{border-radius:0;inset:0}.upload-panel{border-radius:22px;padding:1.25rem}#album-art-container{height:min(72vw,320px);width:min(72vw,320px)}#audio-title{font-size:1.5rem;max-width:90vw}#controls{gap:1rem;padding:4.5rem 1rem 1rem}.controls-row{align-items:flex-start;flex-direction:column;gap:.9rem}.controls-left,.controls-right{gap:.8rem;justify-content:space-between;width:100%}.controls-left{flex-wrap:wrap}.time-display{font-size:1rem;width:100%}.icon-button svg{height:1.7rem;width:1.7rem}.skip-icon{height:5rem;width:5rem}#queue-panel{right:.6rem;top:.6rem;width:calc(100vw - 1.2rem)}}
/*# sourceMappingURL=main.23d8e437.css.map*/