body{background:#0a0a0f}:root{--bg:#13100a;--surface:#1e1a11;--border:#2e2818;--orange:#ff7c00;--yellow:#ffd23f;--orange-dim:#ff7c001f;--orange-glow:#ff7c0059;--text:#f0e8d8;--muted:#7a6a50;--font-title:"Black Han Sans", sans-serif;--font-body:"Noto Sans KR", sans-serif;--font-mono:"DM Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100svh}.noise{pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;position:fixed;inset:0}.app{z-index:1;flex-direction:column;max-width:800px;min-height:100svh;margin:0 auto;padding:0 24px;display:flex;position:relative}.main{flex-direction:column;flex:1;align-items:center;gap:28px;padding:56px 0 48px;display:flex}.hero{justify-content:center;align-items:center;gap:20px;animation:.7s both fadeUp;display:flex}.hero-text{text-align:center}.hero-label{font-family:var(--font-body);letter-spacing:.12em;color:var(--orange);margin-bottom:8px;font-size:18px;font-weight:700}.hero-title{font-family:var(--font-body);color:var(--text);letter-spacing:-.03em;text-shadow:0 0 40px var(--orange-glow), 0 0 80px #ff7c001a;font-size:clamp(64px,14vw,108px);font-weight:900;line-height:1.05}.tape-reel{border:3px solid var(--border);background:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.tape-reel:before{content:"";border:3px solid var(--border);background:var(--bg);border-radius:50%;width:20px;height:20px;position:absolute}.tape-reel:after{content:"";background:var(--muted);z-index:1;border-radius:50%;width:8px;height:8px;position:absolute}.reel-inner{border-radius:50%;width:100%;height:100%;position:absolute}.app:has(.player-wrap) .tape-reel{animation:3s linear infinite spin}.app:has(.player-wrap) .tape-reel.right{animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.hero-sub{color:#b09070;letter-spacing:.03em;font-size:14px;font-weight:400;animation:.7s .1s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.filter-chip{border:1px solid var(--border);font-family:var(--font-body);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:6px 16px;font-size:13px;transition:all .2s}.filter-chip:hover{color:var(--text);border-color:#5a4a30}.filter-chip.active{border-color:var(--orange);color:var(--orange);background:#ff7c001a}.meta-info{font-family:var(--font-body);color:var(--muted);text-align:center;font-size:12px;line-height:1.9}.meta-info strong{color:var(--orange);font-weight:700}.pick-btn{cursor:pointer;background:0 0;border:none;padding:0;animation:.7s .15s both fadeUp}.pick-btn:disabled{cursor:not-allowed}.pick-btn-inner{background:var(--orange);font-family:var(--font-title);letter-spacing:.05em;color:#13100a;box-shadow:0 0 32px var(--orange-glow), 0 4px 0 #a04a00;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:20px 56px;font-size:22px;transition:all .2s;display:flex}.pick-btn:hover:not(:disabled) .pick-btn-inner{background:var(--yellow);transform:translateY(-2px);box-shadow:0 0 40px #ffd23f80,0 4px #9a7a00}.pick-btn:active:not(:disabled) .pick-btn-inner{box-shadow:0 0 20px var(--orange-glow), 0 2px 0 #a04a00;transform:translateY(2px)}.pick-btn.spinning .pick-btn-inner{animation:.7s infinite alternate btnPulse}@keyframes btnPulse{0%{box-shadow:0 0 32px var(--orange-glow), 0 4px 0 #a04a00}to{box-shadow:0 0 60px #ff7c00b3,0 4px #a04a00}}.player-section{flex-direction:column;align-items:center;gap:16px;width:100%;animation:.5s both fadeUp;display:flex}.player-label{flex-direction:column;gap:6px;width:100%;display:flex}.now-playing{font-family:var(--font-mono);letter-spacing:.2em;color:var(--orange);text-transform:uppercase;font-size:13px;font-weight:500}.player-title{color:var(--text);font-size:16px;font-weight:500;line-height:1.5}.player-wrap{aspect-ratio:16/9;border:2px solid var(--border);width:100%;box-shadow:0 0 0 1px var(--orange-dim,#ff7c0014), 0 24px 60px #0009;border-radius:12px;overflow:hidden}.player-wrap iframe{border:none;width:100%;height:100%;display:block}.footer{border-top:1px solid var(--border);text-align:center;font-family:var(--font-body);color:var(--muted);letter-spacing:.03em;padding:20px 0;font-size:12px}@media (width<=600px){.tape-reel{width:52px;height:52px}.tape-reel:before{width:20px;height:20px}.pick-btn-inner{padding:16px 36px;font-size:18px}}