@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{background:#0d0b14;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased}}@layer components{.glass{background:#161226e0;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%)}.vinyl-disc{border-radius:50%;position:relative;box-shadow:0 0 0 10px #1a1628,0 0 0 12px #2a2440,0 0 80px #7c3aed40,0 25px 60px #00000080}.vinyl-disc:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28%;height:28%;border-radius:50%;background:radial-gradient(circle,#3a3455 0%,#1e1832 50%,transparent 51%);z-index:2}.vinyl-disc:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10%;height:10%;border-radius:50%;background:#ff2d55;z-index:3;box-shadow:0 0 16px #ff2d5599}.vinyl-grooves{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0px,transparent 8px,rgba(255,255,255,.015) 9px)}.tonearm{position:absolute;top:-8%;right:12%;width:5px;height:38%;background:linear-gradient(180deg,#6b5f8a,#3a3455);border-radius:3px;transform-origin:top center;transform:rotate(-30deg);transition:transform .8s cubic-bezier(.34,1.56,.64,1);z-index:10}.tonearm:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;background:#4a4068;border:2px solid #6b5f8a}.tonearm:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:14px;height:10px;background:#8b7fad;border-radius:0 0 5px 5px}.tonearm.playing{transform:rotate(0)}.progress-bar{position:relative;height:4px;border-radius:2px;background:#2a2440;cursor:pointer;transition:height .15s}.progress-bar:hover{height:6px}.progress-bar .progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#ff2d55,#7c3aed);position:relative}.progress-bar .progress-thumb{position:absolute;right:-7px;top:50%;transform:translateY(-50%) scale(0);width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 8px #ff2d5566;transition:transform .15s}.progress-bar:hover .progress-thumb{transform:translateY(-50%) scale(1)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(90deg,#2a2440,#2a2440);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 6px #ff2d554d}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;color:#5e5678;transition:all .2s;font-size:10px;font-weight:500;-webkit-user-select:none;user-select:none}.nav-item.active{color:#ff2d55}.nav-item.active svg{filter:drop-shadow(0 0 6px rgba(255,45,85,.4))}.song-row{display:flex;align-items:center;padding:10px 0;gap:12px;cursor:pointer;transition:background .15s;border-radius:12px}.song-row:hover{background:#ffffff08}.song-row:active{background:#ffffff0d}.song-row.playing{background:#ff2d550f}.song-row.playing .song-title{color:#ff2d55}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2440;border-radius:2px}}