:root{color-scheme:dark;--bg:#121514;--panel:#191d1b;--line:#303630;--muted:#a5ada5;--text:#f2f3ec;--accent:#ccff70;--sidebar:250px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}button:hover{filter:brightness(1.15)}.skip{position:fixed;z-index:20;top:8px;left:8px;background:var(--accent);color:var(--bg);padding:10px;transform:translateY(-150%)}.skip:focus{transform:translateY(0)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:34px 20px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#101311;z-index:5}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;padding:0 12px 34px;font-size:25px;line-height:.98;font-weight:760;letter-spacing:-1px}.brand svg{width:40px;height:40px;stroke:var(--accent);stroke-width:3;fill:none}.brand-dot{color:var(--accent)}.side-heading{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;letter-spacing:.09em;padding:0 12px 16px}.side-heading span{color:#6b756c}.sidebar nav{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#353d35 transparent;padding-right:3px}.category{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:none;border:0;border-radius:7px;text-align:left;padding:10px 12px;color:#b7beb7;margin-bottom:3px;font-size:14px;line-height:1.35}.category span{font:11px ui-monospace,monospace;color:#7f8980;flex-shrink:0}.category:hover{background:#202720;color:var(--text)}.category.active{background:var(--accent);color:#192013;font-weight:650}.category.active span{color:#3e512a}.side-foot{padding:22px 12px 0}.edition{font-size:10px;letter-spacing:.12em;color:#7f8980}.text-button{padding:8px 0 0;border:0;background:none;font-size:13px;color:var(--muted);text-align:left}.text-button:hover{color:var(--accent)}main{margin-left:var(--sidebar);padding:0 42px;max-width:2000px}.topbar{height:71px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.local-label{display:flex;align-items:center;gap:8px}.local-label svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.5}.intro{display:flex;justify-content:space-between;align-items:center;padding:36px 0 30px;gap:20px}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--accent);font-weight:550}h1{font-weight:650;letter-spacing:-2.5px;font-size:clamp(34px,3.5vw,56px);line-height:1.15;margin:13px 0 9px}h1 span{color:var(--accent)}.intro p{margin:0;color:var(--muted);font-size:16px}.collection-count{display:flex;align-items:center;gap:18px}.collection-count strong{font:300 clamp(50px,5vw,74px)/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:-5px;color:var(--accent)}.collection-count span{font-size:10px;line-height:1.8;letter-spacing:.1em;color:var(--muted)}.controls{padding-bottom:22px;border-bottom:1px solid var(--line)}.search-row{display:flex;gap:14px}.search-box{display:flex;align-items:center;gap:13px;background:#20251f;border:1px solid #394133;border-radius:9px;flex:1;padding:0 17px;height:56px}.search-box svg{width:21px;height:21px;stroke:var(--accent);fill:none;stroke-width:1.6;flex-shrink:0}.search-box input{border:0;outline:none;background:none;width:100%;min-width:0;color:var(--text);font-size:16px}.search-box input::placeholder{color:#969f91}.search-hint{font-size:10px;letter-spacing:.13em;color:#7a8575}.sort-box{min-width:240px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.sort-box>span{font-size:10px;letter-spacing:.05em;color:var(--muted)}select{background:var(--panel);color:var(--text);border:0;font-size:14px;max-width:100%;cursor:pointer}.tag-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}.tag-label{font-size:10px;letter-spacing:.08em;color:var(--muted);margin-right:2px}#quick-tags{display:flex;gap:7px;flex-wrap:wrap}.tag{background:none;border:1px solid #394037;padding:5px 11px;border-radius:5px;font-size:13px;color:#bfc8b9;line-height:1.45}.tag:hover{border-color:#91a875;color:var(--accent)}.tag.selected{background:#344725;border-color:var(--accent);color:var(--accent)}.more-tags{background:none;border:0;color:var(--muted);padding:5px;font-size:13px}.more-tags span{margin-left:6px;color:var(--accent)}#tag-panel{margin-top:17px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.tag-search{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--muted);margin-bottom:16px}.tag-search input{padding:8px 12px;background:var(--bg);border:1px solid var(--line);border-radius:6px;max-width:100%;color:var(--text)}#all-tags{max-height:230px;overflow:auto;display:flex;flex-wrap:wrap;gap:7px;align-content:flex-start}#active-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}#active-filters .filter-chip{border:0;background:#293424;color:var(--accent);border-radius:5px;padding:5px 10px;font-size:13px}.clear-all{border:0;background:none;text-decoration:underline;color:var(--muted);font-size:13px}.results-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 19px}.results-head>div{display:flex;align-items:baseline;gap:13px}h2{font-size:19px;margin:0;line-height:1.35;font-weight:550;letter-spacing:-.4px}#result-count{color:var(--muted);font-size:13px;white-space:nowrap}.rarity-note{font-size:12px;color:#a2b292}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 22px}.card{border-bottom:1px solid var(--line);padding-bottom:17px;display:flex;flex-direction:column;min-width:0}.artwork{display:block;position:relative;aspect-ratio:1;background:#232b24;border-radius:9px;overflow:hidden;text-decoration:none}.artwork img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.artwork:hover img{transform:scale(1.035)}.save-count{position:absolute;bottom:10px;left:10px;background:#101610eb;color:#f0f4e8;border:1px solid #ffffff25;border-radius:5px;padding:4px 8px;font:11px/1.5 ui-monospace,monospace;backdrop-filter:blur(6px)}.artwork .listen-overlay{position:absolute;right:11px;bottom:11px;border-radius:50%;background:var(--accent);color:#1c2811;width:34px;height:34px;display:grid;place-items:center;font-size:14px;opacity:0;transition:opacity .2s}.artwork:hover .listen-overlay,.artwork:focus-visible .listen-overlay{opacity:1}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:13px 0 6px}.genre-label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);overflow-wrap:anywhere}.index-label{font:10px ui-monospace,monospace;color:#737e70}.card h3{font-size:18px;line-height:1.3;letter-spacing:-.35px;font-weight:580;margin:0 0 9px;overflow-wrap:anywhere}.card h3 a{text-decoration:none}.card h3 a:hover{color:var(--accent)}.description{font-size:14px;line-height:1.65;color:#aeb7aa;margin:0 0 13px}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:14px}.card-tags button{padding:3px 7px;border:0;border-radius:4px;background:#252c23;color:#b2bdaa;font-size:11px}.card-tags button:hover{color:var(--accent)}.spotify-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:550;text-decoration:none;color:#d9e3d1;align-self:flex-start}.spotify-link svg{width:17px;height:17px;fill:currentColor}.spotify-link:hover{color:var(--accent)}#pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:32px 0;flex-wrap:wrap}#pagination button{min-width:36px;height:36px;border:1px solid var(--line);border-radius:5px;background:none;font-size:13px;padding:0 10px}#pagination button.current{background:var(--accent);color:#15210b;border-color:var(--accent)}#pagination button:disabled{opacity:.35;cursor:default}#pagination .ellipsis{color:var(--muted);padding:0 4px}footer{border-top:1px solid var(--line);padding:23px 0 30px;display:flex;gap:20px;justify-content:space-between;font-size:11px;color:#8b9685}#empty{text-align:center;padding:65px 15px}.empty-symbol{font-size:58px;color:var(--accent)}#empty h3{font-size:22px;font-weight:500;margin:8px}#empty p{color:var(--muted)}.reset-button{background:var(--accent);color:#17220e;border:0;border-radius:7px;padding:10px 17px}dialog{background:#1c231b;color:var(--text);max-width:620px;max-height:85vh;overflow:auto;border:1px solid #536048;border-radius:14px;padding:36px;margin:auto}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}dialog h2{font-size:28px;margin:14px 0 22px}dialog p{color:#c0cbb9;font-size:15px;line-height:1.7}dialog a{color:var(--accent)}.dialog-close{position:absolute;right:15px;top:9px;background:none;border:0;font-size:29px;color:var(--muted)}.mobile-category{display:none}[hidden]{display:none!important}@media(min-width:1800px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1350px){:root{--sidebar:225px}main{padding:0 28px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-count span{display:none}.brand{font-size:23px}.category{font-size:13px}.search-hint{display:none}}@media(max-width:1000px){:root{--sidebar:210px}main{padding:0 23px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar .local-label{display:none}.search-row{flex-wrap:wrap}.search-box{flex-basis:100%}.sort-box{min-width:210px;height:51px}.collection-count strong{font-size:51px}.rarity-note{display:none}.intro{gap:12px}h1{font-size:36px}}@media(max-width:720px){.sidebar{display:none}main{margin:0;padding:0 20px}.topbar{height:49px;font-size:12px}.intro{padding:28px 0 23px}.eyebrow{font-size:9px}.intro h1{font-size:36px;letter-spacing:-1.8px}.intro p{font-size:14px}.collection-count strong{font-size:39px;letter-spacing:-3px}.search-box{height:52px}.search-box input{font-size:15px}.sort-box{flex:1}.mobile-category{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:7px 12px;background:var(--panel);border:1px solid var(--line);border-radius:7px;font-size:11px;color:var(--muted)}.mobile-category select{height:29px}.tag-label{width:100%;font-size:10px}.tag-row{gap:7px}.tag{font-size:12px;padding:5px 9px}.grid{gap:22px 15px}.card h3{font-size:17px}.description{font-size:14px}.results-head{margin-top:22px}.results-head>div{flex-wrap:wrap;gap:5px 10px}.results-head h2{font-size:18px}.genre-label{font-size:9px}.index-label{display:none}.save-count{font-size:10px;left:7px;bottom:7px;padding:3px 5px}.card-tags button{font-size:11px}.card-meta{margin-top:11px}.spotify-link{font-size:12px}.collection-count{gap:0}footer{flex-direction:column;gap:7px;font-size:12px}.tag-search{display:block}.tag-search input{display:block;width:100%;margin-top:7px}.artwork .listen-overlay{display:none}dialog{padding:30px 23px;width:calc(100% - 28px)}}@media(max-width:390px){main{padding:0 15px}.grid{grid-template-columns:1fr}.collection-count{display:none}.description{font-size:15px}.card h3{font-size:20px}.card-tags button{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Comfortable type and a compact working surface. */
.description{font-size:16px;line-height:1.6}.category{font-size:14px}.tag,.more-tags,.card-tags button,.spotify-link,.text-button{font-size:14px}.genre-label{font-size:12px}.topbar{height:57px}.intro{padding:25px 0 24px}.side-heading,.edition,.tag-label,.eyebrow{font-size:12px}.side-heading{flex-wrap:wrap}.collection-count span{font-size:12px}.sort-box>span{font-size:12px}.save-count,.index-label{font-size:12px}.card-tags{gap:6px}.card-tags button{padding:4px 8px}.tag-row{margin-top:14px}.search-hint{font-size:12px}
@media(min-width:721px) and (max-width:1000px){.search-row{flex-wrap:nowrap}.search-box{flex-basis:auto}.sort-box{min-width:195px;height:56px}.search-box input{font-size:14px}.intro p{font-size:15px}.eyebrow{font-size:10px}}
@media(max-width:720px){.topbar{height:46px}.intro{padding:22px 0}.eyebrow{font-size:10px}.tag-label{font-size:12px}.genre-label{font-size:12px}.description{font-size:16px}.save-count{font-size:11px}.card-tags button{font-size:13px}.spotify-link{font-size:14px}.mobile-category{font-size:12px}}

.telegram-invite{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid var(--line);border-radius:16px;margin-bottom:28px;background:var(--panel)}.telegram-invite strong,.telegram-invite span{display:block}.telegram-invite span{color:var(--muted);font-size:14px;margin-top:4px}.telegram-invite a{background:var(--accent);color:var(--bg);border-radius:10px;padding:12px 16px;text-decoration:none;font-weight:650;white-space:nowrap}@media(max-width:700px){.telegram-invite{align-items:stretch;flex-direction:column}.telegram-invite a{text-align:center;white-space:normal}}

.discovery{margin:0 0 32px}.discovery-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.discovery h2{margin:0;font-size:24px}.discovery p{color:var(--muted);margin:6px 0 16px}.discovery-random,.detail-actions button{border:1px solid var(--accent);border-radius:10px;padding:12px 16px;background:transparent;color:var(--accent)}.scene-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scene-links a{border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none;background:var(--panel);font-weight:650}.scene-links a:hover{border-color:var(--accent)}.scene-links span{display:block;font-size:13px;color:var(--muted);font-weight:400;margin-top:4px}.share-card{border:0;background:none;color:var(--muted);padding:12px 0 0;text-align:left;font-size:13px}#playlist-detail{max-width:530px;width:calc(100% - 28px);max-height:90vh;overflow:auto}#playlist-detail .artwork{max-width:280px;margin:12px auto}#playlist-detail .card{border:0}#playlist-detail .description{display:block;-webkit-line-clamp:unset;overflow:visible}#playlist-detail .detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.discovery-note{font-size:12px;color:var(--muted)}#share-status{font-size:14px;color:var(--accent)}#share-status input{width:100%;padding:10px}@media(max-width:800px){.scene-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.discovery-heading{align-items:flex-start;flex-direction:column;margin-bottom:16px}.scene-links a{padding:12px}.scene-links span{font-size:12px}}