:root{--bg-color:#fdfdfd;--card-bg:#fff;--text-main:#333;--text-sub:#777;--gold-accent:#b08d55;--border-color:#eaeaea;--shadow:0 4px 12px #00000008;--star-color:#f1c40f}.wm-app-root{background:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;z-index:auto;box-sizing:border-box;max-width:100vw;margin-top:0;padding-top:80px;font-family:Pretendard,system-ui,-apple-system,sans-serif;position:relative;overflow-x:hidden}.wm-app-root *{box-sizing:border-box}.wm-header{text-align:center;padding:24px max(20px,env(safe-area-inset-right))28px max(20px,env(safe-area-inset-left));background:#fff}.wm-top-bar{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 16px 10px;display:flex}.wm-top-my-btn{border:1px solid var(--gold-accent);color:var(--gold-accent);cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.wm-top-my-btn:hover{background:var(--gold-accent);color:#fff}.wm-brand-name{letter-spacing:1px;color:#fff;background:var(--gold-accent);border-radius:999px;margin-bottom:16px;padding:8px 20px;font-family:Cinzel,serif;font-size:13px;font-weight:700;display:inline-block;box-shadow:0 2px 8px #b08d554d}.wm-header-title{color:#111;letter-spacing:-.5px;margin:0 0 16px;font-family:Noto Serif KR,serif;font-size:20px;font-weight:300;line-height:1.2}.wm-header-title span{font-weight:700}.wm-subtitle{color:var(--text-sub);margin:0 0 20px;font-size:13px;line-height:1.7}.wm-tip-text{color:#666;text-align:center;background:#b08d5514;border-radius:6px;max-width:100%;margin:0;padding:10px 14px;font-size:12px;line-height:1.6;display:inline-block}@media (max-width:768px){.wm-header-title{font-size:19px}}.wm-sticky{z-index:10;border-bottom:1px solid var(--border-color);padding:20px max(20px,env(safe-area-inset-right))18px max(20px,env(safe-area-inset-left));background:#fffffffa;margin-top:8px;position:relative;box-shadow:0 5px 10px #00000005}.wm-main-tabs{flex-wrap:wrap;justify-content:center;gap:6px;max-width:min(880px,100%);margin:0 auto 16px;padding:0;display:flex}.wm-tab-btn{color:#555;cursor:pointer;white-space:nowrap;text-align:center;background:#fff;border:1px solid #ddd;border-radius:999px;flex:1 1 0;min-width:0;padding:10px;font-family:Noto Serif KR,serif;font-size:12px;font-weight:600;transition:all .2s}.wm-tab-btn.active{background:var(--gold-accent);color:#fff;border-color:var(--gold-accent)}@media (max-width:768px){.wm-tab-btn{padding:9px 10px;font-size:12px}}.wm-sort-controls{justify-content:center;gap:18px;margin:0;display:flex}.wm-sort-btns{justify-content:center;align-items:center;gap:16px;padding:12px 0;display:flex}.wm-sort-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.wm-sort-btn:hover{background:#b08d551a}.wm-sort-btn.active{color:var(--gold-accent);background:#b08d5526;font-weight:800}.wm-list{max-width:min(920px,100%);padding:16px max(20px,env(safe-area-inset-right))120px max(20px,env(safe-area-inset-left));min-width:0;margin:0 auto}.wm-empty{color:#999;text-align:center;padding:24px 20px}.wm-item{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:14px;min-height:78px;margin-bottom:14px;padding:16px 18px;display:flex}.wm-rank{color:var(--gold-accent);text-align:center;flex-shrink:0;width:48px;font-family:Cinzel,serif;font-size:16px;font-weight:700}.wm-info{flex:1;min-width:0}.wm-song-title{color:#222;white-space:normal;word-break:keep-all;font-size:14px;font-weight:700;line-height:1.4;overflow:visible}.wm-usage{color:#999;margin-top:4px;font-size:12px}.wm-star{all:unset;cursor:pointer;color:#d7d7d7;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;line-height:1;display:inline-flex}.wm-star:hover{background:#0000000a}.wm-star.active{color:var(--star-color);animation:.4s ease-in-out heartBeat}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}75%{transform:scale(1.2)}to{transform:scale(1)}}.wm-play{cursor:pointer;color:#333;background:#fff;border:1px solid #ddd;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.wm-play:before{content:"▶";font-size:9px}.wm-floating{right:20px;bottom:calc(110px + env(safe-area-inset-bottom,0px));z-index:9000;background:var(--gold-accent);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:14px 24px;font-size:14px;font-weight:800;transition:transform .2s,background .2s,bottom .2s ease-out;display:flex;position:fixed;box-shadow:0 6px 20px #b08d5566}.wm-floating:hover{background:#9a7b4a;transform:translateY(-2px)}.wm-floating:active{transform:scale(.95)}@media (max-width:600px){.wm-floating{bottom:calc(104px + env(safe-area-inset-bottom,0px));white-space:nowrap;width:auto;right:50%;transform:translate(50%)}.wm-floating:hover{transform:translate(50%)translateY(-2px)}.wm-floating:active{transform:translate(50%)scale(.95)}}@keyframes wm-bump-anim{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.wm-floating.bump{animation:.3s ease-out wm-bump-anim}@media (max-width:600px){@keyframes wm-bump-mobile{0%{transform:translate(50%)scale(1)}50%{transform:translate(50%)scale(1.1)}to{transform:translate(50%)scale(1)}}.wm-floating.bump{animation:.3s ease-out wm-bump-mobile}}.wm-badge{color:var(--gold-accent);text-align:center;background:#fff;border-radius:999px;min-width:20px;padding:2px 8px;font-size:12px;font-weight:900}.wm-toast{color:#fff;z-index:10000;opacity:0;visibility:hidden;white-space:nowrap;pointer-events:none;background:#1e1e1ee6;border-radius:30px;padding:12px 24px;font-size:14px;font-weight:500;transition:opacity .3s,visibility .3s,top .3s;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.wm-toast.show{opacity:1;visibility:visible;top:90px}.wm-video-overlay,.wm-my-overlay{z-index:9100;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.wm-video-overlay.is-open,.wm-my-overlay.is-open{display:flex}.wm-video-overlay{z-index:9200}.wm-video-container{z-index:1;background:#fff;border-radius:14px;width:100%;max-width:860px;position:relative;overflow:hidden;box-shadow:0 14px 40px #00000059}.wm-modal-container{will-change:transform,opacity;transition:transform .25s ease-in-out,opacity .25s ease-in-out;border-radius:18px!important;position:relative!important;overflow:hidden!important}.wm-slide-out-left{opacity:0;transform:translate(-60px)}.wm-slide-out-right,.wm-slide-in-ready-left{opacity:0;transform:translate(60px)}.wm-slide-in-ready-right{opacity:0;transform:translate(-60px)}.wm-swipe-hint-outside{color:#fffffff2;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2147483646;text-shadow:0 2px 4px #000000e6;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:600;animation:2s infinite wm-pulse;display:none;position:fixed;bottom:auto;transform:translate(-50%);left:50%!important}.wm-swipe-hint-arrow{color:#fff;cursor:pointer;pointer-events:auto;font-size:16px;font-weight:800}@keyframes wm-pulse{0%{opacity:.5;transform:translate(-50%)scale(.98)}50%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:.5;transform:translate(-50%)scale(.98)}}.wm-iframe-blocker{z-index:20;cursor:grab;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.wm-iframe-blocker:active{cursor:grabbing}.wm-iframe-blocker.active{display:block}.wm-video-close{color:#fff;cursor:pointer;z-index:5;background:#0000008c;border:none;border-radius:10px;width:38px;height:38px;font-size:24px;position:absolute;top:10px;right:12px}.wm-video-wrapper{aspect-ratio:16/9;background:#000;width:100%}#wm-yt-player{border:none;width:100%;height:100%}.wm-video-info{border-top:1px solid #f2f2f2;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.wm-video-meta{align-items:center;gap:12px;min-width:0;display:flex}.wm-video-rank{color:var(--gold-accent);min-width:52px;font-family:Cinzel,serif;font-size:18px;font-weight:900}.wm-video-text{min-width:0}.wm-video-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:900;overflow:hidden}.wm-video-sub{color:#999;margin-top:2px;font-size:12px}.wm-video-star{all:unset;cursor:pointer;color:#ddd;border-radius:10px;padding:6px 10px;font-size:26px}.wm-video-star.is-on{color:var(--star-color)}.wm-video-star:hover{background:#0000000a}.wm-my-container{z-index:1;background:#fff;border-radius:14px;width:100%;max-width:520px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0003}.wm-my-header{border-bottom:1px solid #f1f1f1;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.wm-my-title{color:#111;margin:0;font-size:16px;font-weight:900}.wm-my-close{all:unset;cursor:pointer;color:#555;padding:4px 10px;font-size:26px}.wm-my-close:hover{color:#333}.wm-my-body{max-height:55vh;padding:12px 18px;overflow:auto}.wm-my-list{flex-direction:column;gap:0;display:flex}.wm-my-item{border-bottom:1px solid #f6f6f6;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.wm-my-item:last-child{border-bottom:none}.wm-my-meta{flex:1;min-width:0}.wm-my-cat{color:var(--gold-accent);margin-bottom:4px;font-size:11px}.wm-my-song{white-space:nowrap;text-overflow:ellipsis;color:#333;font-size:14px;font-weight:900;overflow:hidden}.wm-my-actions-row{align-items:center;gap:10px;display:flex}.wm-my-remove{all:unset;cursor:pointer;color:#bbb;padding:4px 8px;font-size:22px}.wm-my-remove:hover{color:#777}.wm-my-footer{border-top:1px solid #f1f1f1;gap:10px;padding:14px 18px 18px;display:flex}.wm-my-btn{color:#333;cursor:pointer;background:#eee;border:none;border-radius:10px;flex:1;padding:12px 10px;font-weight:900}.wm-my-btn:hover{background:#e0e0e0}.wm-my-btn-secondary{color:#333;background:#eee}.wm-my-btn-secondary:hover{background:#e0e0e0}.wm-my-btn-dark{color:#fff;background:#222}.wm-my-btn-dark:hover{background:#333}.wm-app-root .counter,.wm-app-root .count,.wm-app-root .countup,.wm-app-root [class*=counter],.wm-app-root [class*=count],.wm-app-root [data-count],.wm-app-root [data-counter]{animation:none!important}@media (min-width:1024px){.wm-header,.wm-sticky,.wm-list{padding-left:40px;padding-right:40px}.wm-floating{right:50%;transform:translate(50%)}.wm-floating:hover{transform:translate(50%)translateY(-2px)}.wm-floating:active{transform:translate(50%)scale(.95)}.wm-floating.bump{animation:.3s ease-out wm-bump-mobile}@keyframes wm-bump-mobile{0%{transform:translate(50%)scale(1)}50%{transform:translate(50%)scale(1.1)}to{transform:translate(50%)scale(1)}}}