.lb{min-height:calc(100vh - 64px);padding:40px 20px 80px;background:radial-gradient(ellipse 80% 40% at 50% -6%,#7c3aed22,transparent 70%),linear-gradient(180deg,#fbf7ff,#fff 60%)}.lb-wrap{max-width:1100px;margin:0 auto}.lb [hidden]{display:none!important}.lb-btn{height:44px;padding:0 22px;border:0;border-radius:14px;cursor:pointer;color:#fff;font:700 15px var(--font-sans);background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 10px 20px -10px #5b21b6cc}.lb-btn.ghost{color:var(--color-violet-deep);background:var(--color-violet-soft);box-shadow:none}.lb-btn:focus-visible,.lb-tabs button:focus-visible,.lb-card:focus-visible{outline:2px solid var(--color-violet);outline-offset:3px}.lb-gate{max-width:460px;margin:8vh auto 0;padding:40px 28px;border-radius:26px;background:#fff;border:1px solid var(--color-hairline);box-shadow:0 30px 60px -34px #5b21b690;text-align:center}.lb-gate-mark{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 16px;border-radius:20px;background:var(--color-violet-soft);font-size:30px}.lb-gate h1{margin:0 0 8px;font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--color-ink)}.lb-gate p{margin:0 auto 22px;max-width:340px;font-size:15px;line-height:1.6;color:var(--color-body)}.lb-hero{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:22px 32px;align-items:center;padding:26px 28px;border-radius:26px;color:#fff;background:radial-gradient(circle at 12% 0%,#7c3aed88,transparent 55%),radial-gradient(circle at 100% 100%,#f59e0b44,transparent 50%),linear-gradient(135deg,#2a0a52,#12032a);box-shadow:0 30px 60px -30px #1a0533cc}.lb-who{display:flex;align-items:center;gap:16px;min-width:0}.lb-avatar{flex:none;--lr-track: #ffffff26;filter:drop-shadow(0 8px 18px #0006)}.lb-avatar .lr-lv{box-shadow:0 0 0 3px #1a0533,0 4px 10px -2px #0008}.lb-names{min-width:0}.lb-names h1{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-weight:800;letter-spacing:-.03em}.lb-level{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:6px 0 0;font-size:15px;font-weight:700;color:#e9defc}.lb-lv{font:800 22px/1 var(--font-mono);letter-spacing:.05em;color:#fcd34d;text-shadow:0 0 18px #f59e0b99}.lb-xp{min-width:0}.lb-xp-top{display:flex;justify-content:space-between;gap:12px;font:600 13px var(--font-sans);color:#d8c8f5}.lb-xp-top span:first-child{color:#fff;font-weight:700}.lb-bar{position:relative;height:16px;margin:8px 0 0;border-radius:999px;background:#fff2;overflow:hidden}.lb-bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 3px),#1a0533 calc(10% - 3px) 10%)}.lb-bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a78bfa,#ec4899,#f59e0b);box-shadow:0 0 14px #f59e0b88;transition:width 1s cubic-bezier(.2,.8,.2,1) .2s}.lb-next{margin:10px 0 0;font-size:13px;color:#b9a6e0}.lb-stats{display:flex;gap:10px;margin:0;padding:0;list-style:none}.lb-stats li{min-width:78px;padding:10px 12px;border-radius:16px;background:#ffffff14;text-align:center}.lb-stats strong{display:block;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.lb-stats span{font:600 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#b9a6e0}.lb-tabs{display:flex;gap:6px;margin:26px 0 18px;padding:5px;border-radius:16px;background:#fff;border:1px solid var(--color-hairline);overflow-x:auto;scrollbar-width:none}.lb-tabs button{flex:1 0 auto;height:40px;padding:0 16px;border:0;border-radius:12px;background:none;cursor:pointer;white-space:nowrap;font:700 14px var(--font-sans);color:var(--color-body)}.lb-tabs button span{margin-left:4px;padding:1px 7px;border-radius:999px;background:#f3eeff;font:700 11.5px var(--font-mono);color:var(--color-violet-deep)}.lb-tabs button:empty{display:none}.lb-tabs button[aria-selected=true]{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6)}.lb-tabs button[aria-selected=true] span{background:#fff3;color:#fff}.lb-note{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:#fef2f2;color:var(--color-error);font-size:14px}.lb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:16px;margin:0;padding:0;list-style:none}.lb-item{position:relative}.lb-card{all:unset;box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100%;padding:10px;border-radius:18px;background:#fff;border:1px solid var(--color-hairline);box-shadow:0 1px 2px #1a05330a;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.lb-card:hover{border-color:#cdbbee;box-shadow:0 18px 32px -20px #5b21b6a0;transform:translateY(-2px)}.lb-card[aria-busy=true]{cursor:progress;opacity:.75}.lb-art{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#ede9fe,#fde68a)}.lb-art img{display:block;width:100%;height:100%;object-fit:cover}.lb-art .time{position:absolute;right:8px;bottom:8px;padding:2px 7px;border-radius:6px;background:#0d0019cc;color:#fff;font:600 11px/1.5 var(--font-mono)}.lb-art .plays{position:absolute;left:8px;top:8px;padding:3px 9px;border-radius:999px;background:#fff;color:var(--color-violet-deep);font:700 11.5px/1.5 var(--font-sans);box-shadow:0 4px 10px -4px #1a053366}.lb-body{display:flex;flex:1;flex-direction:column;padding:11px 4px 4px}.lb-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;min-height:2.7em;font-size:14.5px;font-weight:700;line-height:1.35;color:var(--color-ink)}.lb-by{margin:3px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:var(--color-body)}.lb-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;min-height:30px}.lb-chords{display:flex;gap:4px}.lb-chords span{padding:2px 7px;border-radius:6px;background:#f3eeff;color:var(--color-ink);font:700 11.5px/1.4 var(--font-mono)}.lb-when{font-size:12px;color:var(--color-mute);white-space:nowrap}.lb-empty{padding:56px 20px;text-align:center;border-radius:22px;background:#fff;border:1px dashed #d9cdf0}.lb-empty h2{margin:0 0 6px;font-size:19px;font-weight:800;color:var(--color-ink)}.lb-empty p{margin:0 auto 18px;max-width:360px;font-size:14.5px;line-height:1.6;color:var(--color-body)}.lb-empty a{display:inline-grid;place-items:center;height:42px;padding:0 20px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;font:700 14px var(--font-sans);text-decoration:none}.lb-more{display:grid;place-items:center;margin-top:22px}.lb-ghost{aspect-ratio:auto;height:250px;border-radius:18px;background:linear-gradient(100deg,#f3eeff 30%,#fbf9ff,#f3eeff 70%);background-size:200% 100%;animation:lb-shimmer 1.4s linear infinite}@keyframes lb-shimmer{to{background-position:-200% 0}}.lb-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:0;padding:0;list-style:none}.lb-badge{padding:18px 16px;border-radius:20px;background:#fff;border:1px solid var(--color-hairline);text-align:center}.lb-badge.is-earned{border-color:#f6d58e;background:linear-gradient(180deg,#fffaf0,#fff);box-shadow:0 14px 28px -22px #f59e0b}.lb-badge .icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 10px;border-radius:50%;background:#f3eeff;font-size:30px}.lb-badge.is-earned .icon{background:linear-gradient(135deg,#fef3c7,#fcd34d)}.lb-badge:not(.is-earned) .icon{filter:grayscale(1);opacity:.45}.lb-badge h3{margin:0;font-size:15px;font-weight:800;color:var(--color-ink)}.lb-badge p{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--color-body)}.lb-badge .meter{height:6px;margin:12px 4px 4px;border-radius:999px;background:#f1eaf9;overflow:hidden}.lb-badge .meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a78bfa,#7c3aed)}.lb-badge small{display:block;margin-top:6px;font:600 11.5px var(--font-mono);color:var(--color-mute)}.lb-badge.is-earned small{color:#b45309}.lb-rewards{display:grid;gap:10px;margin:0;padding:0;list-style:none}.lb-reward{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:18px;background:#fff;border:1px solid var(--color-hairline)}.lb-reward.is-locked{opacity:.62}.lb-reward .swatch{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#f3eeff;font-size:22px;color:#f59e0b}.lb-reward .swatch.ring{background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ring)}.lb-reward h3{margin:0;font-size:15px;font-weight:800;color:var(--color-ink)}.lb-reward p{margin:2px 0 0;font-size:13px;color:var(--color-body)}.lb-reward .lvl{margin-left:auto;padding:4px 12px;border-radius:999px;background:#f3eeff;font:700 12px var(--font-mono);color:var(--color-violet-deep);white-space:nowrap}.lb-reward.is-unlocked .lvl{background:#d1fae5;color:#065f46}@media(max-width:1040px){.lb-hero{grid-template-columns:auto minmax(0,1fr)}.lb-stats{grid-column:1 / -1}.lb-stats li{flex:1}}@media(max-width:880px){.lb-hero{grid-template-columns:1fr;padding:22px 20px}.lb-stats{flex-wrap:wrap}.lb-stats li{flex:1}}@media(max-width:560px){.lb{padding:24px 14px 64px}.lb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lb-card{padding:8px}.lb-title{font-size:13.5px}.lb-when{display:none}}@media(prefers-reduced-motion:reduce){.lb-ghost{animation:none}.lb-bar i{transition:none}.lb-card,.lb-card:hover{transition:none;transform:none}}