@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,sans-serif;background:#1c1c1c;color:#fff;overflow:hidden;height:100%;width:100%}.app-root{position:relative;width:100vw;height:100vh;overflow:hidden}.vinyl-bg{position:absolute;width:1430px;height:1430px;right:-650px;top:-658px;opacity:.2;pointer-events:none;z-index:0}.vinyl-disc{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at center,#2e2e2e,#1a1a1a 35%,#111 65%,#0e0e0e);position:relative;display:flex;align-items:center;justify-content:center;transform-origin:center center}.vinyl-disc.spinning{animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.vinyl-label{position:absolute;inset:5px;border-radius:50%;overflow:hidden;z-index:2}.vinyl-art{width:100%;height:100%;object-fit:cover;border-radius:50%}.vinyl-placeholder{width:100%;height:100%;background:radial-gradient(circle,#2a2a2a,#111);border-radius:50%}.vinyl-label:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0%,transparent 5px,rgba(0,0,0,.1) 5px,rgba(0,0,0,.1) 6px);pointer-events:none}.bg-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to right,rgba(28,28,28,.97) 0%,rgba(28,28,28,.84) 45%,rgba(28,28,28,.15) 75%,transparent 100%);pointer-events:none}.controls{position:fixed;top:2rem;right:2.5rem;z-index:20;display:flex;flex-direction:column;gap:1rem;align-items:flex-end}.control-item{display:flex;align-items:center;gap:.8rem;cursor:pointer}.control-label{font-size:.9rem;font-weight:700;color:#fff;opacity:0;transform:translate(8px);transition:opacity .2s,transform .2s;white-space:nowrap;letter-spacing:.02em}.control-label.visible{opacity:1;transform:translate(0)}.ctrl-btn{width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,opacity .2s;flex-shrink:0}.ctrl-btn:hover{transform:scale(1.1)}.ctrl-btn.green{background:#39ff14}.ctrl-btn.green.muted{opacity:.45}.ctrl-btn.pink{background:#ff2d87}.content{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;padding:3rem 3.5rem;justify-content:space-between;pointer-events:none}.song-info{margin-top:2rem;pointer-events:auto}.count-line{font-size:1rem;color:#fffc;font-weight:500;letter-spacing:.01em;margin-bottom:.6rem}.count-num,.highlight{color:#39ff14;font-weight:700}.now-playing{font-size:clamp(1.8rem,3.8vw,3rem);font-weight:900;line-height:1.15;display:flex;align-items:baseline;flex-wrap:wrap;gap:.3em}.date-green{color:#39ff14}.artist-name{color:#fff}.release-year{color:#ffffff80;font-weight:500}.cursor{display:inline-block;color:#39ff14;animation:blink .85s step-end infinite;font-weight:300;margin-left:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:600px){.content{padding:2rem 1.4rem}.song-info{padding-right:5rem}.now-playing{font-size:clamp(1.5rem,5vw,2.4rem)}}.click-hint{margin-top:.6rem;font-size:.85rem;color:#fff6;cursor:pointer;transition:color .2s}.click-hint:hover{color:#39ff14}.big-date-section{height:42vh;width:100%;overflow:visible;display:flex;align-items:flex-end;pointer-events:none}.autofit-wrap{width:100%;height:100%;display:flex;align-items:flex-end;overflow:visible}.autofit-text{display:block;font-weight:900;color:#aeaeae;white-space:nowrap;line-height:1;letter-spacing:-.03em;font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none;transform:translateY(18%)}@media(max-width:600px){.big-date-section{height:46vh;justify-content:center}.autofit-wrap{justify-content:center}.autofit-text{display:inline-block}.vinyl-bg{width:1300px;height:1300px;right:-585px;top:-527px}}