:root{--bg:#333;--bar:#1a1a1a;--panel:#111;--wall:#000;--text:#fff;--muted:#999;--faint:#666;--line:#ffffff1a;--hover:#ffffff1a;--accent:#4caf50;--accent-hover:#45a049;--bar-h:60px;--sidebar-w:320px;--ui:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--serif:"DM Serif Text", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-crypto]{display:none!important}html[data-wallet=yes] [data-crypto]{display:revert!important}html[data-wallet=yes] .nav-button[data-crypto]{display:inline-flex!important}html[data-wallet=yes] [data-crypto][hidden]{display:none!important}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{font-family:var(--ui);background:var(--bg);color:var(--text);overscroll-behavior:none;margin:0;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}#app{flex-direction:column;height:100dvh;display:flex}#top-bar{z-index:100;height:var(--bar-h);background:var(--bar);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;display:flex;position:relative}.top-bar-left{flex:1;align-items:center;gap:15px;min-width:0;display:flex}.top-bar-logo{letter-spacing:.02em;font-size:20px;font-weight:700;text-decoration:none}.top-bar-search{flex:0 300px;min-width:0;position:relative}.top-bar-search input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;width:100%;padding:8px 12px}.top-bar-search input::placeholder{color:#aaa}.top-bar-search input::-webkit-search-cancel-button{filter:invert()}.search-results{z-index:200;background:var(--bar);border:1px solid #fff3;border-radius:6px;width:max(100%,320px);margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #00000080}.search-results li{cursor:pointer;justify-content:space-between;gap:12px;padding:8px 12px;display:flex}.search-results li:hover,.search-results li[aria-selected=true]{background:var(--hover)}.search-results .search-empty{color:var(--muted);cursor:default}.search-results .search-empty:hover{background:0 0}.row-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-meta{color:var(--muted);flex-shrink:0;font-size:13px}.top-bar-nav{gap:10px;display:flex}.nav-button{color:#fff;text-transform:uppercase;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:700;transition:background-color .2s;display:inline-flex}.nav-button:hover,.nav-button.active{background:var(--hover)}.nav-button .state{color:#bbb;font-weight:500}.nav-button.has-filters:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.nav-button.for-sale{background:var(--accent);border-color:var(--accent)}.nav-button.for-sale:hover{background:var(--accent-hover)}.menu-button{display:none}#stage{background:var(--wall);flex:1;min-height:0;position:relative;overflow:hidden}#viewer{background:var(--wall);position:absolute;inset:0}#viewer .overlay,#viewer .previews{pointer-events:none;position:absolute;top:0;left:0}#viewer .overlay{z-index:2;width:100%;height:100%}#viewer .previews{z-index:1;transform-origin:0 0}#viewer .previews img{width:480px;height:270px;display:block;position:absolute}.sidebar{z-index:50;width:var(--sidebar-w);background:var(--panel);overscroll-behavior:contain;visibility:hidden;flex-direction:column;max-width:100%;padding:20px;transition:transform .25s,visibility .25s;display:flex;position:absolute;top:0;bottom:0;overflow-y:auto}.sidebar.open{visibility:visible;transform:none}.panel{border-right:1px solid var(--line);left:0;transform:translate(-100%)}.filters{border-left:1px solid var(--line);right:0;transform:translate(100%)}.sidebar-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:10px;display:flex}.sidebar-title{overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:700}.sidebar-close{background:0 0;border:none;border-radius:50%;flex-shrink:0;width:32px;height:32px;font-size:24px;line-height:1}.sidebar-close:hover{background:var(--hover)}.list-note{color:var(--muted);margin:0 0 8px;font-size:14px}.song-list{margin:0;padding:0;list-style:none}.song-row{border:none;border-bottom:1px solid var(--line);text-align:left;background:0 0;flex-direction:column;gap:2px;width:100%;padding:8px 6px;display:flex}.song-row:hover,.song-row:focus-visible{background:var(--hover)}.song-row .row-title{white-space:normal}.filter-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.filter-summary{color:var(--muted);margin:0;font-size:14px}.filter-clear{white-space:nowrap;background:#ffffff14;border:1px solid #fff3;border-radius:6px;flex-shrink:0;padding:6px 10px;font-size:13px}.filter-clear:not(:disabled):hover{background:#ffffff26}.date-range{border:none;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 12px;margin:0 0 12px;padding:10px 0;display:flex}.date-range legend{margin-bottom:6px;padding:0;font-weight:700}.date-range label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.date-range input{background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:6px 8px}.filter-section{flex-direction:column;display:flex}.filter-section-header{text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:12px 0;display:flex}.filter-section-header:hover{background:#ffffff08}.filter-section-title{flex:1;font-weight:700}.filter-selected{color:var(--accent);font-size:13px}.filter-count{color:#888;font-size:14px}.filter-options{max-height:300px;padding-top:6px;overflow-y:auto}.filter-option{cursor:pointer;align-items:center;gap:12px;padding:6px 4px 6px 0;display:flex}.filter-option:hover{background:#ffffff0d}.filter-option.is-empty{opacity:.45}.filter-checkbox{accent-color:var(--accent);flex-shrink:0}.filter-value{overflow-wrap:anywhere;flex:1}.filter-value-count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:14px}.controls{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;border:1px solid var(--line);background:#1a1a1ad9;border-radius:8px;flex-direction:column;gap:4px;padding:4px;display:flex;position:absolute}.icon-button{background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background-color .2s;display:flex}.icon-button:hover{background:#ffffff26}.icon-button[aria-pressed=true]{background:#ffffff4d}.icon-button svg,.menu-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.status{z-index:60;border:1px solid var(--line);background:#111111e6;border-radius:8px;align-items:center;gap:12px;padding:8px 14px;font-size:14px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.status:empty{display:none}.status button{background:var(--accent);border:none;border-radius:6px;padding:4px 10px;font-weight:700}.modal{background:var(--panel);width:min(90%,800px);max-height:calc(100dvh - 80px);color:var(--text);font-family:var(--ui);border:none;border-radius:12px;margin:40px auto;padding:20px;overflow-y:auto}.modal::backdrop{background:#000000e6}.close-button{background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:24px;line-height:1;transition:background-color .2s;display:flex;position:absolute;top:20px;right:20px}.close-button:hover{background:#fff3}.song-title{font-family:var(--serif);margin:0 48px 4px 0;font-size:32px;font-weight:400;line-height:1.2}.song-meta{color:#888;margin:0 0 16px;font-size:16px}.video-container{aspect-ratio:16/9;background:#000;border-radius:6px;margin:20px 0;position:relative;overflow:hidden}.video-container:empty{background:#ffffff0a}.video-container iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-unavailable{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.video-unavailable img{object-fit:cover;opacity:.35;width:100%;height:100%;position:absolute;inset:0}.video-unavailable p,.video-unavailable a{margin:0;position:relative}.video-unavailable p{font-size:18px;font-weight:700}.song-description{color:#ccc;white-space:pre-line;margin:0 0 24px;font-size:16px;line-height:1.5}.attributes-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px;display:grid}.attribute-item{background:#ffffff0d;border-radius:8px;padding:12px}.attribute-label{color:var(--muted);margin-bottom:4px;font-size:14px}.attribute-value{overflow-wrap:anywhere;font-size:16px}.modal-crypto{margin-top:20px}#song-modal .modal-crypto:empty{display:none!important}.modal-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.external-link{color:#fff;background:#333;border-radius:6px;padding:8px 16px;text-decoration:none;transition:background .2s;display:inline-block}.external-link:hover{background:#444}.modal-nav{gap:8px;display:flex}.nav-arrow{background:#333;border:none;border-radius:6px;width:40px;height:36px;font-size:18px}.nav-arrow:not(:disabled):hover{background:#444}html.embed body{background:#000}html.embed #top-bar,html.embed .sidebar,html.embed #zoom-in,html.embed #zoom-out{display:none!important}.embed-link{left:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;border:1px solid var(--line);background:#111111d9;border-radius:6px;padding:6px 10px;font-size:13px;text-decoration:none;position:absolute}.embed-link:hover{background:#282828f2}@media (width<=639px){:root{--bar-h:52px}#top-bar{gap:8px;padding:0 12px}.top-bar-left{gap:10px}.top-bar-logo{font-size:18px}.top-bar-search{flex:1}.search-results{width:calc(100vw - 24px)}.menu-button{background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.top-bar-nav{background:var(--bar);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:2px;min-width:200px;padding:6px;display:none;position:absolute;top:100%;right:8px;box-shadow:0 8px 24px #00000080}.top-bar-nav.open{display:flex}.nav-button{justify-content:space-between;padding:12px}.sidebar{width:100%;height:min(70%,560px);padding:16px 16px calc(16px + env(safe-area-inset-bottom));border:none;border-top:1px solid var(--line);border-radius:12px 12px 0 0;top:auto;left:0;right:0;transform:translateY(100%)}.sidebar.open{transform:none}.modal{border-radius:0;width:100%;max-width:100%;max-height:100dvh;margin:0;padding:16px}.close-button{top:12px;right:12px}.song-title{font-size:26px}.attributes-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}