@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#111214;--surface:#191b1e;--surface-hi:#212429;--line:#2c3037;--text:#eceae5;--text-dim:#a8a79f;--text-faint:#76766f;--danger:#e2887b}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.centre{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--text-dim);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notfound{text-align:center;max-width:360px}.notfound h1{margin-bottom:8px;font-size:22px}.notfound p{color:var(--text-dim);font-size:15px;line-height:1.5}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--bg);z-index:10;flex-wrap:wrap;align-items:center;gap:16px;padding:18px 32px;display:flex;position:sticky;top:0}.topbar-row{align-items:center;gap:28px;width:100%;min-width:0;display:flex;overflow:hidden}.brand{letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:60%;margin:0;font-size:18px;font-weight:700;overflow:hidden}.collection-tabs{flex:1;gap:8px;min-width:0;display:flex}.tab{border:1px solid var(--line);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s,transform .1s}.tab:hover{transform:translateY(-1px)}.tab-active{background:var(--surface-hi)}.search{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:8px;outline:none;min-width:240px;margin-left:auto;padding:9px 14px;font-size:14px;transition:border-color .15s}.search:focus{border-color:var(--text-dim)}.controls{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:14px 32px;display:flex}.count{color:var(--text-faint);margin-right:auto;font-size:13px}.control-group{align-items:center;gap:8px;display:flex}.control-group label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.control-group select{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:6px 10px;font-size:13px}.controls-desktop{align-items:center;gap:20px;display:flex}.display-btn{background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13.5px;font-weight:600;display:none}@media (pointer:coarse){.controls-desktop{display:none}.display-btn{display:block}}.content{flex:1;padding:28px 56px 28px 32px}.section{margin-bottom:36px}.section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint);margin:0 0 14px;font-size:13px;font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px;display:grid}.card{cursor:pointer;text-align:left;color:inherit;font:inherit;background:0 0;border:none;flex-direction:column;gap:6px;padding:0;transition:transform .15s;display:flex}.card:hover{transform:translateY(-3px)}.card:hover .cover{box-shadow:0 10px 24px #0006}.cover-wrap{position:relative}.cover{width:100%;aspect-ratio:var(--cover-aspect,1);object-fit:cover;background:var(--surface);border-radius:8px;transition:box-shadow .2s;display:block}.cover-empty{color:var(--text-faint);text-align:center;border:1px dashed var(--line);justify-content:center;align-items:center;padding:8px;font-size:12px;display:flex}.badge{color:var(--text);text-transform:uppercase;background:#000000b3;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;top:6px;right:6px}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card-creator{color:var(--text-dim);font-size:12px}.empty{color:var(--text-faint);text-align:center;padding:40px 0}.az-strip{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:130px;bottom:16px;right:6px;overflow-y:auto}.az-strip::-webkit-scrollbar{display:none}.az-pill{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:999px;flex-direction:column;flex-shrink:0;align-items:center;gap:1px;padding:8px 3px;display:flex}.az-letter{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:1.5px 6px;font-size:10px;font-weight:700}.az-letter:hover{opacity:.7}.sheet-overlay{z-index:110;background:#00000080;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-top-left-radius:16px;border-top-right-radius:16px;width:100%;max-height:70vh;padding:12px 20px 28px;animation:.2s slideUp;overflow-y:auto}.sheet-grabber{background:var(--line);border-radius:2px;width:36px;height:4px;margin:0 auto 14px}.sheet-title{margin-bottom:8px;font-size:17px;font-weight:700}.sheet-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint);margin:16px 0 2px;font-size:11px}.sheet-row{width:100%;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:13px 0;font-size:16px;display:flex}.sheet-row-disabled{color:var(--text-faint)}.sheet-tick{color:var(--text-dim);font-size:16px}.overlay{z-index:100;background:#0009;justify-content:center;align-items:center;padding:24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail{background:var(--bg);border:1px solid var(--line);border-radius:14px;width:100%;max-width:880px;max-height:88vh;animation:.2s slideUp;position:relative;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.detail-close{background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;z-index:1;border-radius:999px;width:32px;height:32px;font-size:18px;position:absolute;top:12px;right:12px}.detail-close:hover{background:var(--surface-hi)}.detail-body{grid-template-columns:260px 1fr;gap:32px;padding:32px;display:grid}.detail-cover-wrap{width:100%}.detail-cover{width:100%;aspect-ratio:var(--cover-aspect,1);object-fit:cover;background:var(--surface);border-radius:10px;display:block}.detail-cover.cover-empty{border:1px dashed var(--line);justify-content:center;align-items:center;font-size:13px;display:flex}.detail-info{flex-direction:column;gap:4px;display:flex}.detail-title{letter-spacing:-.3px;margin:0;font-size:24px;font-weight:700}.detail-creator{color:var(--text-dim);font-size:15px}.detail-meta{color:var(--text-faint);margin-top:2px;font-size:13px}.detail-added{color:var(--text-faint);font-size:12.5px}.detail-link{color:#6fa8dc;width:fit-content;margin-top:6px;font-size:13.5px;text-decoration:none}.detail-link:hover{text-decoration:underline}.loan-badge{border:1px solid;border-radius:8px;width:fit-content;margin-top:12px;padding:8px 12px;font-size:13px;font-weight:600}.field{margin-top:18px}.field-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint);margin-bottom:4px;font-size:11px}.field-value{font-size:14.5px}.field-value-multiline{white-space:pre-wrap;line-height:1.55}.detail-list{margin-top:18px}.tracklist{margin:6px 0 0;padding:0;list-style:none}.tracklist li{border-bottom:1px solid var(--line);gap:10px;padding:7px 0;font-size:14px;display:flex}.tracklist li:last-child{border-bottom:none}.track-num{color:var(--text-faint);min-width:20px}.track-title{flex:1}.track-duration{color:var(--text-faint);font-size:13px}@media (width<=640px){.topbar{gap:12px;padding:14px 16px}.collection-tabs{-webkit-overflow-scrolling:touch;gap:6px;overflow-x:auto}.tab{white-space:nowrap;padding:7px 13px;font-size:13.5px}.search{width:100%;min-width:0;margin-left:0}.controls{gap:12px;padding:12px 16px}.content{padding:16px 16px 16px 12px}.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:14px}.card-title{font-size:13px}.card-creator{font-size:11.5px}.az-strip{top:168px;bottom:14px;right:4px}.az-pill{gap:0;padding:8px 1px}.az-letter{padding:3px 7px;font-size:11px}.overlay{align-items:stretch;padding:0}.detail{border:none;border-radius:0;width:100%;max-width:none;height:100%;max-height:none}.detail-body{grid-template-columns:1fr;gap:20px;padding:20px}.detail-close{width:40px;height:40px;font-size:20px;position:fixed;top:16px;right:16px}.detail-title{font-size:21px}}@media (height<=480px){.az-strip{top:72px;bottom:10px}.az-pill{gap:0;padding:6px 1px}.az-letter{padding:2px 6px;font-size:9.5px}}.show-more{cursor:pointer;color:inherit;opacity:.75;font:inherit;background:0 0;border:none;padding:8px 0 0;font-size:14px;font-weight:600}.show-more:hover{opacity:1;text-decoration:underline}.live-row{color:var(--text-faint);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:6px 32px;font-size:12px;display:flex}.live-offline{color:var(--text-dim)}.refresh-btn{border:1px solid var(--line);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;margin-left:auto;padding:3px 10px;font-size:12px}.refresh-btn:disabled{opacity:.6;cursor:default}.notfound .refresh-btn{margin:16px 0 0;padding:8px 16px;font-size:14px}.gone{color:var(--text-dim);text-align:center;padding:40px 24px}@media (width<=640px){.live-row{padding:6px 16px}}