.gradient-ascii-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:transparent}.gradient-ascii-canvas{width:100%;height:100%;display:block;background-color:transparent}.comet-dial{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--cd-size, 250px);height:var(--cd-size, 250px);-webkit-user-select:none;user-select:none;touch-action:none}.comet-dial__ring{width:100%;height:100%;overflow:visible;outline:none;cursor:grab}.comet-dial[data-dragging] .comet-dial__ring{cursor:grabbing}.comet-dial__track{fill:none;stroke:#ffffff1a;stroke-linecap:round}.comet-dial__lit{fill:none;stroke:var(--cd-accent, #ffffff);stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,255,255,.35))}.comet-dial__comet path{fill:none;stroke:var(--cd-accent, #ffffff);stroke-linecap:round;transition:opacity .1s ease}.comet-dial__head{fill:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.comet-dial__readout{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.comet-dial__value{display:flex;align-items:baseline;gap:2px;color:var(--cd-ink, #ffffff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:var(--cd-figure, 40px);letter-spacing:-1px}.comet-dial__unit{font-size:.45em;font-weight:500;color:#ffffff80}:root{--bg: #000000;--text: #ffffff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background-color:var(--bg);color:var(--text);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#ffffff47}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin .8s linear infinite}@keyframes slideUpDigit{0%{transform:translateY(65%);opacity:.1;filter:blur(1px)}to{transform:translateY(0);opacity:1;filter:blur(0px)}}.timeline-track{position:relative;flex:1;height:4px;background:#ffffff1f;border-radius:999px;cursor:pointer;transition:height .35s cubic-bezier(.25,1,.5,1),background .35s ease;overflow:visible}.timeline-track:before{content:"";position:absolute;top:-12px;bottom:-12px;left:0;right:0;cursor:pointer}.timeline-track:hover{height:6px;background:#ffffff2e}.timeline-fill{position:absolute;top:0;left:0;bottom:0;background:#ffffffd9;border-radius:999px;transition:width .08s linear;pointer-events:none}.timeline-thumb{position:absolute;top:50%;width:10px;height:10px;background:#fff;border-radius:50%;transform:translate(-50%,-50%) scale(0);box-shadow:0 1px 4px #0006;transition:transform .35s cubic-bezier(.25,1,.5,1);pointer-events:none}.timeline-track:hover .timeline-thumb{transform:translate(-50%,-50%) scale(1)}.feedback-pill-btn{display:inline-flex;align-items:center;justify-content:center;width:58px;height:38px;background:#ffffff14;border:none;outline:none;cursor:pointer;border-radius:999px;color:#ffffffb3;transition:background .35s cubic-bezier(.2,.8,.2,1),color .35s ease,transform .25s ease;-webkit-user-select:none;user-select:none;padding:0}.feedback-pill-btn:hover{background:#ffffff26;color:#fff}.feedback-pill-btn:active{transform:scale(.95)}.feedback-pill-btn .btn-icon{display:flex;align-items:center;justify-content:center;transform:translateY(0) rotate(0) scale(1);will-change:transform}.feedback-pill-btn.like-btn.animating .btn-icon{animation:ymThumbUpTap .6s cubic-bezier(.2,.9,.3,1) forwards}@keyframes ymThumbUpTap{0%{transform:scale(.85)}30%{transform:translateY(-5px) rotate(-10deg) scale(1.22)}65%{transform:translateY(-1px) rotate(2deg) scale(1.05)}to{transform:translateY(0) rotate(0) scale(1)}}.feedback-pill-btn.dislike-btn.animating .btn-icon{animation:ymThumbDownTap .6s cubic-bezier(.2,.9,.3,1) forwards}@keyframes ymThumbDownTap{0%{transform:scale(.85)}30%{transform:translateY(5px) rotate(10deg) scale(1.22)}65%{transform:translateY(1px) rotate(-2deg) scale(1.05)}to{transform:translateY(0) rotate(0) scale(1)}}.track-cover-fade{animation:trackCoverFade .4s cubic-bezier(.2,0,0,1) forwards}@keyframes trackCoverFade{0%{opacity:.25;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.track-meta-fade{animation:trackMetaFade .35s cubic-bezier(.2,0,0,1) forwards}@keyframes trackMetaFade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.corner-volume-control{position:absolute;right:2.2vw;bottom:2.2vh;z-index:60;opacity:.22;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center}.corner-volume-control:hover{opacity:.95;transform:scale(1.04)}.slider{--slider-width: 110px;--slider-height: 38px;--slider-bg: rgba(255, 255, 255, .12);--slider-border-radius: 999px;--level-color: #ffffff;--level-transition-duration: .1s;--icon-margin: 12px;--icon-color: rgba(255, 255, 255, .7);--icon-size: 20px;position:relative;cursor:pointer;display:inline-flex;flex-direction:row-reverse;align-items:center;width:var(--slider-height);height:var(--slider-width)}.slider .volume{display:inline-block;vertical-align:top;margin-bottom:var(--icon-margin);color:#000;width:var(--icon-size);height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%);pointer-events:none;z-index:5;filter:drop-shadow(0 1px 2px rgba(255,255,255,.4));mix-blend-mode:difference}.slider .level{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--slider-width);height:var(--slider-height);background:var(--slider-bg);overflow:hidden;border-radius:var(--slider-border-radius);transition:height var(--level-transition-duration);cursor:inherit;transform:rotate(270deg);position:absolute}.slider .level::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:0;box-shadow:-200px 0 0 200px var(--level-color)}.slider .level::-moz-range-thumb{width:0;height:0;border-radius:0;border:none;box-shadow:-200px 0 0 200px var(--level-color)}.view-enter{animation:viewFadeIn .3s cubic-bezier(.2,0,0,1) forwards}@keyframes viewFadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);display:flex;align-items:center;justify-content:center;z-index:350;opacity:0;pointer-events:none;transition:opacity .32s cubic-bezier(.16,1,.3,1)}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-box{opacity:0;transform:scale(.96);transition:opacity .32s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.modal-overlay.open .modal-box{opacity:1;transform:scale(1)}.bottom-player-enter{animation:bottomPlayerFadeIn .35s cubic-bezier(.2,0,0,1) forwards}@keyframes bottomPlayerFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}