.lb-main{flex:1;width:100%;max-width:980px;margin:0 auto;padding:40px 20px 70px}
.lb-head{text-align:center;margin-bottom:26px}
.lb-head h1{font-size:clamp(30px,4.4vw,52px);margin:0 0 12px}
.lb-head h1 span{background:linear-gradient(180deg,#fff6d0,#f4c962 55%,#c9942e);-webkit-background-clip:text;background-clip:text;color:transparent}
.lede-sm{color:var(--muted);max-width:680px;margin:0 auto}
.next{color:var(--gold2);font-weight:700;margin-top:12px}
.lb-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px}
.lb-tabs button{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;border:1px solid var(--edge2);background:rgba(8,26,19,.75);color:var(--muted);font:700 15px var(--ui);cursor:pointer}
.lb-tabs button:hover{color:var(--ink);border-color:var(--edge)}
.lb-tabs button[aria-selected=true]{background:linear-gradient(180deg,#fff0b8,#f4c962 50%,#c9942e);color:#2a1a02;border-color:#fff1c0}
.lb-panel{border:1px solid var(--edge);border-radius:22px;background:linear-gradient(170deg,rgba(14,42,30,.94),rgba(5,16,11,.97));padding:22px 22px 26px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.lb-tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:16px}
.seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--edge2);border-radius:12px;overflow:hidden}
.seg button{padding:8px 14px;border:0;background:rgba(0,0,0,.25);color:var(--muted);font:700 13px var(--ui);cursor:pointer}
.seg button+button{border-left:1px solid var(--edge2)}
.seg button[aria-pressed=true]{background:rgba(244,201,98,.18);color:var(--gold2)}
.lb-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--edge2);padding-bottom:10px;margin-bottom:6px}
.lb-title h2{font-size:24px}.lb-title span{color:var(--muted);font-size:14px}
.lb-list{list-style:none;margin:0;padding:0}
.lb-list li{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:11px 8px;border-bottom:1px solid rgba(244,201,98,.08)}
.lb-list li:nth-child(-n+3) .r{font-size:18px}
.lb-list .r{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:800 15px var(--display);color:var(--muted);background:rgba(0,0,0,.3);border:1px solid var(--edge2)}
.lb-list li:nth-child(1) .r{background:radial-gradient(circle at 35% 30%,#fff3c0,#f4c962 50%,#a8741c);color:#2a1a02;border-color:#fff1c0}
.lb-list li:nth-child(2) .r{background:radial-gradient(circle at 35% 30%,#fff,#cfd8dc 50%,#7d8a91);color:#1c2427;border-color:#fff}
.lb-list li:nth-child(3) .r{background:radial-gradient(circle at 35% 30%,#ffe0c4,#d08a4e 50%,#7a4418);color:#2a1305;border-color:#ffd9b8}
.lb-list .n{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-list .n small{display:block;color:var(--dim);font-weight:600;font-size:12px}
.lb-list .v{font:700 18px var(--display);color:var(--gold2);text-align:right;white-space:nowrap}
.lb-list .v small{display:block;font:700 12px var(--ui);color:var(--jade);letter-spacing:.08em}
.lb-list .empty{display:block;text-align:center;color:var(--muted);padding:30px 10px;border:0}
.lb-play{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:22px}
.lb-play span{color:var(--muted);font-size:14px}
@media (max-width:620px){.lb-list li{grid-template-columns:44px 1fr auto;gap:8px}.lb-tools{justify-content:center}}