:root{--song-bg:#fff;--song-border:#d4d4d8;--song-title:#111827;--song-artist:#6b7280;--song-button-text:#fff;--song-btn-lyrics:#0f766e;--song-btn-search:#3caa65}html.dark{--song-bg:#18181b;--song-border:#3f3f46;--song-title:#f4f4f5;--song-artist:#9ca3af;--song-button-text:#fff;--song-btn-lyrics:#115e59;--song-btn-search:#348051}.song-item{background:var(--song-bg);border:1px solid var(--song-border);cursor:pointer;border-radius:10px;padding:6px 12px;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.song-item:hover{border-color:#6fc78f}.song-item__content{white-space:nowrap;text-overflow:ellipsis;justify-content:space-between;align-items:center;gap:12px;display:flex;overflow:hidden}.song-item__content-wrapper{flex:1;min-width:0}.song-item__left{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.song-item__bottom{justify-content:space-between;align-items:center;gap:12px;padding-inline:4px 8px;display:flex}.song-item__genre-wrapper{flex-shrink:0;justify-content:center;width:48px;display:flex}.song-tag{color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:9999px;justify-content:center;align-items:center;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.song-tag--kpop{background:#3ec06d}.song-tag--jpop{background:#3b82f6}.song-tag--pop{background:#eab308}.song-item__title{color:var(--song-title);text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;font-weight:700;overflow:hidden}.song-item__artist{color:var(--song-artist);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.song-item__cheese{align-items:"center";justify-content:"center";-webkit-user-select:none;user-select:none;flex-direction:row;width:50px;font-size:.75rem;display:flex}.song-item__cheese--피토{color:#ffb255}.song-item__cheese--우엑{color:#f55}.song-item__cheese--잘몰라{color:#c355ff}.song-item__notes{font-size:.825rem}.song-button{color:var(--song-button-text);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}.song-button:hover{opacity:.92;transform:translateY(-1px)}.song-button--lyrics{background:var(--song-btn-lyrics)}.song-button--search{background:var(--song-btn-search)}mark{background-color:#7fffd4}@font-face{font-family:Spoqa Han Sans Neo;font-weight:700;src:local(Spoqa Han Sans Neo Bold),url(/fonts/SpoqaHanSansNeo-Bold.woff2)format("woff2"),url(/fonts/SpoqaHanSansNeo-Bold.woff)format("woff"),url(/fonts/SpoqaHanSansNeo-Bold.ttf)format("truetype")}@font-face{font-family:Spoqa Han Sans Neo;font-weight:500;src:local(Spoqa Han Sans Neo Medium),url(/fonts/SpoqaHanSansNeo-Medium.woff2)format("woff2"),url(/fonts/SpoqaHanSansNeo-Medium.woff)format("woff"),url(/fonts/SpoqaHanSansNeo-Medium.ttf)format("truetype")}@font-face{font-family:Spoqa Han Sans Neo;font-weight:400;src:local(Spoqa Han Sans Neo Regular),url(/fonts/SpoqaHanSansNeo-Regular.woff2)format("woff2"),url(/fonts/SpoqaHanSansNeo-Regular.woff)format("woff"),url(/fonts/SpoqaHanSansNeo-Regular.ttf)format("truetype")}@font-face{font-family:Spoqa Han Sans Neo;font-weight:300;src:local(Spoqa Han Sans Neo Light),url(/fonts/SpoqaHanSansNeo-Light.woff2)format("woff2"),url(/fonts/SpoqaHanSansNeo-Light.woff)format("woff"),url(/fonts/SpoqaHanSansNeo-Light.ttf)format("truetype")}@font-face{font-family:Spoqa Han Sans Neo;font-weight:100;src:local(Spoqa Han Sans Neo Thin),url(/fonts/SpoqaHanSansNeo-Thin.woff2)format("woff2"),url(/fonts/SpoqaHanSansNeo-Thin.woff)format("woff"),url(/fonts/SpoqaHanSansNeo-Thin.ttf)format("truetype")}@font-face{font-family:Consolas;font-weight:600;src:local(Consolas),url(/fonts/Consolas-Bold.woff2)format("woff2"),url(/fonts/Consolas-Bold.woff)format("woff"),url(/fonts/Consolas-Bold.ttf)format("truetype")}@font-face{font-family:Consolas;font-weight:400;src:local(Consolas),url(/fonts/Consolas.woff2)format("woff2"),url(/fonts/Consolas.woff)format("woff"),url(/fonts/Consolas.ttf)format("truetype")}