/* Reference-led storefront layer; existing application modules remain intact. */
:root{--bg:#070e0c;--surface:#0b1714;--text:#f4f8f5;--muted:#9dacA5;--line:#203b31;--lime:#a5f326;--acid:#a5f326;--red:#a5f326;--blood:#a5f326}
body.beat-store{--shop-accent:#a5f326;--shop-soft:#bafa60;--shop-panel:#08120f;--shop-border:#203b31;background:#070e0c;color:#f4f8f5}
.beat-store :focus-visible{outline:2px solid #bafa60;outline-offset:4px}
.beat-store .site-header{background:#060c0b;border-color:#20332c;padding-inline:4%;gap:24px}
.beat-store .site-header .wordmark span,.beat-store .hero-track-mark .tiny-dot{color:#a5f326}
.beat-store .header-search,.beat-store .hero-search{background:#101e19;border-color:#294034;border-radius:8px}
.beat-store .header-search input,.beat-store .site-header nav>a,.beat-store .store-subnav a,.beat-store .store-subnav button{font-size:14px}
.beat-store #cart-count,.beat-store .site-header nav .nav-cta{background:#a5f326;color:#0b1606}
.beat-store .store-subnav{background:#0a1411;border-color:#23372e;gap:30px}
.beat-store .store-subnav .store-current{border-color:#a5f326;color:#a5f326}
.beat-store .marketplace-hero{min-height:330px;border-bottom:1px solid #20372b}
.beat-store .marketplace-hero::before{background:linear-gradient(90deg,#050d0cf0,#06120baa 55%,#06120b55)}
.beat-store .marketplace-hero-inner{padding:36px 0;width:min(1400px,92%)}
.beat-store #marketplace-heading{font-size:clamp(32px,4vw,54px);max-width:720px;margin-bottom:20px}
.beat-store .marketplace-hero .eyebrow{color:#b1f763;font-size:12px}
.beat-store .discovery-search{max-width:600px;background:#0b1915ed;border:1px solid #526b3b;border-radius:8px;min-height:54px;padding:5px 6px 5px 18px}
.beat-store .discovery-search input{color:#f4f8f5;font-size:16px}
.beat-store .discovery-search input::placeholder{color:#a8b5ab}
.beat-store .discovery-search>span{color:#a5f326}
.beat-store .discovery-search button,.beat-store .hero-search button{background:#a5f326;color:#101b06;border-radius:5px;font-size:14px}
.beat-store .marketplace-hero-inner>p:not(.eyebrow),.beat-store .hero-studio-link{font-size:14px;color:#c0c9c1}
.neon-discovery{width:min(1400px,92%);margin:32px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}
.neon-feature,.neon-picks{background:#030a08;border:1px solid #20382c;border-radius:14px;padding:26px;min-width:0}
.neon-feature{background:radial-gradient(ellipse at 100% 0,#26381155,transparent 60%),#030a08}
.neon-feature-top{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:24px;align-items:center}
.neon-cover{width:150px;aspect-ratio:1;object-fit:contain;background:#0e1713;border-radius:8px}
.neon-kicker{color:#a5f326;font-size:12px;letter-spacing:2px;margin:0 0 12px}
.beat-store .neon-title{font-family:SirhozSans,Arial,sans-serif!important;font-size:clamp(25px,3vw,38px);line-height:1.2;margin:0 0 12px;overflow-wrap:anywhere}
.neon-meta{color:#a5b1aa;font-size:14px;line-height:1.8;margin:0}
.neon-tag{display:inline-block;background:#10281f;color:#b8f865;padding:4px 12px;border-radius:4px;margin-top:10px;font-size:14px}
.neon-controls{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}
.neon-button{background:#10281f;color:#d6e9dc;border:1px solid #294d39;border-radius:7px;padding:11px 15px;min-height:44px;cursor:pointer;font-size:14px}
.neon-button:hover{background:#1c3b2b}
.neon-button.neon-primary{background:#a5f326;border-color:#a5f326;color:#101b06;font-weight:700}
.neon-button[aria-pressed=true]{border-color:#a5f326;color:#a5f326}
.neon-play{width:62px;height:62px;border-radius:50%;background:#122f24;border:1px solid #2b4f35;color:#a5f326;cursor:pointer;display:grid;place-items:center}
.neon-play svg{width:24px;height:24px;fill:currentColor}
.neon-wave-wrap{position:relative;margin-top:26px;height:94px}
.neon-wave{display:block;width:100%;height:94px;color:#456528}
.neon-wave line.played{stroke:#a5f326}
.neon-wave-wrap input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.neon-wave-wrap:focus-within{outline:2px solid #a5f326;outline-offset:5px;border-radius:5px}
.neon-wave-empty{height:3px;background:#537a29;position:absolute;top:45px;width:100%}
.neon-times{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#a3b3a8;margin-top:12px}
.beat-store .neon-picks h2{font-family:SirhozSans,Arial,sans-serif!important;font-size:21px;margin:0 0 22px}
.neon-pick{display:grid;grid-template-columns:18px 48px minmax(0,1fr);gap:12px;align-items:center;width:100%;text-align:left;padding:12px 0;border:0;border-bottom:1px solid #15261e;background:none;color:#f4f8f5;cursor:pointer}
.neon-pick:hover{color:#a5f326}
.neon-pick img{width:48px;height:48px;border-radius:5px;object-fit:contain;background:#111}
.neon-pick strong{font-size:14px;display:block;overflow-wrap:anywhere;line-height:1.4}
.neon-pick small{font-size:12px;color:#9cac9e;display:block;margin-top:3px}
.neon-pick>span:first-child{font-size:14px;color:#a5f326}
.beat-store .beats-section{background:transparent;padding:36px 4% 44px;border-color:#20382c}
.beat-store .section-heading #beats-heading{font-size:28px}
.beat-store .section-heading>p,.beat-store .purchase-guidance{font-size:14px;color:#a7b8ae}
.beat-store .market-toolbar label{font-size:14px;color:#b5c3ba}
.beat-store .market-toolbar input,.beat-store .market-toolbar select{background:#101c17;border-color:#2c4435;color:#edf5ef;font-size:14px;height:46px}
.beat-store .market-actions .market-button{font-size:14px;min-height:42px;border-color:#304733;color:#c4d1c7}
.beat-store #play-visible{background:#153220;color:#bafa60;border-color:#39582c}
.beat-store .beats-section .market-note{font-size:12px;color:#9bab9f}
.beat-store .tracks{display:flex;flex-direction:column;gap:12px}
.beat-store .track,.beat-store .track:nth-child(2){display:grid;grid-template-columns:76px minmax(150px,1fr) minmax(130px,.7fr) minmax(280px,1.4fr);grid-template-rows:auto auto;gap:12px 22px;align-items:center;align-content:center;padding:20px;border:1px solid #1d3428;border-radius:10px;background:#050d0a;overflow:visible;transform:none}
.beat-store .track:hover{background:#0c1d14;border-color:#466b2e;transform:none}
.beat-store .track.is-playing{background:#10271d;border-color:#76ab30}
.beat-store .track .track-art{grid-column:1;grid-row:1;aspect-ratio:1;width:76px;height:76px;align-self:center;border-radius:6px;overflow:hidden}
.beat-store .track .track-info{grid-column:2;grid-row:1;padding:0;min-width:0}
.beat-store .track .track-info h3{font-size:18px;margin:0 0 8px}
.beat-store .track .track-info p{font-size:14px;color:#a4b3a9}
.beat-store .track .track-bpm{grid-column:3;grid-row:1;padding:0;color:#b8ed77;font-size:14px}
.beat-store .track-key{font-size:12px;color:#a5b29c;margin-top:6px}
.beat-store .track .market-track-actions{grid-column:4;grid-row:1;grid-template-columns:repeat(3,1fr);padding:0;gap:6px}
.beat-store .track .market-track-actions .market-button{font-size:12px;min-height:36px;border-color:#28402f;color:#b9c8bd;padding:8px 6px}
.beat-store .track .market-track-actions .market-buy{font-size:14px;min-height:42px;background:#a5f326;border-color:#a5f326;color:#101b06}
.beat-store .track .market-track-actions .market-buy:hover{background:#bafa60;border-color:#bafa60}
.beat-store .track .market-track-actions .market-button[aria-pressed=true]{background:#16341c;border-color:#a5f326;color:#bafa60}
.beat-store .track .round-play{position:relative;grid-column:1;grid-row:1;justify-self:center;align-self:center;inset:auto;width:38px;height:38px;background:#071b12df;border-color:#90c95b;z-index:2}
.beat-store .track.is-playing .round-play{background:#a5f326;color:#0b190b;border-color:#a5f326}
.beat-store .track .waveform{grid-column:2/4;grid-row:2;width:100%;margin:0;color:#80b82b}
.beat-store .track .waveform svg{height:27px}
.beat-store .waveform input[type=range]{accent-color:#a5f326;height:20px}
.beat-store .track-timeline{color:#a1b09f;font-size:12px}
.beat-store .track .track-collab{grid-column:4;grid-row:2;background:none;color:#a6b89e;border:1px solid #263f2b;border-radius:5px;min-height:38px;font-size:18px}
.beat-store .track .track-collab::before{font-size:12px}
.beat-store .player{background:#07140ef5;border-color:#476c30;box-shadow:0 -8px 40px #0009}
.beat-store .player-toggle{background:#a5f326;border-color:#a5f326;color:#081508}
.beat-store .player input[type=range]{accent-color:#a5f326}
.beat-store .market-player-controls .market-button{font-size:12px;color:#c3d4c3;border-color:#3c523d}
.beat-store .producer-panel,.beat-store .collab-panel{background:#0b1712;border-color:#263d2c}
.beat-store .hero-actions .button.lime,.beat-store .button.dark,.beat-store .market-dialog .market-buy,.beat-store .commerce-dialog .button.lime{background:#a5f326;border-color:#a5f326;color:#0b1907}
.beat-store .market-dialog{background:#0b1712;border-color:#3c5c38}
.beat-store .market-dialog .market-button{font-size:14px}
.beat-store .market-dialog .market-note{font-size:14px;color:#b3c3b3}
.beat-store .market-dialog #market-status,.beat-store .commerce-dialog [data-status]{color:#bafa60}
.beat-store .catalog-foot p,.beat-store .catalog-foot .mono{font-size:12px;color:#9bab9f}
@media(max-width:1100px){.neon-discovery{grid-template-columns:minmax(0,1fr) 255px;gap:16px}.neon-feature,.neon-picks{padding:20px}.neon-feature-top{grid-template-columns:110px minmax(0,1fr);gap:18px}.neon-cover{width:110px}.neon-play{grid-column:1;grid-row:2;width:50px;height:50px}.neon-feature-info{grid-column:2;grid-row:1/3}.beat-store .track,.beat-store .track:nth-child(2){grid-template-columns:64px minmax(140px,1fr) minmax(240px,1fr);gap:12px 16px}.beat-store .track .track-art{width:64px;height:64px}.beat-store .track .track-bpm{grid-column:2;grid-row:2}.beat-store .track .market-track-actions{grid-column:3;grid-row:1/3}.beat-store .track .waveform{grid-column:1/3;grid-row:3}.beat-store .track .track-collab{grid-column:3;grid-row:3}}
@media(max-width:760px){.beat-store .site-header{padding:16px 4%}.beat-store .store-subnav{justify-content:flex-start;overflow-x:auto;gap:24px;flex-wrap:nowrap;padding-inline:4%}.beat-store .store-subnav>*{white-space:nowrap}.beat-store .marketplace-hero{min-height:350px}.beat-store .marketplace-hero-inner{padding-block:32px}.beat-store .hero-track-mark{display:none}.neon-discovery{grid-template-columns:1fr;margin-top:20px}.neon-feature-top{grid-template-columns:90px minmax(0,1fr);gap:16px}.neon-cover{width:90px}.neon-title{font-size:26px}.neon-feature,.neon-picks{padding:20px}.neon-picks-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.neon-pick{grid-template-columns:38px minmax(0,1fr);gap:10px}.neon-pick>span:first-child{display:none}.neon-pick img{width:38px;height:38px}.beat-store .market-toolbar{grid-template-columns:1fr 1fr}.beat-store .market-toolbar label:first-child{grid-column:1/-1}.beat-store .track,.beat-store .track:nth-child(2){grid-template-columns:60px minmax(0,1fr);padding:16px;gap:12px 16px}.beat-store .track .track-art{width:60px;height:60px}.beat-store .track .track-bpm{grid-column:2;grid-row:2}.beat-store .track .market-track-actions{grid-column:1/-1;grid-row:4}.beat-store .track .waveform{grid-column:1/-1;grid-row:3}.beat-store .track .track-collab{grid-column:1/-1;grid-row:5}.beat-store .track .market-track-actions .market-button{min-height:42px;font-size:14px}.neon-controls{gap:8px}.neon-button{padding:10px 12px}.beat-store .section-heading>p{display:none}}
@media(prefers-reduced-motion:reduce){.beat-store .track{transition:none}}
/* Keep existing motion, with the storefront's new accent. */
.beat-store .motion-wallpaper{background:radial-gradient(ellipse at 85% 15%,#a5f3260a,transparent 55%)}
.beat-store .motion-wallpaper i{background:radial-gradient(ellipse,#84bd2723,transparent 68%)}
.beat-store .motion-wallpaper i:last-child{background:radial-gradient(ellipse,#a5f32617,transparent 67%)}
.beat-store .motion-hero-art::before{background:radial-gradient(ellipse at 57% 60%,#9be63320,transparent 36%),radial-gradient(ellipse at 82% 38%,#a5f32617,transparent 26%)}
[data-motion=on] .beat-store .motion-card:hover{border-color:#608d3c;box-shadow:0 18px 42px #0007,0 0 0 1px #a5f32625}
[data-motion=on] .beat-store .market-buy:hover{box-shadow:0 5px 24px #a5f32635}
[data-motion=on] .beat-store .track.is-playing{box-shadow:0 0 0 1px #a5f32644,0 10px 40px #a5f3260a}
[data-motion=on] .beat-store .discovery-search:focus-within{border-color:#a5f326;box-shadow:0 0 0 4px #a5f32614,0 12px 40px #0005}
/* Complete the green theme in interactive and secondary storefront sections. */
.beat-store .music-lab,.beat-store .genre-game{background:#0b1712;border-color:#263d2c;border-top-color:#a5f326}
.beat-store .music-lab .ml-primary,.beat-store .genre-game .genre-primary{background:#a5f326;border-color:#a5f326;color:#101b06}
.beat-store .music-lab .ml-primary:hover:not(:disabled),.beat-store .genre-game .genre-primary:hover:not(:disabled){background:#bafa60;border-color:#bafa60;color:#101b06}
.beat-store .music-lab .ml-tabs button[aria-selected=true],.beat-store .music-lab button[aria-pressed=true]{background:#173322;border-color:#a5f326;color:#c7f89b}
.beat-store .music-lab .ml-tap{background:#10281d;border-color:#577f34;color:#edf5e8}
.beat-store .music-lab .ml-tap.is-beat,.beat-store .music-lab .ml-tap:active{background:#a5f326;color:#101b06;border-color:#c5ff74}
.beat-store .music-lab .ml-step[aria-pressed=true]{background:#a5f326;color:#101b06;border-color:#c5ff74}
.beat-store .music-lab .ml-wrong,.beat-store .genre-game button.is-wrong{background:#302611;border-color:#d5ae52;color:#ffe1a3}
.beat-store .music-lab .ml-error{background:#302611;border-color:#d5ae52;color:#ffe1a3}
.beat-store .poster-play-icon{background:#a5f326;border-color:#a5f326;color:#101b06}
.beat-store .market-dialog .market-buy,.beat-store .commerce-dialog .button.lime,.beat-store .site-header nav .nav-cta{color:#101b06}
.beat-store .market-dialog input[type=checkbox]{accent-color:#a5f326}