@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin.woff2)format("woff2")}:root{--background:#100f0e;--surface:#1b1917;--sleeve:#24201d;--text:#f1ebdf;--muted:#b7aea2;--line:#39342f;--accent:#ff5148;--accent-deep:#ad2925;--accent-hover:#92231f;--error:#efc17e;--disabled:#292521;--display-font:"Barlow Condensed", "Arial Narrow", sans-serif;--body-font:"IBM Plex Sans", Arial, sans-serif;--space:8px;--page-gutter:24px;font-family:var(--body-font);color:var(--text);background:var(--background);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.button,select{min-height:44px}button,.button{color:var(--text);cursor:pointer;background:0 0;border:1px solid #71675c;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-weight:600;line-height:1.3;display:inline-flex}button:not(:disabled):hover,.button:hover{background:var(--surface);border-color:var(--text);color:var(--text)}button:disabled{background:var(--disabled);border-color:var(--line);color:var(--muted);cursor:not-allowed}button:not(:disabled):active{transform:translateY(1px)}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}main:focus{outline:none}.skip-link{z-index:20;background:var(--text);color:var(--background);padding:16px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display-font);font-weight:600;line-height:1.02}h1{letter-spacing:-.025em;font-size:clamp(3.5rem,8vw,7rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:2rem}em{font-style:normal}.eyebrow{letter-spacing:.13em;color:var(--muted);margin-bottom:16px;font-size:.75rem;font-weight:500;line-height:1.6}.site-header,main,.site-footer{max-width:1280px;margin:auto}.navbar{padding:16px var(--page-gutter);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{font-family:var(--display-font);letter-spacing:-.025em;white-space:nowrap;align-items:center;min-height:44px;font-size:2rem;font-weight:600;display:inline-flex}.brand span{font-family:var(--body-font);letter-spacing:.15em;color:var(--muted);margin-left:12px;font-size:.65rem}.navbar ul{gap:4px;margin:0;padding:0;list-style:none;display:flex}.navbar ul a{min-height:44px;color:var(--muted);justify-content:center;align-items:center;padding:10px 12px;font-size:.9rem;display:inline-flex}.navbar a[aria-current]{color:var(--text);box-shadow:inset 0 -2px var(--accent)}.hero{padding:40px var(--page-gutter);border-bottom:1px solid var(--line);align-items:center;gap:32px;display:grid}.hero h1{letter-spacing:-.035em;font-size:clamp(5.5rem,14vw,12rem)}.hero-period{color:var(--accent)}.hero-bottom{margin-top:24px}.hero-bottom p,.intro{color:var(--muted);font-size:1rem;line-height:1.75}.hero-bottom .text-link{margin-top:16px}.hero-beat{min-width:0}.hero-beat .eyebrow{align-items:center;gap:12px;display:flex}.hero-beat .eyebrow:before{content:"";background:var(--accent);width:8px;height:8px}.hero-artwork{display:block}.hero-beat h2{overflow-wrap:anywhere;margin:16px 0 8px;font-size:2.5rem}.hero-beat h2 a{align-items:center;min-height:44px;display:inline-flex}.hero-beat .play-button{margin-top:16px}.featured{padding:48px var(--page-gutter) 64px}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.section-heading .eyebrow{margin-bottom:8px}.text-link{min-height:44px;color:var(--text);align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.section-note{color:var(--muted);margin-top:16px;font-size:.9rem;line-height:1.7}.beat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;margin-top:32px;display:grid}.beat-card{border-bottom:1px solid var(--line);min-width:0;padding:0 0 24px;position:relative}.beat-card.is-current:before{content:"";background:var(--accent);width:3px;height:100%;position:absolute;top:0;left:-12px}.artwork-link{display:block}.artwork{aspect-ratio:1;background:var(--sleeve);border-radius:1px;overflow:hidden;container-type:inline-size}.artwork img{object-fit:cover;width:100%;height:100%;display:block}.archive-sleeve{background:repeating-linear-gradient(0deg,#f1ebdf03 0 1px,#0000 1px 5px);border:1px solid #4c443c;flex-direction:column;height:100%;padding:8%;display:flex;position:relative}.archive-sleeve:before{content:"";background:var(--accent);width:2%;position:absolute;top:8%;bottom:8%;left:0}.sleeve-credit{justify-content:space-between;align-items:baseline;gap:8px;font-size:clamp(.6875rem,4.4cqw,1.125rem);line-height:1.3;display:flex}.sleeve-credit>span{color:var(--muted);font-size:clamp(.6875rem,3.2cqw,.9rem)}.sleeve-title{font-family:var(--display-font);letter-spacing:-.02em;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:auto;margin-bottom:auto;padding:10% 0;font-size:20cqw;font-weight:700;line-height:.92;display:-webkit-box;overflow:hidden}.sleeve-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.sleeve-footer small{color:var(--muted);font-size:clamp(.6875rem,3.3cqw,.9rem)}.sleeve-mark{background:var(--accent);width:16%;height:3px}.card-heading{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.card-heading h3{overflow-wrap:anywhere;min-width:0}.card-heading h3 a{align-items:center;min-height:44px;display:inline-flex}.current-label{color:var(--accent);font-size:.8rem}.beat-card[data-playback=playing] .current-label:before{content:"●";margin-right:6px}.beat-card[data-playback=error] .current-label{color:var(--error)}.beat-meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.9rem;display:flex}.beat-card .beat-meta{margin-top:16px}.related-reason{color:var(--muted);margin-top:12px;font-size:.8rem}.card-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px;display:flex}.card-actions .text-link{font-size:.85rem}.play-button{font-size:.9rem}.play-button:not(:disabled),.primary-control:not(:disabled),.license-info .button{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--text)}.play-button:not(:disabled):hover,.primary-control:not(:disabled):hover,.license-info .button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.transport-icon{flex-shrink:0;width:20px;height:20px;display:block}.inline-error{color:var(--error);margin-top:12px;font-size:.9rem;line-height:1.6}.about{border-top:1px solid var(--line);padding:56px var(--page-gutter)}.about-copy>p:not(.eyebrow){color:var(--muted);max-width:600px;margin:24px 0;line-height:1.8}.cta{padding:40px var(--page-gutter);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.cta h2{font-size:2rem}.site-footer{padding:32px var(--page-gutter);color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;font-size:.85rem;display:flex}.page-section{padding:48px var(--page-gutter) 64px}.intro{max-width:600px;margin-top:24px}.catalog-toolbar{color:var(--muted);justify-content:space-between;align-items:end;gap:24px;margin-top:32px;font-size:.9rem;display:flex}.catalog-toolbar label{gap:8px;display:grid}select{background:var(--surface);color:var(--text);border:1px solid #71675c;border-radius:4px;max-width:100%;padding:10px 36px 10px 12px}select:has(option:not(:first-child):checked){border-color:var(--accent)}.catalog-toolbar p{padding-bottom:12px}.back-link{margin-bottom:32px}.beat-detail{align-items:start;gap:32px;display:grid}.detail-artwork{max-width:560px}.detail-copy h1{overflow-wrap:anywhere;margin-bottom:24px}.detail-copy .play-button{min-height:48px;padding:14px 24px}.beat-facts{flex-wrap:wrap;gap:24px;margin:32px 0;display:flex}.beat-facts dt{color:var(--muted);margin-bottom:8px;font-size:.8rem}.beat-facts dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.1rem}.license-info{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.license-info h2{margin-bottom:16px;font-size:1.8rem}.license-info p{color:var(--muted);margin-top:12px;font-size:.9rem;line-height:1.7}.license-info .button{margin-top:16px}.related{margin-top:64px}.about-page{min-height:60vh}.about-page .button{margin-top:32px}.has-player{padding-bottom:var(--player-height,calc(190px + env(safe-area-inset-bottom,0px)))}.persistent-player{z-index:10;background:var(--surface);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #71675c;position:fixed;inset:auto 0 0}.player-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;max-width:1200px;margin:auto;display:grid}.player-track{align-items:center;gap:12px;min-width:0;display:flex}.player-track .artwork{flex-shrink:0;width:48px}.player-track .sleeve-credit,.player-track .sleeve-footer{display:none}.player-track .sleeve-title{padding:0;font-size:25cqw}.player-track>div:last-child{min-width:0}.player-track a{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:44px;padding:6px 0;font-size:1rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.player-track p{color:var(--muted);font-size:.8rem}.player-transport{display:contents}.transport-buttons{gap:8px;display:flex}.icon-button{background:0 0;border:none;width:44px;height:44px;padding:0}.primary-control{border-radius:50%}.previous-control,.next-control,.volume-control{display:none}.player-progress{color:var(--muted);font-variant-numeric:tabular-nums;grid-column:1/-1;align-items:center;gap:12px;font-size:.8rem;display:flex}input[type=range]{--range-progress:0%;appearance:none;accent-color:var(--accent);cursor:pointer;background:0 0;min-width:0;height:44px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--range-progress), #71675c var(--range-progress));height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;border:1px solid var(--text);background:var(--accent);border-radius:50%;width:14px;height:14px;margin-top:-5.5px}input[type=range]::-moz-range-track{background:#71675c;height:3px}input[type=range]::-moz-range-progress{background:var(--accent);height:3px}input[type=range]::-moz-range-thumb{border:1px solid var(--text);background:var(--accent);border-radius:50%;width:14px;height:14px}input[type=range]:disabled{opacity:.5;cursor:not-allowed}.player-progress input{flex:1;width:100%}.player-status{color:var(--muted);grid-column:1/-1;font-size:.8rem;line-height:1.4}.persistent-player[data-playback=error] .player-status{color:var(--error)}.persistent-player[data-playback=playing] .player-status:before{content:"";background:var(--accent);width:6px;height:6px;margin-right:8px;display:inline-block}@container (width<=160px){.sleeve-credit>span,.sleeve-mark{display:none}}@media (width>=650px){.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px}.hero-beat{justify-self:end;width:100%;max-width:420px}}@media (width>=900px){:root{--page-gutter:40px}.hero{padding-top:48px;padding-bottom:48px}.beat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.supporting-grid,.related .beat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.beat-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.player-inner{grid-template-columns:minmax(0,1fr) minmax(260px,1.3fr) 150px;gap:8px 32px}.player-transport{display:block}.transport-buttons{justify-content:center}.previous-control,.next-control{display:inline-flex}.volume-control{color:var(--muted);align-items:center;gap:12px;font-size:.8rem;display:flex}.volume-control input{width:92px}}@media (width<=649px){:root{--page-gutter:20px}.hero{gap:24px;padding-top:24px;padding-bottom:32px}.hero h1{font-size:clamp(5rem,22vw,8rem)}.hero-bottom{margin-top:12px}.hero-bottom .text-link{margin-top:8px}.hero-beat{grid-template-columns:128px minmax(0,1fr);gap:8px 16px;display:grid}.hero-beat .eyebrow{grid-column:1/-1;margin:0}.hero-artwork{grid-row:2/5}.hero-beat h2{margin:0;font-size:2rem}.hero-beat .beat-meta{grid-column:2;font-size:.85rem}.hero-beat .play-button{grid-column:2;margin-top:0;padding:10px;font-size:.8rem}.beat-grid{grid-template-columns:minmax(0,1fr)}.beat-card{grid-template-columns:112px minmax(0,1fr);gap:0 16px;display:grid}.artwork-link{grid-row:1/4}.card-heading{margin-top:0}.card-heading h3{font-size:1.8rem}.card-actions{grid-column:2;gap:4px 12px;margin-top:8px}.card-actions .play-button{padding:10px 12px;font-size:.8rem}.beat-card .beat-meta{grid-column:2;margin-top:8px;font-size:.85rem}.related-reason,.inline-error{grid-column:1/-1}.brand span{display:none}.navbar{gap:8px;padding:12px 16px}.navbar ul a{padding:10px 8px;font-size:.85rem}.featured,.page-section{padding-top:32px;padding-bottom:48px}}@media (width<=359px){.hero-beat{grid-template-columns:112px minmax(0,1fr);gap:8px 12px}.hero-beat .play-button{grid-column:1/-1;justify-self:start;margin-top:8px}.hero-artwork{grid-row:2/4}.beat-card{grid-template-columns:104px minmax(0,1fr);gap:0 12px}.card-actions{grid-column:1/-1}.artwork-link{grid-row:1/3}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.artwork-link:hover{opacity:.9}}@media (prefers-reduced-motion:no-preference){button,a{transition:color .15s,background-color .15s,border-color .15s,opacity .15s}.loading-indicator{animation:1s ease-in-out infinite alternate listening-pulse}@keyframes listening-pulse{0%{opacity:.4}to{opacity:1}}}.admin-area,.admin-login{padding:32px var(--page-gutter) 64px}.admin-login{max-width:580px;margin:auto}.admin-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 24px;margin-bottom:32px;padding-bottom:24px;display:flex}.admin-nav a{align-items:center;min-height:44px;display:inline-flex}.admin-nav button{margin-left:auto}.admin-form{gap:24px;margin-top:24px;display:grid}.admin-form fieldset{border:0;border-top:1px solid var(--line);min-width:0;margin:0;padding:24px 0 0}.admin-form legend{padding-right:16px;font-size:1.15rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.admin-form label{gap:8px;min-width:0;font-size:.95rem;display:grid}.admin-form input:not([type=checkbox]),.admin-form select{background:var(--surface);width:100%;max-width:100%;min-height:48px;color:var(--text);border:1px solid #71675c;border-radius:4px;padding:12px}.admin-form input:read-only{color:var(--muted)}.admin-form input[type=file]{padding:8px;font-size:.85rem}.admin-form input[type=file]::file-selector-button{background:var(--disabled);min-height:44px;color:var(--text);border:1px solid var(--line);border-radius:4px;margin-right:8px}.admin-form small{color:var(--muted);overflow-wrap:anywhere;line-height:1.6}.admin-form .check-label{align-items:center;gap:12px;min-height:48px;line-height:1.6;display:flex}.check-label input{width:24px;height:24px;accent-color:var(--accent);flex-shrink:0}.admin-form>button{justify-self:start}.admin-feedback{line-height:1.7}.admin-media-preview{flex-wrap:wrap;align-items:start;gap:24px;margin-top:24px;display:flex}.admin-media-preview img{object-fit:cover;width:160px;height:160px;margin-bottom:12px;display:block}.admin-media-preview p{gap:8px;display:grid}.admin-row-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.admin-counts{border-block:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:40px 0;padding-block:24px;display:grid}.admin-counts dt{text-transform:capitalize;color:var(--muted)}.admin-counts dd{font-family:var(--display-font);overflow-wrap:anywhere;margin:12px 0 0;font-size:2rem}.admin-beat-list{margin:24px 0 0;padding:0;list-style:none}.admin-beat-list>li{border-bottom:1px solid var(--line);padding:24px 0}.admin-beat-summary{align-items:start;gap:16px;display:flex}.admin-beat-summary>div{min-width:0}.admin-beat-summary h2{overflow-wrap:anywhere;font-size:2rem}.admin-beat-summary img{object-fit:cover;flex-shrink:0;width:64px;height:64px}.admin-beat-summary p{color:var(--muted);overflow-wrap:anywhere;margin-top:8px;line-height:1.6}.admin-updated{font-size:.85rem}.admin-notice{color:var(--text);border-left:3px solid var(--accent);margin-bottom:24px;padding:12px}.admin-editor .section-note{overflow-wrap:anywhere}@media (width<=649px){.form-grid,.admin-counts{grid-template-columns:minmax(0,1fr)}.admin-nav{gap:8px 16px}.admin-nav button{margin-left:0}.admin-row-actions>*{flex:1}}.admin-analysis{border:1px solid var(--line);margin:24px 0;padding:24px}.admin-analysis li{overflow-wrap:anywhere;margin:12px 0}.admin-analysis small{color:var(--muted);display:block}.admin-preview-attachment{gap:16px;width:100%;min-width:0;display:grid}.admin-current-preview{border:1px solid var(--line);gap:12px;min-width:0;padding:16px;display:grid}.admin-current-preview p{overflow-wrap:anywhere}.admin-current-preview audio{width:100%;min-width:0;max-width:420px}.studio-entrance{z-index:12;pointer-events:none;opacity:1;background:radial-gradient(at 50% 42%,#24201d 0%,#100f0e 68%);transition:opacity .3s;position:fixed;inset:0;overflow:hidden}.studio-entrance[data-exiting=true]{opacity:0}.entrance-scene,.entrance-scene canvas{width:100%;height:100%;position:absolute;inset:0}.entrance-css-device{aspect-ratio:1.6;background:#24201d;border:1px solid #71675c;border-bottom:9px solid #39342f;border-radius:5px;grid-template-columns:1.35fr 1fr;gap:8%;width:min(70vw,440px);padding:clamp(12px,2vw,28px);animation:1.7s both entrance-device;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)perspective(900px)rotateX(18deg)rotateY(-15deg)}.entrance-css-pads{grid-template-columns:repeat(4,1fr);gap:10%;display:grid}.entrance-css-pads i{animation:.9s cubic-bezier(.2,.7,.3,1) both entrance-pad;animation-delay:calc(var(--pad-index) * 16ms);background:#100f0e;border:1px solid #39342f;border-radius:3px}.entrance-css-pads i:last-child{animation:.9s both entrance-pad,.5s 1.1s both entrance-red}.entrance-css-display{padding-top:8%}.entrance-css-display span{opacity:.55;background:repeating-linear-gradient(90deg,#b7aea2 0 2px,#0000 2px 9px);border:1px solid #71675c;height:34%;display:block}.entrance-css-display b{aspect-ratio:1;background:#71675c;border-radius:50%;width:17%;margin:22% 5% 0;display:inline-block}.entrance-caption{color:var(--text);font-family:var(--display-font);letter-spacing:-.02em;text-align:center;white-space:nowrap;font-size:2rem;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.entrance-caption small{font:.65rem var(--body-font);letter-spacing:.25em;color:var(--muted);margin-top:8px;display:block}.entrance-skip{right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));pointer-events:auto;color:var(--muted);border:0;font-size:.8rem;font-weight:400;position:absolute}.entrance-bridge{opacity:0;background:var(--accent);border-radius:4px;position:fixed;box-shadow:0 0 32px #ff514866}.studio-entrance[data-mode=webgl] .entrance-css-device{visibility:hidden}.studio-entrance[data-phase=loading] .entrance-css-device{visibility:hidden;animation:none}.studio-entrance[data-phase=loading] .entrance-css-pads i{animation:none}.studio-entrance[data-mode=fade]{opacity:.15;background:#100f0e;transition-duration:.18s}.studio-entrance[data-mode=fade] .entrance-css-device,.studio-entrance[data-mode=fade] .entrance-caption,.studio-entrance[data-mode=fade] .entrance-skip{display:none}@keyframes entrance-pad{0%{opacity:0;transform:translate3d(calc((var(--pad-index) - 8) * 7px), -60px, 0)}to{opacity:1;transform:none}}@keyframes entrance-red{0%{background:#100f0e}to{background:var(--accent);box-shadow:0 0 20px #ff514866}}@keyframes entrance-device{0%{opacity:0;scale:.85}30%,75%{opacity:1;scale:1}to{opacity:1;scale:1.1}}@media (width<=767px){.entrance-css-device{width:min(82vw,390px);padding:16px}.entrance-caption{bottom:23%}}@media (prefers-reduced-motion:reduce){.entrance-css-device,.entrance-css-pads i{animation:none}.studio-entrance{transition-duration:.18s}}.studio-slot{min-height:440px}.studio-section{grid-template-columns:.75fr 1.25fr;align-items:center;gap:48px;max-width:1440px;margin:0 auto;padding:64px 48px;display:grid}.studio-section[data-ready=false]{opacity:0}.studio-section[data-ready=true]{opacity:1;transition:opacity .18s}.studio-copy h2{margin:16px 0;font-size:clamp(2rem,4vw,3.5rem)}.studio-copy>p:not(.eyebrow){color:var(--muted);max-width:34ch;line-height:1.7}.studio-copy .studio-status{min-height:3.4em;margin-top:20px;font-size:.8rem}.studio-device-wrap{touch-action:pan-y;min-width:0;padding:8px 0}.studio-device{aspect-ratio:1.6;background:#24201d;border:1px solid #71675c;border-radius:8px;width:100%;transition:transform .13s ease-out;position:relative;box-shadow:0 8px #100f0e,0 9px #39342f}.studio-canvas,.studio-canvas canvas{pointer-events:none;border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.studio-display{color:#e8e0d3;background:#100f0e;border:1px solid #39342f;flex-direction:column;justify-content:center;gap:5px;height:18%;padding:6px 12px;display:flex;position:absolute;top:6%;left:5%;right:5%;overflow:hidden}.studio-display span{letter-spacing:.12em;font-size:clamp(.65rem,1.2vw,.9rem)}.studio-display small{white-space:nowrap;text-overflow:ellipsis;color:#b7aea2;font-size:clamp(.6rem,1vw,.75rem);overflow:hidden}.studio-pad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.3vw,16px);display:grid;position:absolute;inset:32% 5% 8%}.studio-pad{color:#e8e0d3;text-align:center;white-space:nowrap;cursor:pointer;background:#191715;border:1px solid #71675c;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:44px;padding:4px;font-size:clamp(.65rem,1.1vw,.85rem);font-weight:600;text-decoration:none;transition:background .1s,transform .1s,border-color .1s;display:flex;position:relative;box-shadow:inset 0 2px #39342f,0 3px #100f0e}.studio-device[data-renderer=webgl] .studio-pad{background:0 0}.studio-pad small{color:#b7aea2;white-space:normal;font-size:clamp(.6rem,.8vw,.7rem);font-weight:400}.studio-pad[aria-current=page]:before{content:"";background:#e8e0d3;border-radius:50%;width:5px;height:5px;margin-top:-25px;position:absolute}.studio-pad:disabled{cursor:default;color:#b7aea2;opacity:1;border-color:#39342f}.studio-pad:focus-visible{outline-offset:4px;outline:3px solid #ff5148}@media (hover:hover){.studio-pad:not(:disabled):hover{background:#39342f;border-color:#e8e0d3}}.studio-device .studio-pad[data-hit=true]{color:#100f0e;background:#ff5148;border-color:#ff5148;transform:translateY(2px)}@media (width<=767px){.studio-slot{min-height:470px}.studio-section{grid-template-columns:minmax(0,1fr);gap:16px;padding:40px 16px}.studio-copy>p:not(.eyebrow){max-width:none}.studio-copy .studio-status{min-height:1.7em;margin-top:12px}.studio-device{max-width:560px;margin:auto}.studio-display{gap:2px;height:22%;padding:2px 8px;line-height:1.2}.studio-pad-grid{gap:8px}}@media (prefers-reduced-motion:reduce){.studio-device,.studio-pad,.studio-section[data-ready=true]{transition:none}.studio-device .studio-pad[data-hit=true]{transform:none}}.admin-form [aria-invalid=true]{border-color:var(--accent)}.admin-form .check-label:has([aria-invalid=true]){flex-wrap:wrap}.admin-notice-empty{visibility:hidden}.admin-save-toast-region{right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:30;pointer-events:none;max-width:min(380px,100vw - 32px);position:fixed}.admin-save-toast{background:var(--surface);color:var(--text);border:1px solid #71675c;border-radius:6px;align-items:center;gap:16px;padding:12px 16px;display:flex;box-shadow:0 6px 24px #0005}.admin-save-toast span{overflow-wrap:anywhere;min-width:0}.admin-save-toast button{pointer-events:auto;flex-shrink:0;min-width:44px;padding:0;font-size:1.4rem}.admin-form .admin-save-confirmed{background:var(--surface);color:var(--text);border-color:#71675c}.app-shell.has-player .admin-save-toast-region{bottom:calc(180px + env(safe-area-inset-bottom,0px))}@media (width<=768px){.admin-save-toast-region{left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom,0px));margin-inline:auto}}.navbar .owner-link{color:var(--text);gap:6px}.owner-link span{font-size:.55rem}@media (width<=480px){.navbar-owner{flex-wrap:wrap}.navbar-owner ul{justify-content:center;width:100%}}.catalog-with-visualizer{grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);align-items:start;gap:48px;display:grid}.beat-visualizer{border-block:1px solid var(--line);background:var(--bg);align-items:center;min-width:0;height:280px;display:flex}.beat-visualizer-bars{justify-content:center;align-items:center;gap:5px;width:100%;height:160px;display:flex}.beat-visualizer-bars i{background:var(--text);opacity:.7;border-radius:1px;flex:1;max-width:8px;height:100%;display:block;transform:scaleY(.08)}.beat-visualizer-bars i:nth-child(12){background:var(--accent);opacity:.85}@media (width<=900px){.catalog-with-visualizer{display:block}.beat-visualizer{display:none}}@media (width>=901px){.catalog-with-visualizer{margin-top:32px}.catalog-with-visualizer .beat-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}}.producer-portrait{aspect-ratio:4/5;border:1px solid var(--line);background:var(--surface);justify-self:end;width:100%;max-width:320px;margin:0;overflow:hidden}.producer-portrait img{object-fit:cover;width:100%;height:100%;display:block}.producer-portrait-placeholder{height:100%;color:var(--muted);flex-direction:column;justify-content:center;gap:12px;padding:24px;display:flex}.producer-portrait-placeholder span{font-family:var(--display-font);color:var(--text);font-size:2rem}.producer-portrait-placeholder small{letter-spacing:.12em;font-size:.65rem}.producer-portrait-placeholder p{font-size:.85rem}.about-page{grid-template-columns:minmax(0,1fr);align-items:center;gap:40px;display:grid}@media (width>=901px){.about-page{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}@media (width<=768px){.producer-portrait{justify-self:start;max-width:260px}}.about{grid-template-columns:minmax(0,1fr);align-items:center;gap:40px;display:grid}.about-copy{min-width:0}@media (width>=901px){.about{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}.back-to-top{z-index:11;background:var(--surface);min-height:44px;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:8px 12px;font-size:.8rem;position:fixed;right:20px}.back-to-top:hover,.back-to-top:focus-visible{border-color:var(--accent)}@media (width<=768px){.back-to-top{right:12px}}.back-to-top{bottom:calc(16px + env(safe-area-inset-bottom,0px))}.has-player .back-to-top{bottom:var(--player-height,calc(320px + env(safe-area-inset-bottom,0px)))}