:root{color-scheme:dark;font-family:Unbounded,Arial,sans-serif;color:#f2f2f3;background:#09090a;font-synthesis:none;--line:rgba(255,255,255,.17);--muted:#aaa9ad}
.language,.language button{font-family:Unbounded,'Bahnschrift',Arial,sans-serif;font-weight:400}
#name{font-family:Unbounded,'Bahnschrift',Arial,sans-serif;font-weight:900}
*{box-sizing:border-box}body{margin:0;min-height:100svh}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d6d6dc;outline-offset:3px}button{border-radius:0}button,a{transition:background .3s,border-color .3s,box-shadow .8s,text-shadow .8s}button:hover:not(:disabled),a:hover{background-color:#ffffff16;border-color:#ffffff60}.background,.shade{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.background{object-fit:cover;filter:grayscale(1);opacity:.48}.shade{background:radial-gradient(ellipse at 50% 38%,#08080a35,#050506cc 85%),linear-gradient(#06060733,#06060777);backdrop-filter:blur(2px)}.language{position:fixed;right:27px;top:22px;z-index:2;display:flex;gap:5px;align-items:center;color:#5e5e64;font-size:11px;letter-spacing:.08em}.language button{background:none;border:0;color:#68686e;padding:8px 4px}.language button[aria-pressed=true]{color:#d0d0d3}main{position:relative;max-width:680px;width:calc(100% - 40px);margin:0 auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:26px 0 15px}.identity{text-align:center;margin-bottom:23px}h1{font-weight:800;font-size:clamp(52px,6.1vw,82px);letter-spacing:.16em;line-height:1.05;margin:0 0 15px;padding-left:.16em}.bio{color:#bbbabe;font-size:12px;line-height:1.85;margin:0 auto 18px}.bio span{display:block}.socials{display:flex;justify-content:center;gap:10px}.socials a,.socials button{width:43px;height:43px;display:grid;place-items:center;color:#e3e3e6;text-decoration:none}.glass,.search-field{background:linear-gradient(130deg,#ffffff0b,#ffffff02),#10101270;border:1px solid var(--line);box-shadow:inset 0 1px #ffffff0a;backdrop-filter:blur(18px)}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}.catalog{width:100%}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.tab{border:0;border-right:1px solid var(--line);background:transparent;padding:15px 5px;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.08em;color:#95959b}.tab:last-child{border-right:0}.tab[aria-selected=true]{color:#f4f4f7;background:linear-gradient(120deg,#ffffff22,#ffffff0a);box-shadow:inset 0 1px #ffffff38}.catalog-body{padding:14px}.searchbar{display:flex;gap:9px;margin-bottom:10px}.search-field{height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;flex:1;min-width:0;color:#85858d}.search-field svg{width:16px}.search-field input{color:#e6e6e9;background:none;border:0;outline:none;min-width:0;flex:1;font-size:12px}.search-field:focus-within{border-color:#ffffff66}.search-field input::placeholder{color:#898990}.search-field kbd{font-family:inherit;font-size:11px;color:#74747b}.filter-button{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:700;padding:0 13px;text-transform:uppercase;min-height:42px}.filter-button[aria-expanded=true]{background-color:#ffffff15}.filters{display:flex;flex-wrap:wrap;gap:7px;padding:4px 0 12px}.filters[hidden]{display:none}.tracks{display:grid;grid-template-rows:repeat(5,61px);gap:7px}.track{min-width:0;display:flex;align-items:center;gap:12px;padding:7px;background:linear-gradient(110deg,#ffffff09,#ffffff02);border:1px solid #ffffff16;box-shadow:inset 0 1px #ffffff07}.track.playing{border-color:#ffffff44;background:linear-gradient(110deg,#ffffff17,#ffffff05)}.cover{width:45px;height:45px;flex-shrink:0;position:relative;display:grid;place-items:center;background:#29292c;overflow:hidden;border:1px solid #ffffff26;padding:0}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.48) saturate(.35);transition:filter .3s}.cover:hover img{filter:brightness(.65) saturate(.35)}.cover svg{position:relative;width:17px;height:17px;filter:drop-shadow(0 1px 4px #000);fill:currentColor;stroke-width:0}.track-info{min-width:0;flex:1}.track-title{font-size:13px;line-height:1.3;font-weight:800;text-transform:uppercase;letter-spacing:.025em;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-meta{font-size:10px;line-height:1.2;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.025em;margin:0}.download{display:flex;align-items:center;justify-content:center;gap:7px;min-height:32px;min-width:105px;padding:6px 10px;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.download svg{width:14px;height:14px}.pagination{display:flex;justify-content:center;gap:6px;padding-top:13px}.page{width:32px;height:32px;padding:0;font-size:12px}.page[aria-current=page]{background:linear-gradient(130deg,#ffffff32,#ffffff12);border-color:#ffffff58}.page svg{width:15px;height:15px;vertical-align:middle}.status{position:absolute;top:100%;font-size:11px;color:#bfbfc6;margin:0;padding:3px 0}.notice{font-size:11px;color:#b6b6bf;line-height:1.4;margin:0 0 9px}.empty{grid-row:1/-1;display:grid;align-content:center;text-align:center;color:#a2a2aa;font-size:13px}.glowing,[data-glow]:hover{box-shadow:0 0 18px #ffffff18,inset 0 0 14px #ffffff0a;border-color:#ffffff66;text-shadow:0 0 12px #ffffff70}h1.glowing,h1:hover{box-shadow:none;text-shadow:0 0 25px #ffffff44}dialog{color:#eee;max-width:400px;width:calc(100% - 36px);padding:30px}dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}.close{position:absolute;top:8px;right:10px;border:0;background:none;font-size:24px;color:#aaa}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#999}dialog h2{font-size:21px;word-break:break-word;margin:12px 0 24px}.formats{display:flex;gap:10px}.formats button{flex:1;padding:15px;font-weight:800}.formats small{display:block;color:#aaa;font-size:10px;margin-top:8px;font-weight:400}#download-status{font-size:12px;line-height:1.5;color:#aaa;margin-bottom:0}
@media(min-width:701px) and (max-height:760px){main{padding:16px 0 10px;max-width:610px}.identity{margin-bottom:16px}h1{font-size:60px;margin-bottom:10px}.bio{margin-bottom:12px}.socials a,.socials button{height:38px;width:38px}.tab{padding:12px 5px}.tracks{grid-template-rows:repeat(5,56px)}.cover{height:40px;width:40px}.catalog-body{padding:11px}.search-field{height:38px}.filter-button{min-height:38px}.pagination{padding-top:10px}}
@media(min-width:701px) and (max-height:620px){main{padding:12px 0}.identity{margin-bottom:10px}h1{font-size:45px;margin-bottom:5px}.bio{line-height:1.5;margin-bottom:8px}.socials a,.socials button{height:32px;width:32px}.tracks{grid-template-rows:repeat(5,47px);gap:5px}.cover{height:33px;width:33px}.track{padding:5px}.tab{padding:10px}.catalog-body{padding:9px}.searchbar{margin-bottom:7px}.track-title{font-size:12px;margin-bottom:3px}.pagination{padding-top:8px}.page{height:28px}}
@media(max-width:700px){main{max-width:480px;width:calc(100% - 28px);padding:65px 0 24px;justify-content:flex-start}.language{top:12px;right:16px}.identity{margin-bottom:24px}h1{font-size:clamp(43px,11.8vw,66px);letter-spacing:.1em;margin-bottom:16px}.bio{font-size:11px;line-height:1.75;margin-bottom:18px}.bio span:first-child{max-width:350px;margin:auto}.socials a,.socials button{height:44px;width:44px}.socials{gap:12px}.catalog-body{padding:10px}.tab{font-size:11px;padding:16px 3px;letter-spacing:.035em}.search-field{padding:0 10px;gap:7px}.search-field input{font-size:11px}.search-field kbd{display:none}.filter-button{padding:0;width:42px;min-width:42px}.button-label{display:none}.tracks{grid-template-rows:repeat(5,64px);gap:8px}.track{gap:9px;padding:7px}.cover{width:46px;height:46px}.track-title{font-size:12px}.track-meta{font-size:9px}.download{height:42px;min-width:42px;width:42px;padding:0}.download svg{width:19px;height:19px}.pagination{padding-top:15px;gap:7px}.page{height:40px;width:38px;font-size:13px}.status{position:relative;font-size:11px;line-height:1.5}.notice{font-size:10px}}
.bio{font-family:inherit}.catalog-body{position:relative}.filters{position:absolute;top:59px;left:14px;right:14px;z-index:4;padding:12px;background:#17171aeb;border:1px solid #ffffff35;backdrop-filter:blur(22px);box-shadow:0 12px 30px #0007}
@media(max-width:700px){.filters{top:58px;left:10px;right:10px}}
/* Expanded player: only the current track opens; pause keeps this layout. */
.tracks{grid-template-rows:none;grid-auto-rows:min-content;align-content:start;min-height:333px}
.track{min-height:61px}.track-info{align-self:center}.track.expanded{min-height:100px;border-color:#ffffff3b;background:linear-gradient(110deg,#ffffff12,#ffffff04)}
.wave-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .25s ease,opacity .2s ease;pointer-events:none}
.wave-inner{overflow:hidden;min-height:0}.expanded .wave-panel{grid-template-rows:1fr;opacity:1;pointer-events:auto}
.wave-seek{position:relative;height:30px;touch-action:none;cursor:crosshair;outline-offset:1px}.wave-seek canvas{display:block;width:100%;height:30px}.wave-seek:focus-visible{outline:1px solid #ddd}.wave-seek[data-unavailable=true]{background:repeating-linear-gradient(90deg,#555 0 1px,transparent 1px 4px);opacity:.4}
.wave-times{display:flex;justify-content:space-between;color:#98989f;font-size:8px;line-height:13px;font-variant-numeric:tabular-nums;margin-bottom:5px}
.cover.audio-active{--bass:0;box-shadow:0 0 calc(24px * var(--bass)) rgb(255 255 255 / calc(.78 * var(--bass))),0 0 calc(7px * var(--bass)) rgb(255 255 255 / calc(.95 * var(--bass)));border-color:rgb(255 255 255 / calc(.22 + .65 * var(--bass)));transition:box-shadow .03s linear,border-color .03s linear}
.cover:disabled{opacity:.5;cursor:default}.cover:disabled svg{fill:none;stroke-width:1.5}
.download-license{margin:16px 0 0;color:#b7b7c0;font-size:11px;line-height:1.75}
.filter-footer{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin-top:14px}.daw-options{display:flex;flex-wrap:wrap;gap:7px;margin-right:auto}.daw-chip{border:1px solid var(--line);background:#ffffff06;padding:9px 13px;font:inherit;font-size:11px;min-height:38px}.daw-chip[aria-pressed=true]{background:#ffffff24;border-color:#ffffff60}.filter-footer .reset-filters{flex-shrink:0}
@media(max-width:700px){.daw-chip{min-height:42px}}
#name,#name:hover,#name.glowing{box-shadow:none;text-shadow:0 0 8px #ffffff32,0 0 24px #ffffff28,0 0 48px #ffffff14}
.filters{display:block}.music-filters{display:grid;grid-template-columns:90px 120px minmax(0,1fr);gap:10px}.filter-field{display:flex;flex-direction:column;gap:8px;font-size:10px;min-width:0;color:#a9a9b2}.filter-field input,.filter-field select{font:inherit;color:#eee;background:#18181bd9;border:1px solid #ffffff30;border-radius:0;width:100%;height:38px;padding:0 8px;min-width:0}.filter-field option{background:#1b1b1e;color:#eee}.filter-caption{font-size:10px;color:#a9a9b2;width:100%;margin-bottom:2px}.reset-filters{background:none;border:0;border-bottom:1px solid #777;padding:5px 0;margin-left:auto;font-size:10px;color:#bfbfc8}
.intro-pending .language,.intro-pending .identity,.intro-pending .catalog{opacity:0}.intro-reveal{animation:intro-reveal .42s cubic-bezier(.2,.65,.3,1) var(--intro-delay,0ms) both}@keyframes intro-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:701px) and (max-height:760px){.tracks{min-height:308px}.track{min-height:56px}.track.expanded{min-height:92px}.identity{margin-bottom:13px}}
@media(min-width:701px) and (max-height:620px){.tracks{min-height:255px}.track{min-height:47px}.track.expanded{min-height:83px}.wave-seek,.wave-seek canvas{height:24px}}
@media(max-width:700px){.tracks{min-height:352px}.track{min-height:64px}.track.expanded{min-height:104px}.music-filters{grid-template-columns:84px minmax(0,1fr)}.filter-field:last-child{grid-column:1/-1}.filter-field input,.filter-field select{height:42px;font-size:12px}.wave-times{font-size:8px}.wave-seek,.wave-seek canvas{height:29px}.track-meta{letter-spacing:0}.bio span:first-child{max-width:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.glowing,[data-glow]:hover{box-shadow:none;text-shadow:none}.cover.audio-active{box-shadow:none}#name,#name:hover{text-shadow:0 0 15px #ffffff30}}