@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&display=swap";.rm-pl-transport-premium{--primary: #00f2fe;--primary-glow: rgba(0, 242, 254, .3);--bg-dark: rgba(18, 22, 28, .85);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);width:142px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--bg-dark);border:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006,inset 0 1px 1px #ffffff0d;-webkit-user-select:none;user-select:none;cursor:pointer}.rm-pl-transport-premium:hover:not(.disabled){border-color:var(--glass-border-hover);background:#191e26e6;box-shadow:0 12px 40px #00000080,inset 0 1px 1px #ffffff14}.rm-pl-transport-premium.is-playing{border-color:#00f2fe40;background:#0f141af2;box-shadow:0 10px 30px #00f2fe1f,inset 0 1px 1px #00f2fe26}.rm-pl-transport-premium.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.transport-inner-wrapper{width:100%;height:100%;padding:0 14px;display:flex;align-items:center;justify-content:center}.state-idle{display:flex;align-items:center;gap:10px;width:100%}.state-idle .icon-play{color:#fff;display:flex;align-items:center;filter:drop-shadow(0 0 2px rgba(255,255,255,.2))}.state-idle .label{color:#fff;font-size:13.5px;font-weight:700;white-space:nowrap;letter-spacing:-.01em;opacity:.95}.state-idle .divider{width:1px;height:12px;background:#ffffff1a;flex-shrink:0}.state-idle .count{color:#848e9c;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;min-width:12px;text-align:center}.rm-pl-transport-premium:hover .state-idle .count{color:#fff}.state-playing{display:flex;align-items:center;justify-content:space-between;width:100%}.transport-btn{background:transparent;border:none;padding:8px;display:flex;align-items:center;justify-content:center;color:#ffffff80;cursor:pointer;outline:none;transition:all .2s ease;border-radius:50%}.transport-btn:not(:disabled):hover{color:#fff;background:#ffffff0d}.transport-btn:disabled{opacity:.25;cursor:not-allowed}.transport-btn.btn-main{color:var(--primary);background:#00f2fe0d;box-shadow:0 0 15px #00f2fe0d}.transport-btn.btn-main:hover{background:#00f2fe1f;color:var(--primary);transform:scale(1.15);box-shadow:0 0 20px #00f2fe26}.rm-pl-transport-premium:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,transparent 0%,transparent 45%,rgba(255,255,255,.03) 50%,transparent 55%,transparent 100%);transform:rotate(25deg);pointer-events:none;transition:transform .6s ease}.rm-pl-transport-premium:hover:after{transform:rotate(25deg) translate(10%,10%)}:root{--primary: #00f2fe;--secondary: #4facfe;--accent: #ff007c;--bg-darker: #0b0e11;--bg-dark: #15191d;--bg-light: #1e2329;--text-white: #ffffff;--text-gray: #848e9c;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--scrollbar-size: 12px;--scrollbar-track: rgba(20, 24, 30, .95);--scrollbar-thumb: rgba(120, 132, 150, .85);--scrollbar-thumb-hover: rgba(0, 220, 235, .65);--scrollbar-thumb-active: rgba(0, 242, 254, .85)}body{margin:0;padding:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;background:radial-gradient(circle at top left,#1a1a2e,#0b0e11);color:var(--text-white);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:keep-all}h1,h2,h3{font-family:Outfit,Pretendard,sans-serif}#root{height:100%}.glass-panel{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-lg)}.input-field{background:#0003;border:1px solid var(--glass-border);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;transition:all .3s}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #00f2fe33}.primary-btn{background:linear-gradient(135deg,var(--secondary),var(--primary));border:none;border-radius:8px;padding:12px 24px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;gap:8px}.primary-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #4facfe66}.primary-btn:active{transform:translateY(0) scale(.98)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;min-height:40px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}*{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.visible-horizontal-scrollbar::-webkit-scrollbar{height:var(--scrollbar-size)}.visible-horizontal-scrollbar::-webkit-scrollbar-track{background:#ffffff03;border-radius:10px;margin:0 32px}.visible-horizontal-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:10px;box-shadow:0 0 8px #00f2fe80}.visible-horizontal-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff;box-shadow:0 0 12px #fffc}