@font-face{font-family:Outfit;src:url('/assets/outfit-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Plex Mono';src:url('/assets/plex-mono-latin.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#090c18;--surface:#12182b;--panel:#131929;--text:#f1f2fa;--muted:#b1b9d1;--accent:#a9afff;--accent-rgb:169,175,255;--sky:#1a4f85;--glow:#737db9;--line:rgba(210,221,255,.18);--error:#ffb0b0;--radius:6px;--page:min(1280px,calc(100% - 112px));--font:Outfit,Arial,sans-serif;--mono:'Plex Mono',monospace;--ease:cubic-bezier(.22,.61,.36,1);--fast:180ms;--slow:650ms;--z-world:0;--z-content:1;--z-nav:10;--z-player:20;--z-notice:30;--descent:0;--sky-opacity:0;--cloud-opacity:0;--ground-opacity:0;--audio-energy:0}
:root[data-theme=midnight]{--bg:#060910;--surface:#0d1521;--panel:#101824;--accent:#a6c6eb;--accent-rgb:166,198,235;--sky:#17304e;--glow:#6a8bb2}
:root[data-theme=aurora]{--bg:#071516;--surface:#10272d;--panel:#13292c;--accent:#afe7dc;--accent-rgb:175,231,220;--sky:#155565;--glow:#6aa999}
:root[data-theme=ember]{--bg:#160e0b;--surface:#291a17;--panel:#2a1d18;--accent:#efbd98;--accent-rgb:239,189,152;--sky:#594637;--glow:#b18471}
:root[data-theme=studio]{--bg:#101113;--surface:#1d1f23;--panel:#222427;--accent:#e4e4e4;--accent-rgb:228,228,228;--sky:#3c4552;--glow:#9da4ac;--muted:#bfc0c3}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;overflow-x:clip;padding-bottom:128px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.45}a,button,input,select,textarea,summary{touch-action:manipulation}button svg,a svg{width:20px;height:20px;flex-shrink:0}svg{vertical-align:middle}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;font-weight:500;letter-spacing:-.045em}h2{font-size:clamp(2.5rem,5vw,4.6rem)}p{line-height:1.65}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.small{font-size:.82rem}.muted{color:var(--muted)}.skip-link{position:fixed;top:8px;left:12px;z-index:50;padding:12px 20px;background:var(--text);color:var(--bg);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.world{position:fixed;inset:0;overflow:hidden;z-index:var(--z-world);pointer-events:none;background:#030509}.space-stars{position:absolute;inset:0;background:url('/assets/stars.svg') center/1100px;opacity:calc(1 - var(--descent)*1.8);transform:translateY(calc(var(--descent)*-140px))}.sky-layer{position:absolute;inset:0;background:linear-gradient(180deg,#072450 0%,var(--sky) 48%,#7792b6 100%);opacity:var(--sky-opacity)}.earth-limb{position:absolute;left:-20%;top:84%;width:140%;height:110%;border-radius:50%;border-top:1px solid rgba(169,206,255,.65);background:radial-gradient(ellipse at 50% 0,rgba(109,155,217,.1),transparent 60%);box-shadow:0 -10px 60px -16px #77b5ef,inset 0 22px 40px -36px white;transform:translate3d(0,calc(var(--descent)*-65vh),0) scale(calc(1 + var(--descent)*1.1));opacity:calc(.6 + var(--sky-opacity)*.4)}.cloud-layer{position:absolute;inset:-10%;background:url('/assets/cloud-layer.svg') center/cover no-repeat;opacity:var(--cloud-opacity);will-change:transform}.cloud-back{transform:translate3d(calc(var(--descent)*-10vw),calc(var(--descent)*-15vh),0) scale(1.1)}.cloud-front{opacity:calc(var(--cloud-opacity)*.75);transform:translate3d(calc(var(--descent)*12vw),calc(var(--descent)*20vh),0) scale(1.7)}.earth-landscape{position:absolute;inset:0;background:url('/assets/earth-landscape.svg') bottom/cover;opacity:var(--ground-opacity);transform:scale(calc(1.16 - var(--descent)*.12))}.world-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,9,.14),rgba(3,5,9,.4));box-shadow:inset 0 -200px 150px -100px var(--bg)}#journey-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}body[data-view=library] .world{opacity:.2}body[data-view=library]{background:var(--bg)}
.site-header{position:relative;z-index:var(--z-nav);height:88px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.wordmark{font-weight:600;font-size:21px;letter-spacing:-.06em;display:flex;align-items:baseline}.wordmark>span:first-child{color:var(--accent)}.wordmark-dot{font-size:9px;align-self:flex-start;margin:5px 0 0 4px}.desktop-nav{display:flex;gap:36px;align-items:center;font-size:13px}.desktop-nav a{padding:12px 0;color:var(--muted);transition:color var(--fast)}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--text)}.desktop-nav a:last-child{color:var(--text);display:flex;gap:9px;align-items:center}.desktop-nav svg{width:15px}.header-actions{display:flex;gap:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;transition:background var(--fast),color var(--fast)}.icon-button:hover{background:rgba(var(--accent-rgb),.1);color:var(--accent)}.menu-toggle{display:none}.theme-open{border:1px solid var(--line)}main,.site-footer{position:relative;z-index:var(--z-content)}main:focus{outline:none}.section{width:var(--page);margin-inline:auto;padding-block:110px;scroll-margin-top:24px}.section-label,.hero-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--muted)}.section-label{margin-bottom:20px}.section-heading{margin-bottom:42px}.section-heading>p:last-child{color:var(--muted);margin-top:16px;max-width:50ch}.text-link,.section-link{display:inline-flex;gap:14px;align-items:center;font-size:14px;min-height:44px}.text-link:hover,.section-link:hover{color:var(--accent)}.section-link{margin-top:36px;border-bottom:1px solid var(--line);padding-bottom:8px}
.hero{min-height:calc(100svh - 88px);padding:9vh 36px 32px;display:flex;flex-direction:column;justify-content:center;position:relative}.hero-content{width:100%;max-width:1600px;margin:auto;text-align:center;transform:translateY(calc(var(--descent)*-50px))}.hero-kicker{letter-spacing:.42em;color:#c4c9d9;margin-bottom:32px}.hero h1{font-size:clamp(3.1rem,13.7vw,13.6rem);letter-spacing:-.065em;line-height:.88;font-weight:460;margin-left:-.05em;color:#f1f2fa}.hero h1 span{font-weight:350;color:#b9c4e2}.hero-line{font-size:clamp(1.2rem,2.4vw,2rem);line-height:1.3;margin-top:42px;font-weight:300;color:#d0d6e5;letter-spacing:-.02em}.hero-actions{display:flex;justify-content:center;gap:32px;align-items:center;margin:32px 0 50px;font-size:13px}.listen-link{display:inline-flex;align-items:center;gap:12px;background:var(--accent);color:#111324;padding:15px 25px;border-radius:3px;transition:transform var(--fast),background var(--fast)}.listen-link:hover{transform:translateY(-3px);background:#e4e6ff}.hero-booking{display:flex;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);color:#e3e8f5}.hero-coordinate{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 32px);margin-inline:auto;font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:#a5aec4}.descent-line{height:44px;width:1px;visibility:hidden}
.release-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.release-card{min-width:0;perspective:1000px}.cover-button{display:block;position:relative;width:100%;padding:0;border-radius:var(--radius);overflow:hidden;aspect-ratio:1;background:var(--surface);transition:transform .5s var(--ease),box-shadow .5s}.cover-button img{width:100%;height:100%;transition:transform .7s var(--ease)}.cover-button:hover{transform:translateY(-7px) rotateX(3deg)}.cover-button:hover img{transform:scale(1.04)}.cover-play{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(9,12,24,.8);border:1px solid rgba(255,255,255,.35);color:#fff;transition:background .2s,transform .2s}.cover-button:hover .cover-play{background:var(--accent);color:var(--bg);transform:scale(1.08)}.release-meta{display:flex;justify-content:space-between;gap:12px;padding-top:17px}.release-meta h3{font-size:18px;line-height:1.3;letter-spacing:-.015em}.release-meta h3 button{text-align:left;padding:0}.release-meta p,.release-meta>span{font-size:12px;color:var(--muted);margin-top:5px}.release-meta>span{font-family:var(--mono);font-size:10px}.is-current .cover-button{box-shadow:0 0 0 2px var(--accent),0 12px 50px -20px rgba(var(--accent-rgb),.45)}
.artist-statement{display:grid;grid-template-columns:.7fr 1fr;gap:100px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement-mark{font-size:clamp(6rem,23vw,19rem);letter-spacing:-.14em;font-weight:300;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(228,237,255,.35);transform:rotate(-9deg)}.artist-statement h2{font-size:clamp(2rem,3.5vw,3.4rem)}.artist-statement p{color:var(--muted);margin-top:28px;max-width:43ch}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px;margin-top:32px}.social-links a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);min-height:52px;font-size:13px}.social-links a:hover{color:var(--accent)}.social-links svg{width:16px}.sets-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:52px;align-items:center}.set-feature{min-width:0}.set-feature>button{width:100%;padding:0;position:relative;overflow:hidden;border-radius:var(--radius);display:block;aspect-ratio:1.17}.set-feature img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.set-feature>button:hover img{transform:scale(1.05)}.set-feature-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;padding:32px;background:linear-gradient(transparent 15%,rgba(5,8,18,.93));color:#f1f2fa}.set-type{font-family:var(--mono);font-size:10px;letter-spacing:.1em;margin-bottom:12px}.set-feature strong{font-size:clamp(1.7rem,2.8vw,2.5rem);font-weight:450;line-height:1.1;max-width:18ch;letter-spacing:-.04em}.set-play{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:24px}.set-play svg{border-radius:50%;border:1px solid #a6aec3;width:38px;height:38px;padding:9px}.set-row{display:flex;text-align:left;align-items:center;gap:22px;padding:27px 0;width:100%;border-bottom:1px solid var(--line)}.set-index{font-family:var(--mono);font-size:10px;color:var(--muted)}.set-row>span:nth-child(2){flex:1}.set-row strong{display:block;font-size:18px;line-height:1.3;font-weight:450;letter-spacing:-.02em}.set-row small{display:block;margin-top:9px;color:var(--muted);font-size:11px}.set-row:hover strong{color:var(--accent)}.set-list>.text-link{margin-top:28px}.library-teaser{border-top:1px solid var(--line)}.category-links{margin-top:42px}.category-links a{display:flex;align-items:center;gap:20px;min-height:95px;border-bottom:1px solid var(--line);transition:padding .3s var(--ease)}.category-links a>span{font-size:clamp(1.5rem,3vw,2.8rem);letter-spacing:-.04em;flex:1}.category-links a small{color:var(--muted);font-family:var(--mono);font-size:10px}.category-links a svg{width:28px;height:28px}.category-links a:hover{padding-inline:14px;color:var(--accent)}
.booking{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);padding-bottom:80px}.booking-intro>p:not(.section-label){color:var(--muted);margin-top:28px;max-width:31ch}.booking-email{display:inline-flex;gap:12px;align-items:center;font-size:clamp(1rem,1.6vw,1.45rem);border-bottom:1px solid var(--line);padding-bottom:10px;margin-top:38px}.booking-form label{display:flex;flex-direction:column;gap:9px;font-size:12px;margin-bottom:22px;color:var(--muted)}.booking-form label>span{display:contents}.booking-form input,.booking-form textarea{background:rgba(9,12,24,.3);border:1px solid var(--line);border-radius:3px;padding:12px;color:var(--text);width:100%;min-height:46px}.booking-form textarea{resize:vertical}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-note{font-size:11px;color:var(--muted)}.booking-submit{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--text);color:var(--bg);padding:16px 20px;margin-top:18px;border-radius:3px;font-size:14px}.booking-submit:hover{background:var(--accent)}#form-status{font-size:13px;margin-top:18px;color:var(--accent)}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.site-footer{width:var(--page);margin-inline:auto;border-top:1px solid var(--line);padding-top:45px}.footer-wordmark{font-size:clamp(2rem,5vw,4rem);line-height:1;letter-spacing:-.07em;font-weight:450}.site-footer>p{color:var(--muted);font-size:13px;margin-top:12px}.site-footer>div{display:flex;gap:28px;align-items:center;margin-top:36px;font-family:var(--mono);font-size:10px;color:var(--muted)}.site-footer>div>span{margin-right:auto}.site-footer .text-link{font-size:11px}
.library-page{padding-top:70px;min-height:70vh}.library-heading h1{font-size:clamp(3rem,7vw,6.5rem)}.library-heading>p:last-child{color:var(--muted);margin-top:18px}.category-tabs{display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);margin-top:48px;overflow-x:auto;scrollbar-width:thin}.category-tabs a{white-space:nowrap;display:flex;gap:9px;align-items:center;min-height:64px;font-size:13px;color:var(--muted);border-bottom:2px solid transparent}.category-tabs a[aria-current]{color:var(--accent);border-color:var(--accent)}.category-tabs a>span{font-family:var(--mono);font-size:9px;opacity:.7}.library-filters{padding:30px 0 26px;display:grid;grid-template-columns:minmax(200px,1fr) auto;gap:22px;border-bottom:1px solid var(--line)}.search-field{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.search-field svg{width:19px;height:19px;color:var(--muted)}.search-field input{width:100%;padding:14px 0;border:0;background:none;min-height:48px;color:var(--text);font-size:13px}.search-field input::placeholder{color:var(--muted)}.select-filters{display:flex;gap:18px}.select-filters label{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.select-filters select{background:var(--surface);border:1px solid var(--line);border-radius:3px;color:var(--text);min-height:40px;padding:0 28px 0 10px;max-width:180px;font-size:12px}.filter-actions{grid-column:1/-1;display:flex;gap:24px;align-items:center}.favourites-filter{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;border:1px solid var(--line);border-radius:3px;padding:7px 13px}.favourites-filter svg{width:15px}.favourites-filter[aria-pressed=true]{background:var(--accent);color:var(--bg)}.reset-filter{color:var(--muted);font-size:12px;min-height:44px}.filter-submit{margin-left:auto;font-size:12px;border-bottom:1px solid var(--accent);min-height:44px}.js .filter-submit{display:none}.results-summary{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;margin:28px 0 22px}.results-summary>span:last-child{font-family:var(--mono);font-size:9px;letter-spacing:.1em}.track-head{display:grid;grid-template-columns:32px minmax(150px,1fr) 140px 75px 55px 58px;gap:16px;padding:0 106px 12px 6px;font-family:var(--mono);font-size:9px;color:var(--muted)}.track-row{display:grid;grid-template-columns:32px 44px minmax(150px,1fr) 140px 75px 55px 58px 36px 36px;gap:16px;align-items:center;min-height:80px;border-top:1px solid var(--line);padding:8px 6px;transition:background var(--fast)}.track-row:hover{background:rgba(var(--accent-rgb),.04)}.track-number{color:var(--muted);font-family:var(--mono);font-size:10px}.row-art{position:relative;width:44px;height:44px;padding:0;background:var(--surface);border-radius:3px;overflow:hidden}.row-art img{width:100%;height:100%}.row-art>span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(4,6,13,.6);opacity:0;transition:opacity .2s}.row-art:hover>span,.is-current .row-art>span{opacity:1}.track-name{min-width:0;display:flex;flex-direction:column;gap:4px}.track-name>button{font-size:14px;text-align:left;padding:0;line-height:1.4;letter-spacing:-.01em;white-space:normal;overflow-wrap:anywhere}.track-name>span{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-genre{font-size:11px;color:var(--muted)}.track-bpm,.track-year,.track-duration{font-family:var(--mono);font-size:10px;color:var(--muted)}.track-bpm small{font-size:8px}.track-row .icon-button{width:36px;min-width:36px}.like-button svg{width:16px}.like-button[aria-pressed=true]{color:var(--accent)}.like-button[aria-pressed=true] svg{fill:currentColor}.queue-add svg{width:17px}.track-row.is-current{background:rgba(var(--accent-rgb),.09);border-left:2px solid var(--accent);padding-left:4px}.is-current .track-name>button{color:var(--accent)}.track-variants{padding-left:98px}.track-variants>summary{min-height:32px;font-size:10px;color:var(--muted);cursor:pointer;padding-bottom:10px}.track-variants .track-row{grid-template-columns:0 38px minmax(100px,1fr) 110px 65px 45px 52px 36px 36px;gap:10px}.track-variants .track-number{visibility:hidden}.load-more{display:flex;gap:20px;align-items:center;justify-content:center;border:1px solid var(--line);width:fit-content;margin:38px auto 0;padding:12px 25px;font-size:13px;border-radius:3px}.empty-state{text-align:center;padding:65px 16px}.empty-state h3{font-size:26px;margin:20px 0 12px}.empty-state p{color:var(--muted);max-width:48ch;margin:0 auto 15px}.empty-orbit{display:block;width:90px;height:35px;border:1px solid var(--accent);border-radius:50%;transform:rotate(-20deg);margin:auto}.network-error{padding:20px;border:1px solid var(--line);font-size:14px;margin-bottom:24px}.network-error button{color:var(--accent);text-decoration:underline;margin-left:8px;min-height:44px}.no-js-audio{display:none}
.player-dock{position:fixed;bottom:16px;left:24px;right:24px;z-index:var(--z-player);background:rgba(13,17,29,.95);color:#eef0fa;border:1px solid rgba(206,216,246,.18);border-radius:8px;padding:14px 22px;display:grid;grid-template-columns:minmax(170px,1fr) minmax(240px,1.3fr) 1fr;gap:22px;align-items:center;box-shadow:0 15px 60px rgba(0,0,0,.3);backdrop-filter:blur(16px)}.dock-track{display:flex;align-items:center;gap:14px;text-align:left;padding:0;min-width:0}.dock-track img{width:48px;height:48px;border-radius:3px}.dock-track>span{min-width:0}.dock-track strong,.dock-track small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-track strong{font-size:13px;font-weight:450}.dock-track small{font-size:10px;color:#b1b9d1;margin-top:3px}.transport{display:flex;align-items:center;justify-content:center;gap:12px}.transport .icon-button{min-width:36px;min-height:36px;width:36px;height:36px}.transport .icon-button svg{width:16px;height:16px}.transport [aria-pressed=true]{color:var(--accent);background:rgba(var(--accent-rgb),.1)}.play-toggle{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#121426}.play-toggle svg{width:18px;height:18px}.play-toggle:hover{transform:scale(1.06)}.seek-row{display:flex;align-items:center;gap:10px;margin-top:9px;font-family:var(--mono);font-size:9px;color:#b1b9d1}.seek-row span{min-width:35px}.seek-row span:last-child{text-align:right}.seek-row input{width:100%;min-width:0}.dock-options{display:flex;align-items:center;justify-content:flex-end;gap:5px}.dock-options svg{width:17px}.dock-options input{width:70px}.player-status{position:absolute;bottom:100%;right:10px;font-size:11px;padding:4px 9px;color:var(--text);background:var(--surface);border-radius:3px}.player-status:empty{display:none}input[type=range]{appearance:none;background:linear-gradient(to right,var(--accent) var(--progress,0%),#535b6f var(--progress,0%));height:3px;border:0;padding:0;cursor:pointer;accent-color:var(--accent);min-height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 7px transparent}input[type=range]::-moz-range-thumb{border:0;background:var(--accent);width:11px;height:11px;border-radius:50%}input[type=range]:focus-visible{outline-offset:8px}.dock-transport .seek-row{padding-block:7px}.is-buffering [data-action=play]{opacity:.55}.is-buffering .player-status:before{content:'';display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px}
dialog{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:30px;border-radius:10px;max-width:calc(100% - 28px);max-height:calc(100dvh - 36px);overflow-y:auto;box-shadow:0 30px 150px rgba(0,0,0,.7)}dialog::backdrop{background:rgba(3,5,10,.8);backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-top>span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted)}.dialog-top h2{font-size:28px}.dialog-top .icon-button{margin:-10px -10px -10px 0}.full-player{width:500px;padding:28px 36px}.full-art{width:100%;aspect-ratio:1;height:auto;border-radius:5px;box-shadow:0 14px 60px -30px var(--track-color,var(--glow))}.full-player h2{font-size:clamp(1.6rem,4vw,2rem);margin-top:28px;overflow-wrap:anywhere}.full-player>p{color:var(--muted);font-size:14px;margin-top:6px}.full-player [data-player-meta]{font-family:var(--mono);font-size:10px}.full-player .transport{margin-top:25px;gap:22px}.full-player .play-toggle{width:56px;height:56px}.full-player .seek-row{padding:12px 0}.full-player-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.full-player-bottom .text-link{font-size:12px}.full-player-bottom svg{width:16px}#visualizer{width:100%;height:40px;display:block;margin-top:14px}.queue-dialog{width:580px}.queue-dialog ol{padding:0;list-style:none}.queue-dialog li{border-bottom:1px solid var(--line)}.queue-track{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 0}.queue-track img{width:40px;height:40px;border-radius:3px}.queue-track>span{flex:1;font-size:13px}.queue-track small{display:block;color:var(--muted);font-size:10px}.queue-track>span:first-child{flex:0;min-width:18px;color:var(--muted);font-family:var(--mono);font-size:10px}.theme-dialog{width:450px}.theme-dialog>p{color:var(--muted);font-size:13px}.theme-list{margin:25px 0}.theme-list>button{display:flex;align-items:center;width:100%;gap:16px;text-align:left;padding:14px 8px;border-bottom:1px solid var(--line)}.theme-list>button>span:nth-child(2){flex:1}.theme-list strong{display:block;font-size:16px;font-weight:450}.theme-list small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.theme-list svg{opacity:0;color:var(--accent)}.theme-list [aria-pressed=true] svg{opacity:1}.theme-swatch{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:linear-gradient(140deg,#1d274a,#989bdd)}.swatch-midnight{background:linear-gradient(140deg,#05060d,#335a7d)}.swatch-aurora{background:linear-gradient(140deg,#164942,#92c7c0)}.swatch-ember{background:linear-gradient(140deg,#34201b,#c09777)}.swatch-studio{background:linear-gradient(140deg,#242424,#c4c4c4)}.motion-setting{display:flex;gap:12px;align-items:center;margin-bottom:15px;font-size:13px}.motion-setting input{width:18px;height:18px;accent-color:var(--accent)}.menu-dialog{width:440px}.menu-dialog nav{display:flex;flex-direction:column}.menu-dialog nav a{display:flex;justify-content:space-between;align-items:center;font-size:36px;letter-spacing:-.04em;padding:22px 0;border-bottom:1px solid var(--line)}.privacy-dialog{width:620px}.privacy-dialog>p{color:var(--muted);margin-top:18px;font-size:14px}.privacy-dialog>button{margin-top:24px}.toast{position:fixed;z-index:var(--z-notice);left:50%;bottom:130px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--text);color:var(--bg);font-size:13px;box-shadow:0 8px 35px #0004;padding:12px 20px;border-radius:4px;max-width:calc(100% - 32px);transition:opacity .2s,transform .2s;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.offline-banner,.update-banner{position:fixed;z-index:var(--z-notice);top:14px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);width:max-content;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:14px 20px;font-size:12px}.update-banner{display:flex;align-items:center;gap:20px}.update-banner button{padding:8px;color:var(--accent)}.error-page{width:var(--page);margin:20vh auto}.error-page h1{font-size:clamp(3rem,7vw,6rem);margin:25px 0}.error-page a{display:inline-block;margin-top:28px;border-bottom:1px solid var(--accent)}
@media(min-width:1600px){.hero{padding-top:12vh}.release-grid{gap:32px}.section{padding-block:135px}}
@media(max-width:1150px){:root{--page:calc(100% - 72px)}.site-header{padding-inline:36px}.booking{gap:50px}.artist-statement{gap:60px}.sets-layout{gap:35px}.library-filters{grid-template-columns:1fr}.select-filters{display:grid;grid-template-columns:repeat(4,1fr)}.select-filters select{max-width:none;width:100%}.track-row{grid-template-columns:25px 44px minmax(130px,1fr) 110px 65px 52px 36px 36px;gap:10px}.track-year,.track-head{display:none}.track-variants .track-row{grid-template-columns:0 38px minmax(100px,1fr) 80px 50px 45px 36px 36px}.track-variants{padding-left:74px}.player-dock{grid-template-columns:minmax(130px,1fr) minmax(210px,1.2fr) auto;padding:14px 16px;gap:16px}.dock-options input{width:50px}.dock-options>[data-open=player-dialog]{display:none}}
@media(max-width:800px){:root{--page:calc(100% - 44px)}.site-header{height:74px;padding:0 22px}.desktop-nav{gap:22px}.hero{min-height:calc(100svh - 74px);padding:9vh 16px 22px}.hero h1{font-size:14vw}.hero-kicker{font-size:9px;letter-spacing:.3em}.hero-coordinate{font-size:8px;width:100%}.section{padding-block:72px}.release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.artist-statement{grid-template-columns:.6fr 1fr;gap:36px}.artist-statement h2{font-size:2.1rem}.sets-layout{grid-template-columns:1fr;gap:20px}.set-feature>button{aspect-ratio:1.45}.set-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.set-row{gap:10px}.set-row strong{font-size:15px}.set-row svg{width:16px}.set-index{display:none}.booking{grid-template-columns:1fr;gap:42px}.booking h2{font-size:3.8rem}.booking-intro>p:not(.section-label){max-width:50ch}.player-dock{grid-template-columns:1fr auto;bottom:10px;left:12px;right:12px;padding:12px 14px;gap:10px}.dock-transport>.transport>[data-action=shuffle],.dock-transport>.transport>[data-action=repeat],.dock-transport>.transport>[data-action=previous]{display:none}.dock-options{display:none}.dock-transport{display:contents}.dock-transport>.seek-row{grid-column:1/-1;margin:0;padding:7px 2px 2px}.dock-track img{width:42px;height:42px}.dock-track strong{max-width:50vw}.transport{gap:8px}.player-dock .play-toggle{width:42px;height:42px}.player-dock .icon-button{width:42px;height:42px}.track-row{grid-template-columns:42px minmax(100px,1fr) 55px 36px;gap:12px;padding:12px 0}.track-number,.track-genre,.track-bpm,.track-year,.queue-add{display:none}.row-art{width:42px;height:42px}.row-art>span{opacity:1;background:rgba(4,6,13,.25)}.track-duration{font-size:10px}.track-name>button{font-size:14px}.track-variants{padding-left:54px}.track-variants .track-row{grid-template-columns:36px minmax(80px,1fr) 48px 36px;gap:8px}.track-variants .row-art{width:36px;height:36px}.track-variants summary{font-size:10px}.results-summary>span:last-child{display:none}.category-tabs{gap:24px}.library-page{padding-top:45px}.world-shade{background:linear-gradient(180deg,rgba(3,5,9,.15),rgba(3,5,9,.6))}}
@media(max-width:550px){body{padding-bottom:150px}.desktop-nav{display:none}.menu-toggle{display:inline-flex}.wordmark{font-size:20px}.hero-content{margin-top:13vh}.hero h1{font-size:14.2vw;font-weight:500}.hero-kicker{font-size:8px;letter-spacing:.24em;margin-bottom:24px}.hero-line{font-size:22px;margin-top:30px}.hero-actions{gap:22px;flex-direction:column;margin:28px 0 42px}.listen-link{padding:14px 24px;font-size:13px}.hero-booking{font-size:12px;padding:5px 0}.hero-coordinate{font-size:7px;letter-spacing:.1em}.hero{padding-top:0;min-height:calc(100svh - 74px)}.hero-coordinate .descent-line{height:24px}.section-heading{margin-bottom:28px}.section-heading>p:last-child{font-size:14px}.release-grid{gap:28px 16px}.release-meta h3{font-size:15px}.release-meta>span{display:none}.release-meta p{font-size:11px}.cover-play{width:35px;height:35px;right:10px;bottom:10px}.cover-play svg{width:16px}.artist-statement{display:block}.statement-mark{font-size:8rem;margin:0 0 35px 4px}.artist-statement h2{font-size:2.15rem}.artist-statement p{font-size:14px}.set-feature>button{aspect-ratio:1}.set-feature-overlay{padding:22px}.set-feature strong{font-size:26px}.set-list{display:block}.set-row{padding:23px 0}.set-row strong{font-size:16px}.category-links a{min-height:82px}.category-links a>span{font-size:1.7rem}.category-links a small{font-size:9px}.category-links a svg{width:22px}.booking h2{font-size:3rem}.booking-email{font-size:18px}.booking-form label{font-size:12px}.form-pair{grid-template-columns:1fr;gap:0}.site-footer>div{flex-wrap:wrap;gap:8px 20px}.site-footer>div>span{flex-basis:100%}.library-heading h1{font-size:3.3rem}.library-heading>p:last-child{font-size:14px}.library-heading .section-label{font-size:8px}.category-tabs{margin-top:30px;gap:22px}.category-tabs a{font-size:12px;min-height:54px}.select-filters{grid-template-columns:1fr 1fr;gap:14px}.library-filters{gap:18px;padding-top:22px}.track-name>button{font-size:13px}.track-name>span{font-size:10px}.track-row{grid-template-columns:40px minmax(80px,1fr) 42px 34px;gap:9px}.track-row .row-art{width:40px;height:40px}.track-row .icon-button{min-width:34px;width:34px;min-height:44px}.track-variants{padding-left:20px}.track-variants .track-row{grid-template-columns:32px minmax(75px,1fr) 40px 32px}.track-variants summary{padding-left:29px}.track-variants .row-art{width:32px;height:32px}.track-duration{font-size:9px}.full-player{padding:20px;width:100%;max-width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.full-art{width:min(100%,44dvh);margin-inline:auto}.full-player h2{margin-top:20px}.full-player .transport{gap:20px;margin-top:14px}.full-player-bottom{margin-top:14px}dialog{padding:24px;max-width:calc(100% - 20px)}.dialog-top h2{font-size:26px}.offline-banner,.update-banner{font-size:11px;padding:12px;gap:9px}.update-banner>span{max-width:140px}.dock-track strong{font-size:12px}.dock-track{gap:10px}.seek-row{font-size:8px}.toast{bottom:137px}}
@media(max-width:360px){:root{--page:calc(100% - 32px)}.site-header{padding-inline:16px}.hero h1{font-size:13.8vw}.hero-coordinate{font-size:6px}.track-row{gap:7px;grid-template-columns:36px minmax(65px,1fr) 40px 30px}.track-row .row-art{width:36px;height:36px}.track-name>button{font-size:12px}.category-links a>span{font-size:1.4rem}.booking-email{font-size:16px}.player-dock{left:8px;right:8px;padding-inline:10px}.dock-track strong{max-width:43vw}}
@media(orientation:landscape) and (max-height:550px){.hero{min-height:530px}.hero-content{margin-top:45px}.full-player .full-art{width:28vh}.full-player{max-height:95dvh}.player-dock{bottom:5px}.section{padding-block:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cloud-layer,.earth-limb,.earth-landscape,.space-stars,.hero-content{transform:none!important}.cover-button:hover,.cover-button:hover img,.set-feature>button:hover img{transform:none}#visualizer{display:none}}
html[data-reduced=true]{scroll-behavior:auto}html[data-reduced=true] *,html[data-reduced=true] *::before,html[data-reduced=true] *::after{animation:none!important;transition:none!important}html[data-reduced=true] .cloud-layer,html[data-reduced=true] .earth-limb,html[data-reduced=true] .earth-landscape,html[data-reduced=true] .space-stars,html[data-reduced=true] .hero-content{transform:none!important}
.player-dock{margin-bottom:env(safe-area-inset-bottom,0px);margin-left:env(safe-area-inset-left,0px);margin-right:env(safe-area-inset-right,0px)}body{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}.category-tabs{scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}

/* Mobile comfort, language controls and the real audio envelope. */
html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html[data-standalone=true],html[data-standalone=true] body{touch-action:pan-x pan-y;overscroll-behavior-y:none}
.mobile-track-meta{display:none}.statement-mark{display:inline-flex;align-items:baseline;gap:.075em;letter-spacing:0;font-kerning:none;transform:none!important}.statement-mark>span{display:block}
.language-picker{position:relative;z-index:2}.language-picker summary{list-style:none;position:relative;cursor:pointer;border:1px solid var(--line);width:44px;height:44px}.language-picker summary::marker{content:''}.language-picker summary::-webkit-details-marker{display:none}.language-picker summary>svg{width:19px;height:19px;transform:translateY(-3px)}.language-code{position:absolute;bottom:3px;left:0;right:0;text-align:center;font:8px var(--mono);letter-spacing:.05em}.language-options{position:absolute;right:0;top:54px;width:188px;padding:8px;background:rgba(15,22,38,.96);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 45px #0005;backdrop-filter:blur(14px)}.language-options a{display:flex;align-items:center;justify-content:space-between;padding:12px;font-size:16px;border-radius:5px;min-height:48px;color:var(--text)}.language-options a:hover,.language-options a[aria-current]{background:rgba(var(--accent-rgb),.12)}.language-options svg{width:16px;opacity:0}.language-options a[aria-current] svg{opacity:1;color:var(--accent)}
.social-links{gap:14px}.social-links a,.social-placeholder{display:flex;align-items:center;gap:14px;min-width:0;min-height:78px;padding:16px;border:1px solid rgba(225,239,255,.2);border-radius:8px;background:linear-gradient(130deg,rgba(226,237,255,.075),rgba(13,29,55,.12));backdrop-filter:blur(3px);box-shadow:inset 0 1px 0 #ffffff12}.social-links a:hover{background:rgba(224,240,255,.13);border-color:rgba(225,239,255,.45)}.social-logo{display:block;flex:0 0 32px;width:32px;height:32px;background:linear-gradient(140deg,rgba(246,249,255,.95),rgba(202,215,244,.45));mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.social-name{flex:1;min-width:0;font-size:16px;line-height:1.3}.social-name small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.social-links a>svg{width:17px;height:17px}.social-placeholder{opacity:.65}.social-spotify{mask-image:url('/assets/social-spotify.svg')}.social-applemusic{mask-image:url('/assets/social-applemusic.svg')}.social-soundcloud{mask-image:url('/assets/social-soundcloud.svg')}.social-youtube{mask-image:url('/assets/social-youtube.svg')}.social-instagram{mask-image:url('/assets/social-instagram.svg')}.social-tiktok{mask-image:url('/assets/social-tiktok.svg')}
.booking-form,.booking-form label,.form-pair{min-width:0}.booking-form input,.booking-form textarea,.booking-form select{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-size:16px}.booking-form input{height:54px}.booking-form input[type=date]{appearance:none;-webkit-appearance:none;min-height:54px;line-height:1.4;text-align:left;overflow:hidden}.booking-form input[type=date]::-webkit-date-and-time-value{min-width:0;text-align:left}.booking-form input[type=date]::-webkit-datetime-edit{min-width:0;padding:0;display:inline-flex}.booking-form input[type=date]::-webkit-calendar-picker-indicator{flex:0 0 auto;margin:0;padding:0}.booking-submit:disabled{opacity:.55;cursor:not-allowed}
.waveform{position:relative;height:112px;width:100%;margin-top:24px;border-radius:5px;overflow:hidden;background:rgba(var(--accent-rgb),.025)}.waveform canvas{display:block;width:100%;height:100%}.waveform input[type=range]{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:crosshair;touch-action:pan-y}.waveform:focus-within{outline:2px solid var(--accent);outline-offset:5px}.waveform-status{font-size:11px!important;line-height:1.5!important;color:var(--muted);min-height:17px;margin-top:9px!important}.waveform-status:empty{display:none}.full-player .seek-row{padding-top:17px}.full-player h2{overflow-wrap:anywhere}
@media(max-width:800px){
 .library-page{padding-top:48px}.library-heading>p:last-child{font-size:16px}.library-filters label,.filter-actions button{font-size:15px}.library-filters input,.library-filters select{font-size:16px;min-height:50px}.search-field input{padding-block:14px}.select-filters{gap:16px}.category-tabs a{font-size:14px;min-height:58px}.category-tabs a span{font-size:11px}.results-summary{font-size:15px;padding-block:24px}.track-list .track-row{display:grid;grid-template-columns:88px minmax(0,1fr) 44px;grid-template-areas:'art info like' 'art info duration';gap:6px 14px;padding:24px 0;min-height:136px}.track-list .track-number,.track-list .track-genre,.track-list .track-bpm,.track-list .track-year,.track-list .queue-add{display:none}.track-list .row-art{grid-area:art;width:88px;height:88px;align-self:center;border-radius:6px}.track-list .row-art>span svg{width:29px;height:29px}.track-list .track-name{grid-area:info;align-self:center;min-width:0}.track-list .track-name>button{font-size:18px;line-height:1.25;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-weight:450;text-align:left}.track-list .track-name>span{font-size:14px;line-height:1.4;margin-top:6px;white-space:normal;overflow-wrap:anywhere}.track-list .mobile-track-meta{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}.track-list .like-button{grid-area:like;align-self:end;width:44px;min-width:44px;height:44px}.track-list .like-button svg{width:23px;height:23px}.track-list .track-duration{grid-area:duration;align-self:start;text-align:center;font-size:12px;padding-top:4px}.track-list .track-variants{padding-left:0}.track-list .track-variants summary{font-size:14px;line-height:1.5;padding:14px 0 20px 8px}.track-list .track-variants .track-row{margin-left:12px;padding-left:12px;border-left:1px solid var(--line);grid-template-columns:72px minmax(0,1fr) 44px;gap:6px 12px}.track-list .track-variants .row-art{width:72px;height:72px}.track-list .track-variants .track-name>button{font-size:16px}.track-list .track-variants .track-name>span{font-size:13px}.load-more{font-size:16px;min-height:54px}.dock-track img{width:50px;height:50px}.dock-track strong{font-size:14px}.dock-track small{font-size:11px}.player-dock .play-toggle{width:48px;height:48px}.player-dock .icon-button{width:44px;height:44px}.player-dock .seek-row{font-size:10px}.social-links a,.social-placeholder{padding:14px;gap:10px}.social-name{font-size:15px}.social-logo{width:28px;height:28px;flex-basis:28px}.full-player{width:540px}.full-player h2{font-size:24px}.full-player [data-player-meta]{font-size:12px}.full-player-bottom .text-link{font-size:15px}.full-player .transport{gap:20px}.full-player .play-toggle{width:58px;height:58px}
}
@media(max-width:550px){.release-meta h3{font-size:18px}.release-meta p{font-size:14px}.cover-play{width:42px;height:42px}.booking-form label{font-size:15px}.booking-form .form-note{font-size:13px}.booking-submit{font-size:16px}.statement-mark{font-size:7.5rem;gap:.09em}.social-links{gap:10px}.social-links a,.social-placeholder{min-height:76px;padding:12px;gap:9px}.social-name{font-size:14px}.social-logo{width:26px;height:26px;flex-basis:26px}.social-links a>svg{width:14px;height:14px}.header-actions{gap:6px}.wordmark{font-size:19px}.full-player{padding:20px}.waveform{height:108px}.full-player .seek-row{font-size:10px}.full-player .transport{gap:14px}.full-player-bottom{gap:10px}.full-player-bottom .text-link{font-size:14px}.full-player .full-art{width:min(100%,42dvh)}.booking-email{overflow-wrap:anywhere}.language-options{right:-36px}}
@media(max-width:360px){.track-list .track-row{grid-template-columns:76px minmax(0,1fr) 40px;gap:6px 10px}.track-list .row-art{width:76px;height:76px}.track-list .track-name>button{font-size:17px}.track-list .track-name>span{font-size:13px}.track-list .mobile-track-meta{font-size:12px}.track-list .track-variants .track-row{grid-template-columns:62px minmax(0,1fr) 40px;gap:6px 8px;margin-left:4px;padding-left:8px}.track-list .track-variants .row-art{width:62px;height:62px}.social-logo{width:23px;height:23px;flex-basis:23px}.social-links a,.social-placeholder{padding:10px;gap:7px}.social-name{font-size:13px}.social-links a>svg{display:none}.header-actions{gap:3px}.wordmark{font-size:18px}.full-player .transport{gap:8px}}

/* Theme colors apply to page, dialogs, lists and form scrollbars. */
*{scrollbar-color:var(--accent) var(--surface);scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--surface);border-radius:10px}
::-webkit-scrollbar-thumb{background:var(--accent);border:2px solid var(--surface);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:var(--text)}
::-webkit-scrollbar-corner{background:var(--surface)}
.category-tabs{scrollbar-width:thin;scrollbar-color:var(--accent) var(--surface)}
.category-tabs::-webkit-scrollbar{display:block;height:5px}

/* Optional announcement, configured in config/news.json. */
.news-line{position:relative;z-index:2;display:flex;align-items:center;gap:0;min-height:46px;padding-inline:max(20px,calc((100% - var(--page))/2));border-bottom:1px solid rgba(var(--accent-rgb),.22);background:linear-gradient(90deg,rgba(var(--accent-rgb),.1),rgba(var(--accent-rgb),.025) 60%,rgba(var(--accent-rgb),.07));color:var(--text)}
.news-badge{display:flex;align-items:center;gap:9px;flex-shrink:0;padding-right:20px;border-right:1px solid rgba(var(--accent-rgb),.25);font:500 10px var(--mono);letter-spacing:.16em;color:var(--accent)}
.news-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.55)}
.news-viewport{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.news-static{font-size:13px;line-height:1.6;margin:10px 24px}.news-track{display:none}
.js .news-static{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
.js .news-track{display:flex;width:max-content;animation:news-crawl var(--news-duration,24s) linear infinite}
.news-copy{display:flex;align-items:center;justify-content:space-between;gap:32px;flex:0 0 auto;min-width:var(--news-lap-width,0px);box-sizing:border-box;padding-inline:24px;white-space:nowrap;font-size:13px;line-height:46px;letter-spacing:.035em}
.news-divider{color:var(--accent);font-size:12px}
@keyframes news-crawl{to{transform:translateX(-50%)}}
:root[data-reduced=true] .news-track{display:none}:root[data-reduced=true] .news-static{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;margin:10px 18px}:root[data-reduced=true] .news-viewport{mask-image:none}
@media(prefers-reduced-motion:reduce){.js .news-track{display:none}.js .news-static{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;margin:10px 18px}.news-viewport{mask-image:none}}
@media(max-width:550px){.news-line{padding-inline:16px;min-height:44px}.news-badge{gap:6px;padding-right:12px;font-size:9px}.news-copy{font-size:12px;line-height:44px}.news-static{font-size:12px}}

.queue-item{position:relative;display:flex;align-items:center;gap:8px;isolation:isolate}
.queue-item .queue-track{flex:1;width:auto;min-width:0;min-height:76px}
.queue-track>span:last-child{min-width:0;overflow-wrap:anywhere}
.queue-track img{flex-shrink:0}
.queue-grip{display:grid;place-items:center;flex:0 0 44px;width:44px;height:48px;border-radius:6px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;color:var(--muted)}
.queue-grip svg{width:22px;height:22px;pointer-events:none}
.queue-grip:hover,.queue-grip:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.queue-dragging{z-index:2;background:var(--panel);box-shadow:0 8px 28px #0005;outline:1px solid var(--accent);border-radius:6px;opacity:.94;user-select:none}
.queue-dragging .queue-grip{color:var(--accent);cursor:grabbing}
.queue-item[data-queue-drop]::after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--accent);border-radius:3px;pointer-events:none}
.queue-item[data-queue-drop=before]::after{top:-2px}
.queue-item[data-queue-drop=after]::after{bottom:-2px}
.queue-dialog .queue-sort-hint{font-size:12px;line-height:1.5;color:var(--muted);border:0;padding:0 0 12px}
@media(max-width:550px){.queue-item{gap:4px}.queue-item .queue-track{gap:10px;min-height:84px}.queue-track>span:last-child{font-size:14px}.queue-track small{font-size:11px;margin-top:3px}.queue-track>span:first-child{min-width:12px}.hero-coordinate{gap:12px}.hero-coordinate>span:last-child{max-width:60%;text-align:right;line-height:1.6}}
/* Fit the track preview to the available viewport; artwork yields space to controls. */
.full-player{padding:20px 28px;max-height:calc(100dvh - 32px)}
.full-player[open]{display:flex;flex-direction:column}
.full-player>*{flex-shrink:0}
.full-player .dialog-top{margin-bottom:12px;min-height:36px}
.full-player .full-art{width:100%;height:auto;max-height:40dvh;min-height:0;flex-shrink:1;object-fit:contain;margin-inline:auto;box-shadow:none}
.full-player h2{font-size:24px;line-height:1.15;margin-top:14px}
.full-player>p{margin-top:4px}
.full-player .waveform{height:56px;margin-top:12px}
.full-player .waveform-status{margin-top:5px!important}
.full-player .seek-row{padding:8px 0}
.full-player .transport{margin-top:8px}
.full-player-bottom{margin-top:8px}
@media(max-width:550px){.full-player{padding:16px 20px;max-height:calc(100dvh - 24px)}.full-player .full-art{width:100%;max-height:40dvh}.full-player h2{font-size:22px;margin-top:12px}.full-player .waveform{height:48px;margin-top:10px}.full-player .dialog-top{margin-bottom:10px}}
@media(max-height:550px) and (min-width:551px){.full-player[open]{display:grid;width:760px;grid-template-columns:minmax(100px,.85fr) minmax(0,1.15fr);column-gap:24px;row-gap:3px;padding:12px 20px;max-height:calc(100dvh - 20px)}.full-player .dialog-top{grid-column:1/-1;margin:0}.full-player .full-art{grid-column:1;grid-row:2/10;width:100%;height:100%;max-height:calc(100dvh - 90px);align-self:center}.full-player>:not(.dialog-top):not(.full-art){grid-column:2;margin-top:0}.full-player h2{font-size:20px}.full-player .waveform{height:44px}.full-player .seek-row{padding:2px 0}.full-player .play-toggle{height:48px;width:48px}.full-player .transport{gap:12px}.full-player-bottom{gap:8px}}
@media(max-height:400px) and (min-width:551px){.full-player[open]{padding-block:8px;row-gap:1px}.full-player .dialog-top{min-height:28px}.full-player .waveform{height:32px}.full-player .waveform-status{margin-top:0!important}.full-player .play-toggle{height:44px;width:44px}.full-player h2{font-size:18px}}