:root{--wt: 2.2fr;--w1: 1fr;--w2: 1fr;--w3: 1fr;--w4: 1fr;--w5: 1fr;--w6: 1fr;--w7: 1fr;--w8: 1fr;--w9: 1fr;--w10: 1fr;--shell: #0b0b0b;--body: #1b1b1c;--line: #28282a;--hover: #232325;--playing: #2d2d30;--field: #1f1f21;--field-focus: #2a2a2d;--field-b: #2d2d30;--field-b-hover: #38383b;--side-hover: #1c1c1e;--side-on: #2b2b2e;--track: #3a3a3d;--pop: #2a2a2c;--fg: #ebebeb;--accent: #5b9bff;--muted: #9a9a9e;--shadow: 0 8px 32px rgba(0, 0, 0, .55);--top: 64px;--pb: 76px;--rail: 72px;--side: 240px;--rh: 52px;--r: 16px;color-scheme:dark}:root[data-theme=light]{--shell: #ffffff;--body: #f0f2f5;--line: #e2e5ea;--hover: #e8ebef;--playing: #dfe3e9;--field: #eef0f3;--field-focus: #e3e6eb;--field-b: #e1e5ea;--field-b-hover: #d5dae1;--side-hover: #f0f2f5;--side-on: #e1e6ed;--track: #cfd4dc;--pop: #ffffff;--fg: #1b1b1d;--accent: #1f6feb;--muted: #6a6f78;--shadow: 0 8px 32px rgba(30, 40, 60, .2);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--shell)}body{height:100vh;height:100dvh;overflow:hidden;background:var(--shell);color:var(--fg);font:14px/1.45 Inter,-apple-system,Segoe UI,Noto Sans KR,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}[hidden]{display:none!important}svg.i{width:20px;height:20px;fill:currentColor;display:block;flex:none}.ib{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--muted);flex:none}.ib:hover{color:var(--fg);background:#80808033}.ib.on{color:var(--fg)}#b-shuffle.on,#b-repeat.on{color:var(--accent)}.ib.big{width:38px;height:38px;background:var(--fg);color:var(--shell)}.ib.big:hover{background:var(--fg);color:var(--shell);opacity:.85}.ib.big svg.i{width:22px;height:22px}body.dl-busy a[href^="/dl/"]{opacity:.4;pointer-events:none}.button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 18px;border-radius:999px;background:var(--field-b);font-weight:500;cursor:pointer}.button:hover{background:var(--field-b-hover)}#side{position:fixed;left:0;top:0;bottom:0;z-index:45;width:var(--rail);overflow:hidden;display:flex;flex-direction:column;background:var(--shell);transition:width .18s ease,box-shadow .18s ease}#side:hover{width:var(--side);box-shadow:var(--shadow)}.brand{flex:none;display:flex;align-items:center;gap:12px;height:var(--top);padding-left:16px;white-space:nowrap}.logo-ab{flex:none;width:40px;margin:0 4px;text-align:center;font-family:Rubik Glitch,Unbounded,Inter,sans-serif;font-size:22px;line-height:1}#side:hover .logo-ab{display:none}.logo-name{font-family:Rubik Glitch,Unbounded,Inter,sans-serif;font-size:25px;font-weight:400;letter-spacing:.02em;opacity:0;transition:opacity .15s}#side:hover .logo-name{opacity:1}#side-body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:4px 12px 12px}#side:hover #side-body,#side.open #side-body{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.45) transparent}#side-foot{flex:none;padding:14px 12px 8px;visibility:hidden}#side:hover #side-foot,#side.open #side-foot{visibility:visible}#side-foot{border-top:1px solid rgba(128,128,128,.14)}.s-static{color:var(--muted)}.s-static .s-ab,.s-item.s-static .s-full{font-size:12px}.s-item.s-static:hover{background:none}#side-foot .s-item.s-static{margin-top:20px}#side-foot .s-item{height:26px;margin-bottom:0}.s-item.s-link{color:var(--muted);transition:color .15s}.s-item.s-link:hover{background:none;color:var(--fg)}.s-item{display:flex;align-items:center;justify-content:center;width:100%;height:38px;margin-bottom:2px;padding:0;border-radius:999px;color:var(--fg);white-space:nowrap;overflow:hidden}.s-ab{font-size:12px;font-weight:600}.s-full{display:none;overflow:hidden;text-overflow:ellipsis}#side:hover .s-item{justify-content:flex-start;padding:0 18px}#side:hover .s-ab{display:none}#side:hover .s-full{display:inline}.s-item:hover{background:var(--side-hover)}.s-item.on{background:var(--side-on);font-weight:600}.top{height:var(--top);display:flex;align-items:center;gap:12px;padding:0 16px 0 calc(var(--rail) + 8px)}#menu-btn{display:none}.search{position:relative;flex:1;max-width:720px}.search svg.i{position:absolute;left:16px;top:12px;color:var(--muted);pointer-events:none}.search input{width:100%;height:44px;padding:0 20px 0 48px;background:var(--field);color:var(--fg);border:0;border-radius:999px;font:inherit;outline:none}.search input::placeholder{color:var(--muted)}.search input:focus{background:var(--field-focus)}#recent{position:absolute;left:0;right:0;top:calc(100% + 6px);padding:6px 0;max-height:60vh;overflow:auto;border-radius:var(--r)}.rc-head{padding:8px 16px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.rc-item{display:flex;align-items:center;padding-right:6px}.rc-item:hover{background:#8080802e}.rc-q{flex:1;min-width:0;padding:10px 16px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.rc-x{width:32px;height:32px}.search #recent svg.i{position:static;width:16px;height:16px;color:inherit}.rc-clear{display:block;width:100%;padding:10px 16px;text-align:left;color:var(--muted);cursor:pointer}.rc-clear:hover{background:#8080802e}.dd{margin-left:auto}.dd~.dd{margin-left:8px}#sort-btn,#cols-btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px 0 16px;border-radius:999px;background:var(--field)}#sort-btn:hover,#cols-btn:hover{background:var(--field-focus)}#sort-btn svg.i,#cols-btn svg.i{color:var(--muted)}.layout{margin-left:var(--rail);height:calc(100vh - var(--top) - var(--pb));height:calc(100dvh - var(--top) - var(--pb))}main{height:100%;margin:0 12px 8px 0;background:var(--body);border-radius:var(--r);overflow:auto}.row{position:relative;display:grid;grid-template-columns:var(--row-cols, 44px minmax(200px, var(--wt)) repeat(8, minmax(0, 1fr)) 52px 56px);align-items:center;gap:16px;height:var(--rh);padding:0 20px;border-bottom:1px solid var(--line)}.row>*{min-width:0}.row:hover{background:var(--hover)}.row.playing{background:var(--playing)}.row.playing .r-title{font-weight:700}.r-title,.t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r-title{font-weight:500}.r-title{display:flex;min-width:0}.r-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.t{color:var(--muted);font-size:13px}.b,.r-time{color:var(--muted);font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.r-play{position:relative;width:34px;height:34px;justify-self:center;border-radius:6px;overflow:hidden;background:var(--field-b)}.r-cover{width:100%;height:100%;object-fit:cover;display:block}.r-cover:not([src]){visibility:hidden}.r-play svg.i{position:absolute;left:0;top:0;width:100%;height:100%;padding:7px;background:#0009;color:#fff;opacity:0}.row:hover .r-play svg.i,.row.playing .r-play svg.i{opacity:1}.r-actions{position:absolute;right:0;top:0;bottom:0;display:none;align-items:center;padding:0 12px 0 8px;background:var(--hover)}.row.playing .r-actions{background:var(--playing)}.row:hover .r-actions{display:flex}.r-actions .ib{width:36px;height:36px}#empty{padding:32px 24px;color:var(--muted)}#filters{position:sticky;top:0;z-index:3;display:flex;flex-wrap:wrap;gap:6px 8px;padding:10px 16px;background:var(--body)}.f-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px 4px 12px;border-radius:999px;background:var(--field-b);color:var(--fg);font-size:12px;font-weight:600}.f-chip:hover{background:var(--field-b-hover)}.f-chip .i{width:14px;height:14px}.term{cursor:pointer}.term:hover{color:var(--fg);text-decoration:underline}#panel,#me{position:fixed;z-index:25;top:var(--top);bottom:calc(var(--pb) + 8px);right:12px;width:min(420px,calc(100% - 24px));padding:24px;overflow:auto;background:var(--body);border-radius:var(--r);box-shadow:var(--shadow);transform:translate(calc(100% + 24px));transition:transform .18s}#panel.open,#me.open{transform:none}#me-close{position:absolute;top:10px;right:10px}#panel{padding:0 24px 24px}.p-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:6px;height:56px;margin:0 -24px 8px;padding:0 12px;background:var(--body)}.p-title{font-size:15px;font-weight:600}.me-title{margin:0 0 8px;font-size:18px;font-weight:700}#me{padding:24px 8px}#me .me-title{padding:0 16px}.me-note{margin:20px 16px 0;color:var(--muted);font-size:12px;line-height:1.6}.dl-mark{margin-left:8px;color:var(--muted);font-weight:400;flex:none}#view-song{padding:24px;max-width:1100px}.back{display:inline-block;margin-bottom:16px;padding:6px 14px;border-radius:999px;background:var(--field-b);color:var(--fg);font-weight:600}.back:hover{background:var(--field-b-hover)}.detail{position:relative}@keyframes detail-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.detail.swap{animation:detail-in .4s ease both}@media(prefers-reduced-motion:reduce){.detail.swap{animation:none}}.d-head,.d-body{position:relative;z-index:1}.d-head{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:flex-start}.d-cover{display:block;flex:none;width:320px;max-width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:var(--field-b)}#panel .d-cover{width:100%;max-width:320px}.d-actions .ib{width:38px;height:38px}.d-actions .button{width:38px;height:38px;padding:0;justify-content:center}.d-info{flex:1 1 360px;min-width:0}.d-title{font-size:22px;font-weight:700;letter-spacing:-.01em;margin-bottom:14px}.d-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.d-terms{display:flex;flex-wrap:wrap;gap:6px 8px}.d-term{display:inline-flex;gap:6px;padding:4px 10px;border-radius:999px;background:var(--field-b);font-size:12px}.d-term .k{color:var(--muted)}.d-body{max-width:640px;margin-top:24px}.detail h3{margin:20px 0 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.d-body h3:first-child{margin-top:0}.detail h3{display:flex;align-items:center;gap:4px}.d-copy{width:26px;height:26px}.d-copy .i{width:16px;height:16px}.d-style{line-height:1.6}.d-lyrics{font:inherit;white-space:pre-wrap;line-height:1.8}.pop{position:fixed;z-index:50;background:var(--pop);border-radius:12px;box-shadow:var(--shadow)}#menu,#sort-menu,#cols-menu{min-width:190px;padding:6px 0}.pop>button,.pop>a{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;text-align:left;cursor:pointer}.pop>button:hover,.pop>a:hover{background:#8080802e}#sort-menu button.on{font-weight:700}#cols-menu button{gap:8px}#cols-menu .ck{display:inline-block;width:16px;color:var(--accent);font-weight:700}#cols-menu .reset{margin-top:4px;border-top:1px solid var(--line);color:var(--muted)}#queue{right:12px;bottom:calc(var(--pb) + 8px);width:min(380px,calc(100% - 24px));max-height:60vh;overflow:auto;border-radius:var(--r)}.q-head{padding:14px 16px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.q-note{padding:8px 16px;color:var(--muted)}.q-row{display:flex;align-items:center;padding-right:6px}.q-item{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:6px 16px;text-align:left}.q-row:hover{background:#8080802e}.q-row.now{background:#80808047;font-weight:700}.q-item img{width:32px;height:32px;object-fit:cover;flex:none;border-radius:4px;background:var(--field-b)}.q-cov{position:relative;flex:none;width:32px;height:32px;border-radius:4px;overflow:hidden;background:var(--field-b)}.q-cov img{display:block;width:100%;height:100%}.q-cov svg.i{position:absolute;inset:0;width:100%;height:100%;padding:6px;background:#0009;color:#fff;opacity:0}.q-row.now .q-cov svg.i{opacity:1}.q-item>span:not(.q-cov){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#dl-modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#0000008c}#dl-modal[hidden]{display:none}.dl-box{position:relative;width:min(360px,calc(100vw - 32px));padding:28px 24px 24px;border-radius:16px;background:var(--pop);box-shadow:var(--shadow);text-align:center}#dl-close{position:absolute;top:8px;right:8px}#dl-cover{width:160px;height:160px;object-fit:cover;border-radius:12px;background:var(--field-b)}#dl-title{margin-top:16px;font-size:18px;font-weight:600;overflow-wrap:anywhere}#dl-genre{margin-top:4px;color:var(--muted)}#dl-extra{margin-top:16px}#dl-extra:empty{display:none}#toast{position:fixed;z-index:60;left:50%;bottom:calc(var(--pb) + 16px);transform:translate(-50%);padding:10px 20px;border-radius:999px;background:var(--fg);color:var(--shell);font-weight:500}#playerbar{position:fixed;left:var(--rail);right:0;bottom:0;z-index:40;height:var(--pb);display:grid;grid-template-columns:minmax(180px,280px) auto auto minmax(180px,1fr) auto minmax(110px,150px);grid-template-areas:"info rate ctl seek mode vol";align-items:center;gap:0 14px;padding:0 20px 0 12px;background:var(--shell)}.pb-info{grid-area:info;display:flex;align-items:center;gap:12px;min-width:0}#now-cover{width:44px;height:44px;object-fit:cover;flex:none;border-radius:8px;background:var(--field-b)}#now{display:block;flex:1;min-width:0;overflow:hidden;white-space:nowrap;font-weight:600}.mq-track{display:inline-flex;will-change:transform}.mq-item{flex:none}.mq-track.mq-static{display:block}.mq-track.mq-static .mq-item{padding:0;overflow:hidden;text-overflow:ellipsis}#b-detail{display:none}.ib:disabled{opacity:.35;pointer-events:none}#now:not([href]){color:var(--muted);font-weight:400}.pb-rate{grid-area:rate;display:flex}.pb-ctl{grid-area:ctl;display:flex;align-items:center;gap:4px}.pb-seek{grid-area:seek;display:flex;align-items:center;gap:12px;min-width:0}.pb-seek span{width:38px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}#t-cur{text-align:right}.pb-mode{grid-area:mode;display:flex}.pb-vol{grid-area:vol;display:flex;align-items:center;gap:4px}.bar{position:relative;flex:1;height:20px;cursor:pointer;touch-action:none}.bar:before{content:"";position:absolute;left:0;right:0;top:8px;height:4px;border-radius:2px;background:var(--track);transition:top .12s,height .12s}.bar .fill{position:absolute;left:0;top:8px;height:4px;width:0;border-radius:2px;background:var(--fg);transition:top .12s,height .12s}.bar .fill:after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--fg);transition:width .12s,height .12s,margin-top .12s,right .12s}.bar.drag:before{top:7px;height:6px}.bar.drag .fill{top:7px;height:6px}.bar.drag .fill:after{right:-7px;width:14px;height:14px;margin-top:-7px}#back-fab{position:fixed;z-index:38;top:calc(var(--top) + 12px);left:calc((100vw + var(--rail)) / 2);transform:translate(-50%,-8px);width:40px;height:40px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 2px 10px #00000059}#back-fab.show{opacity:1;transform:translate(-50%);pointer-events:auto}@media(max-width:900px){:root{--top: 56px;--pb: 92px}#menu-btn{display:grid}.top{padding:0 12px}.layout{margin-left:0}#back-fab{left:50%}main{margin:0 8px 8px}#side{width:260px;transform:translate(-100%);transition:transform .15s}#side:hover{width:260px;box-shadow:none}#side.open{transform:none;box-shadow:var(--shadow)}.logo-name{opacity:1}.logo-ab{display:none}.s-item{justify-content:flex-start;padding:0 18px}.s-ab{display:none}.s-full{display:inline}#playerbar{left:0;grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"info rate ctl mode" "seek seek seek seek";grid-template-rows:auto auto;align-content:center;gap:2px 8px;padding:6px 12px}.pb-vol{display:none}}@media(max-width:640px){.dd{display:none}.row{grid-template-columns:44px minmax(0,1fr) 56px 36px;padding:0 12px}.b,.r-q,.r-dl{display:none}.r-actions{position:static;transform:none;display:flex;background:none;padding:0}:root{--pb: 136px}#b-detail{display:grid}#m-detail{display:none}#playerbar{height:auto;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;justify-content:space-between;gap:0;padding:6px 4px 8px}.pb-rate,.pb-ctl,.pb-mode{display:contents}#b-like{order:1}#b-bookmark{order:2}#b-more{order:3}#b-detail{order:4}#b-shuffle{order:5}#b-repeat{order:6}.pb-seek{order:7;flex:0 0 100%;padding:4px calc((clamp(34px,10.5vw,46px) - clamp(20px,5.8vw,24px))/2);gap:8px}.pb-info{order:8;flex:1 1 0;min-width:0;padding-left:8px}#b-prev{order:9}#b-play{order:10}#b-next{order:11}#b-queue{order:12}#now-cover{width:28px;height:28px;border-radius:50%}#playerbar #b-prev,#playerbar #b-next,#playerbar #b-queue{width:clamp(38px,11.8vw,50px);height:clamp(38px,11.8vw,50px)}#playerbar #b-prev svg.i,#playerbar #b-next svg.i,#playerbar #b-queue svg.i{width:clamp(23px,6.6vw,27px);height:clamp(23px,6.6vw,27px)}#playerbar .ib{width:clamp(34px,10.5vw,46px);height:clamp(34px,10.5vw,46px)}#playerbar .ib svg.i{width:clamp(20px,5.8vw,24px);height:clamp(20px,5.8vw,24px)}#playerbar .ib.big,#playerbar .ib.big:hover{background:none;color:var(--muted);opacity:1;width:clamp(50px,14.6vw,62px);height:clamp(50px,14.6vw,62px)}#playerbar .ib.big:hover{color:var(--fg)}#playerbar .ib.big svg.i{width:clamp(34px,9.5vw,42px);height:clamp(34px,9.5vw,42px)}}@media(min-width:901px){.layout{height:calc(100vh - var(--top) - var(--pb) - 8px)}main{margin:0 12px 0 0;border-radius:var(--r) var(--r) 0 0}#view-song{margin:0 auto}#playerbar{right:12px;bottom:8px;border:1px solid var(--body);border-radius:0 0 var(--r) var(--r)}#panel,#me,#queue{bottom:calc(var(--pb) + 16px)}#toast{bottom:calc(var(--pb) + 24px)}}#card-bg{display:none;position:fixed;z-index:0;top:var(--top);left:var(--rail);right:12px;bottom:8px;border-radius:var(--r);overflow:hidden;background:var(--body);pointer-events:none}#card-bg img{position:absolute;inset:-15%;width:130%;height:130%;object-fit:cover;filter:blur(70px) saturate(1.3);opacity:.3}body.song-view #card-bg{display:block}body.song-view main{position:relative;z-index:1;background:transparent}body.song-view #playerbar{background:transparent;border-color:transparent}:root[data-theme=light] #card-bg img{opacity:.18}@media(max-width:900px){#card-bg{left:8px;right:8px;bottom:var(--pb);border-radius:var(--r) var(--r) 0 0}body.song-view main{margin-bottom:0;border-radius:var(--r) var(--r) 0 0}body.song-view #playerbar{background:var(--shell)}}#view-lib{padding:24px}.lib-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.lib-title{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em}.lib-tools{display:flex;gap:8px}.lib-btn{height:32px;padding:0 14px;font-size:13px}.lib-btn:disabled{opacity:.4;cursor:default}.lib-btn:disabled:hover{background:var(--field-b)}.lib-tabs{display:flex;flex-wrap:wrap;gap:4px 20px;margin:14px 0 6px;border-bottom:1px solid var(--line)}.lib-tab{padding:8px 0 10px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent}.lib-tab:hover{color:var(--fg)}.lib-tab.on{color:var(--fg);border-bottom-color:var(--accent)}.lib-bar{position:sticky;top:0;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;background:var(--body)}.lib-all,.lib-pick{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.lib-count{margin-right:auto;color:var(--muted);font-size:13px}.lib-item{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center}.lib-item .row{padding:0 8px 0 0}.lib-more{margin:16px auto 0;display:flex}.lib-empty,.lib-note{color:var(--muted);font-size:13px;line-height:1.6}.lib-empty{padding:24px 0}.lib-note{margin-top:24px}.lib-input{border:0;height:32px;min-width:0;flex:1 1 180px;max-width:320px;padding:0 12px;border-radius:999px;background:var(--field);color:var(--fg)}.lib-input:focus{background:var(--field-focus);outline:none}.pl-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.pl-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.pl-name:hover{text-decoration:underline}.pl-count{color:var(--muted);font-size:13px;margin-right:8px}.pl-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:14px 0 0}.pl-back{color:var(--muted);font-weight:600}.pl-back:hover{color:var(--fg)}.pl-title{margin:0 auto 0 4px;font-size:18px}.me-group{display:flex;align-items:center;justify-content:space-between}.me-all{font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--muted)}.me-all:hover{color:var(--fg);text-decoration:underline}.q-pl{justify-content:space-between;padding:8px 16px}.q-pl small{color:var(--muted)}#pl-menu{min-width:230px;max-width:320px;max-height:60vh;overflow:auto;padding:6px 0}#pl-menu>button{gap:12px;justify-content:space-between}.pl-m-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-m-count{color:var(--muted);font-size:12px}.pl-m-new{display:flex;gap:6px;padding:8px 12px 4px;border-top:1px solid var(--line);margin-top:4px}@media(max-width:640px){#view-lib{padding:16px 12px}.lib-item .row{grid-template-columns:44px minmax(0,1fr) 56px 36px}}#tip{position:fixed;z-index:90;left:0;top:0;max-width:280px;padding:6px 10px;border-radius:6px;background:var(--pop);color:var(--fg);box-shadow:var(--shadow);font-size:12px;font-weight:600;line-height:1.4;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease}#tip.below{transform:translateY(-4px)}#tip.on{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){#tip{transition:none}}#pre-list{list-style:none;margin:0;padding:0}#pre-list a{display:flex;align-items:center;gap:16px;height:var(--rh);padding:0 20px;border-bottom:1px solid var(--line)}#pre-list b{flex:0 1 40%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}#pre-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}#pre-song{max-width:760px;margin:0 auto;padding:8px 0 24px}#pre-song h1{margin:0 0 12px;font-size:24px}#pre-song h2{margin:20px 0 6px;font-size:14px;color:var(--muted)}#pre-song dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0}#pre-song dt{color:var(--muted)}#pre-song dd{margin:0}#pre-song pre{margin:0;white-space:pre-wrap;font:inherit}#consent{position:fixed;z-index:55;right:16px;bottom:calc(var(--pb) + 16px);width:340px;max-width:calc(100vw - 32px);padding:16px;border-radius:16px;background:var(--pop);box-shadow:var(--shadow)}#consent[hidden]{display:none}#consent p{margin:0 0 12px;font-size:13px;line-height:1.5}#consent a{color:var(--accent)}#consent a:hover{text-decoration:underline}.consent-btns{display:flex;justify-content:flex-end;gap:8px}.consent-btns button{height:34px;padding:0 18px;border-radius:999px;background:var(--field-b);font-size:13px;font-weight:500;white-space:nowrap;transition:background-color .15s}.consent-btns button:hover{background:var(--field-b-hover)}#consent-accept{background:var(--accent);color:#0b0b0b;font-weight:600}#consent-accept:hover{background:var(--accent);filter:brightness(1.1)}@media(max-width:900px){#consent{right:8px;left:8px;width:auto;max-width:none;bottom:calc(var(--pb) + 8px)}}.q-clear{display:block;margin:6px 12px 10px auto;padding:4px 0;background:none;color:var(--muted);font-size:13px;transition:color .15s}.q-clear:hover{color:var(--accent)}