@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#ece7df;background:#040101;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#040101;color:#ece7df;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app-shell{position:relative;padding:0 24px 96px}.noise-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-size:200px}.ambient-glow{position:fixed;border-radius:999px;filter:blur(90px);pointer-events:none;opacity:.13}.ambient-gold{width:32rem;height:32rem;top:10rem;left:18%;background:#eea743}.ambient-coral{width:28rem;height:28rem;top:22rem;right:12%;background:#e8575b}.site-header,.hero-video-section,.hero-section,.how-strip,.composer-section,.mall-section,.library-kitchen-grid,.crate-section,.discovery-section,.section-divider{position:relative;z-index:1;width:100%;margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px;padding-inline:clamp(16px,3vw,32px);background:#040101e0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid oklch(.22 .012 25)}.brand{display:flex;align-items:center;gap:10px;cursor:pointer}.brand-disc{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#eea743,#ed8253,#e8575b);color:#000;font-family:Syne,sans-serif;font-size:.9rem;font-weight:800;box-shadow:0 0 16px #eea74373}.brand-name,.eyebrow,h1,h2,h3,h4,.hero-prompt-button,.hero-stats strong{font-family:Syne,sans-serif}.brand-name{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.brand-name span{color:#eea743}.desktop-nav,.header-actions{display:flex;align-items:center;gap:10px}.desktop-nav button,.header-button{background:none;border:none;color:#a29e98;cursor:pointer}.desktop-nav button{padding:8px 12px}.desktop-nav button:hover{color:#ece7df}.header-button{padding:8px 18px;border-radius:10px}.header-button.subtle{border:1px solid oklch(.3 .015 25)}.header-button.accent{color:#0a0805;font-weight:700;background:linear-gradient(135deg,#eea743,#ed8253,#e8575b);box-shadow:0 0 20px #eea74340}.hero-video-section{position:relative;min-height:320vh;margin-top:0}.hero-video-sticky{position:sticky;top:68px;height:calc(100vh - 68px);overflow:hidden;display:flex;align-items:center;justify-content:center;background:#050505}.hero-background-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#050505;display:block;z-index:1}.hero-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(circle at center,#00000024,#00000061 55%,#000000d1),linear-gradient(180deg,#0000005c,#0000003d 35%,#000000b8)}.hero-section{position:relative;z-index:3;min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;text-align:center;padding:24px clamp(16px,3vw,32px) 56px}.hero-copy{width:min(960px,100%)}.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:24px;background:#eea7431a;border:1px solid oklch(.78 .14 72 / .35);color:#eea743;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 20px #eea74314}.hero-copy h1{margin:28px 0 10px;font-size:clamp(3.6rem,8vw,7rem);line-height:.95;letter-spacing:-.045em}.hero-copy h1 span{background:linear-gradient(130deg,#fcb452,#fa686a 55%,#cd89b0,#969cee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-text,.section-head p,.provider-copy,.crate-grid p,.how-card p,.kitchen-job p,.library-item p,.library-item small{color:#75716b}.hero-text{max-width:620px;margin:0 auto 36px;font-size:1.18rem;line-height:1.65}.hero-prompt-bar{width:min(620px,100%);margin:0 auto;display:flex;align-items:center;gap:14px;padding:14px 14px 14px 20px;border-radius:16px;border:1px solid oklch(.78 .14 72 / .3);background:#080303d1;box-shadow:0 0 0 1px #eea74314,0 20px 60px #010000cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer}.hero-prompt-icon{font-size:1.2rem;opacity:.7}.hero-prompt-text{flex:1;min-height:22px;text-align:left;color:#9b9891;font-size:.98rem}.cursor-bar{display:inline-block;height:1.1em;border-right:2px solid oklch(.78 .14 72);margin-left:2px;animation:blink .9s step-end infinite}.hero-prompt-button,.primary-button{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.hero-prompt-button{padding:11px 22px;border-radius:11px;color:#0a0805;background:linear-gradient(135deg,#eea743,#f28657,#f36164);box-shadow:0 4px 20px #eea74366}.hero-engine-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:20px 0 48px}.hero-debug-badge{display:inline-flex;align-items:center;justify-content:center;margin:0 0 28px;padding:8px 14px;border-radius:999px;border:1px solid oklch(.3 .015 25);background:#08080894;color:#b4b0aa;font-size:.82rem;letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-engine-pill,.item-status,.job-pill,.tag-row span,.engine-chip,.filter-row button{border-radius:999px}.hero-engine-pill{padding:4px 11px;font-size:.78rem;color:#83807a;background:#0a0404e6;border:1px solid oklch(.2 .015 25)}.hero-engine-pill.highlight{color:#eea743;background:#eea7431f;border-color:#eea7434d}.hero-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.hero-stats.compact strong{display:block;font-size:2rem;margin-bottom:4px}.hero-stats.compact span{color:#504d47}.demo-chip{margin:20px 0 0;color:#5bae5f;font-size:.88rem}.section-divider{height:1px;margin-top:8px;background:linear-gradient(90deg,transparent,oklch(.22 .015 25),transparent)}.how-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:60px clamp(16px,3vw,32px)}.how-card{padding:28px 24px;background:#070202;border:1px solid oklch(.18 .015 25)}.how-card:first-child{border-radius:14px 0 0 14px}.how-card:last-child{border-radius:0 14px 14px 0}.how-card span{display:inline-block;margin-bottom:10px;color:#eea743;font-size:.8rem;letter-spacing:.12em}.how-card h3{margin:0 0 8px}.composer-section,.mall-section,.crate-section,.discovery-section{padding:100px clamp(16px,3vw,32px)}.library-kitchen-grid{display:grid;grid-template-columns:1fr;gap:24px;padding:100px clamp(16px,3vw,32px)}.section-head{text-align:center;margin-bottom:44px;max-width:720px;margin-inline:auto}.section-head.left{text-align:left;margin-inline:0}.eyebrow{margin:0 0 12px;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#eea743}.eyebrow.blue{color:#46b3a6}.eyebrow.coral{color:#e8575b}.eyebrow.green{color:#5bae5f}.section-head h2{margin:0 0 10px;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.03em}.composer-shell,.provider-card,.library-panel,.kitchen-panel,.crate-grid article,.trend-card{background:#070202;border:1px solid oklch(.2 .015 25);box-shadow:0 0 60px #040101cc}.composer-shell,.library-panel,.kitchen-panel{border-radius:20px;padding:32px;max-width:1200px;margin-inline:auto}.prompt-input,.advanced-panel select,.advanced-panel input[type=text]{width:100%;background:#0d0505;border:1px solid oklch(.25 .015 25);border-radius:12px;color:#d8d3cc}.prompt-input{padding:16px 20px;resize:none;line-height:1.6}.engine-picker,.tag-row,.filter-row,.kitchen-pillars{display:flex;flex-wrap:wrap;gap:8px}.engine-picker{margin-top:18px}.engine-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid oklch(.22 .015 25);background:#0d0505;color:#75716b;cursor:pointer}.engine-chip.selected{color:#eea743;background:#eea7431f;border-color:#eea743;box-shadow:0 0 12px #eea74340}.engine-chip.disabled{opacity:.5;cursor:not-allowed}.advanced-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:0;border:0;background:none;color:#66635d;cursor:pointer}.advanced-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px;margin-top:20px;border-radius:12px;background:#0a0404;border:1px solid oklch(.2 .015 25)}.advanced-panel label{display:grid;gap:6px;font-size:.8rem;letter-spacing:.06em;color:#75716b}.advanced-panel input[type=range]{width:100%;accent-color:oklch(.78 .14 72)}.advanced-panel select,.advanced-panel input[type=text]{padding:7px 10px}.style-label{grid-column:1 / -1}.composer-actions{margin-top:20px}.primary-button,.secondary-button{justify-content:center;padding:16px 32px;border-radius:12px;border:none;cursor:pointer}.primary-button{color:#0a0805;font-size:1rem;font-weight:800;background:linear-gradient(135deg,#eea743,#ed8253,#e8575b);box-shadow:0 0 30px #eea74359}.primary-button:disabled{background:#281f1e;color:#75716b;cursor:not-allowed;box-shadow:none}.secondary-button{color:#928f88;background:#080303;border:1px solid oklch(.25 .015 25)}.notice-banner{margin-top:20px;padding:12px 14px;border-radius:12px;color:#eea743;background:#eea74314;border:1px solid oklch(.78 .14 72 / .18)}.filter-row{justify-content:center;max-width:1200px;margin:0 auto 40px}.filter-row button{padding:7px 18px;border:1px solid oklch(.22 .015 25);background:#080303;color:#75716b;cursor:pointer}.filter-row button.active{color:#46b3a6;border-color:#46b3a6;background:#46b3a629}.provider-grid,.crate-grid,.trending-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1200px;margin-inline:auto}.provider-card{padding:24px;border-radius:16px;transition:border-color .2s,transform .2s,box-shadow .2s}.provider-card:hover{transform:translateY(-2px);border-color:#352b2a}.provider-card.soon{opacity:.6}.provider-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.provider-badge{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#ffffff05;border:1px solid;font-size:1.35rem}.provider-header h3,.provider-header p,.provider-card h4,.provider-copy,.crate-grid h3,.crate-grid p,.library-item h3,.library-item p,.kitchen-job h3,.kitchen-job p,.trend-head h3,.style-prompt-block h3,.newsletter h3{margin:0}.provider-header p{margin-top:2px;color:#75716b;font-size:.72rem}.status-tag{display:inline-flex;align-items:center;padding:4px 8px;font-size:.66rem;white-space:nowrap}.status-tag.verified{color:#5bae5f;background:#5bae5f2e;border:1px solid oklch(.68 .14 145 / .4)}.status-tag.sales{color:#46b3a6;background:#46b3a62e;border:1px solid oklch(.7 .1 185 / .4)}.status-tag.watchlist{color:#e8575b;background:#e8575b2e;border:1px solid oklch(.65 .18 22 / .4)}.provider-card h4{margin-bottom:10px;color:#ece7df}.provider-copy{line-height:1.6}.tag-row{margin-top:16px}.tag-row span{padding:3px 8px;font-size:.72rem;background:#0f0706;border:1px solid oklch(.22 .015 25);color:#75716b}.library-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:14px 16px;border-radius:14px;background:#050201;border:1px solid oklch(.16 .015 25)}.library-topbar span{color:#4b4742}.library-topbar button{padding:6px 14px;border-radius:8px;border:1px solid oklch(.24 .015 25);background:#0f0706;color:#83807a;cursor:pointer}.library-list,.kitchen-stack{display:grid;gap:12px}.library-item,.kitchen-job{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:12px;background:#0a0404;border:1px solid oklch(.16 .015 25)}.library-play{width:34px;height:34px;flex-shrink:0;border-radius:999px;display:grid;place-items:center;background:#130b0a;border:1px solid oklch(.28 .015 25);color:#83807a;font-size:.72rem}.library-main{flex:1;min-width:0}.library-main small{display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-wave{display:flex;align-items:center;gap:1.5px;height:22px}.mini-wave span{width:2.5px;border-radius:2px;background:#eea743;opacity:.65}.library-actions{display:flex;align-items:center;gap:8px}.library-actions button{padding:5px 10px;border-radius:7px;border:1px solid oklch(.78 .14 72 / .3);background:#eea7431f;color:#eea743;cursor:pointer}.library-actions button:disabled{opacity:.5;cursor:not-allowed}.item-status,.job-pill{padding:4px 10px;font-size:.7rem}.item-status.generated{color:#b1ada7;background:#0f0706}.item-status.kitchen-ready{color:#eea743;background:#eea7431f}.item-status.kitchen-processing,.job-pill.processing{color:#e8575b;background:#e8575b24}.item-status.kitchen-finished,.job-pill.finished{color:#5bae5f;background:#5bae5f29}.job-pill.queued{color:#46b3a6;background:#46b3a629}.kitchen-pillars{justify-content:space-between;margin-bottom:20px}.kitchen-pillars div{flex:1 1 160px;max-width:200px;padding:18px 16px;text-align:center;border-radius:14px;background:#070202cc;border:1px solid oklch(.2 .015 25)}.kitchen-pillars span{display:block;margin-bottom:8px;color:#eea743;font-size:1.2rem}.kitchen-pillars strong{display:block}.crate-toolbar,.drop-row,.style-prompt-block,.newsletter,.footer-grid,.footer-bottom{max-width:1200px;margin-inline:auto}.crate-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.crate-toolbar button{padding:9px 20px;border-radius:10px;border:1px solid oklch(.22 .015 25);background:#080303;color:#83807a;cursor:pointer}.crate-toolbar .accent{color:#cc8cda;background:#cc8cda26;border-color:#cc8cda66;font-weight:600}.drop-row{display:flex;gap:12px;overflow-x:auto;margin-bottom:32px;padding:20px 24px;border-radius:16px;background:#080303;border:1px solid oklch(.2 .015 25)}.drop-label{align-self:center;margin-right:8px;color:#66635d;font-size:.72rem;font-weight:700;letter-spacing:.08em;white-space:nowrap}.drop-card{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:8px 14px;border-radius:10px;background:#0f0706;border:1px solid oklch(.22 .015 25)}.drop-card strong,.drop-card span{font-size:.82rem}.drop-card span{color:#58554f}.hot-pill{padding:1px 6px;border-radius:4px;font-size:.62rem;font-weight:700;color:#e8575b;background:#e8575b33}.crate-card{overflow:hidden}.crate-card.locked{opacity:.72}.crate-cover{position:relative;height:120px;margin:-24px -24px 18px;overflow:hidden;background:linear-gradient(135deg,color-mix(in oklch,var(--crate-color) 25%,transparent),#040101)}.vinyl-stack{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.vinyl-stack span,.vinyl-stack i{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:999px}.vinyl-stack span{border:1px solid color-mix(in oklch,var(--crate-color) 35%,transparent)}.vinyl-stack i{width:16px;height:16px;background:var(--crate-color);box-shadow:0 0 10px var(--crate-color)}.crate-cover em,.crate-cover b{position:absolute;font-style:normal}.crate-cover em{top:10px;right:10px;padding:3px 8px;border-radius:6px;font-size:.62rem;font-weight:700;color:#75716b;background:#070202cc;border:1px solid oklch(.22 .015 25)}.crate-cover b{left:14px;bottom:10px;color:var(--crate-color);font-size:.72rem}.crate-actions{display:flex;gap:8px;margin-top:14px}.crate-actions button{cursor:pointer;border-radius:8px}.crate-actions button:first-child{flex:1;padding:8px;border:1px solid oklch(.22 .015 25);background:#0f0706;color:#928f88}.crate-actions button:last-child{padding:8px 14px;border:1px solid oklch(.22 .015 25);background:#0d0505;color:#75716b}.crate-banner{max-width:1200px;margin:32px auto 0;padding:20px 28px;text-align:center;border-radius:14px;background:#070202;border:1px dashed oklch(.73 .13 320 / .4);color:#66635d}.crate-banner span{color:#cc8cda;font-weight:600}.trend-card{padding:20px;border-radius:16px}.trend-card.playing{box-shadow:0 0 24px #eea74314}.trend-bars{display:flex;align-items:end;gap:1.5px;height:52px;margin-bottom:16px;padding:0 4px;cursor:pointer}.trend-bars span{flex:1;min-width:3px;border-radius:2px;transition:all .3s}.trend-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.trend-head p,.trend-plays span,.style-prompt-block p,.newsletter p,.footer-brand p,.footer-bottom span,.footer-bottom div span{color:#58554f}.trend-plays{text-align:right}.trend-plays strong{display:block}.trend-card blockquote{margin:0 0 14px;color:#58554f;font-size:.82rem;font-style:italic}.trend-actions{display:flex;gap:8px}.trend-actions button{cursor:pointer}.trend-actions button:first-child{width:32px;height:32px;border-radius:999px;border:1px solid oklch(.26 .015 25);background:#130b0a;color:#83807a}.use-prompt{flex:1;border-radius:8px;border:1px solid oklch(.78 .14 72 / .35);background:#eea74326;color:#eea743;padding:6px 12px;font-weight:600}.style-prompt-block{text-align:center}.style-prompt-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}.style-prompt-row button{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:12px;border:1px solid oklch(.22 .015 25);background:#080303;color:#b2ada6;cursor:pointer}.style-prompt-row button em{font-style:normal;color:#4b4742}.site-footer{margin-top:64px;padding:72px clamp(16px,3vw,32px) 40px;background:#030101;border-top:1px solid oklch(.16 .015 25)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}.footer-brand p{max-width:280px;line-height:1.7}.footer-socials{display:flex;gap:10px}.footer-socials button{width:34px;height:34px;border-radius:8px;border:1px solid oklch(.2 .015 25);background:#0a0404;color:#66635d;cursor:pointer}.footer-column{display:flex;flex-direction:column;gap:10px}.footer-column>span{margin-bottom:6px;color:#4b4742;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.footer-column a{color:#66635d}.newsletter{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:48px;padding:32px 40px;border-radius:16px;background:#070202;border:1px solid oklch(.2 .015 25)}.newsletter-form{display:flex;flex:1 1 320px;max-width:420px}.newsletter-form input{flex:1;padding:12px 16px;border-radius:10px 0 0 10px;border:1px solid oklch(.25 .015 25);border-right:none;background:#0d0505;color:#c2bdb5}.newsletter-form button{padding:12px 24px;border-radius:0 10px 10px 0;border:none;background:linear-gradient(135deg,#eea743,#ed8253,#e8575b);color:#0a0805;font-weight:700;cursor:pointer}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.footer-bottom div{display:flex;align-items:center;gap:8px}.footer-bottom i{width:6px;height:6px;border-radius:999px;background:#5bae5f;box-shadow:0 0 6px #5bae5f}.loading-screen{min-height:100vh;display:grid;place-items:center;gap:12px;color:#a29e98}.spin{animation:spin 1s linear infinite}.fade-up{animation:fade-up .7s ease both}.delay-2{animation-delay:.2s}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}@media (max-width: 980px){.desktop-nav,.header-actions{display:none}.hero-video-section{min-height:260vh}.how-strip,.provider-grid,.crate-grid,.trending-grid,.footer-grid{grid-template-columns:1fr}.how-card{border-radius:14px}.advanced-panel{grid-template-columns:1fr}.newsletter,.footer-bottom,.crate-toolbar{flex-direction:column;align-items:flex-start}}@media (max-width: 720px){.app-shell{padding-inline:16px}.hero-video-section{min-height:220vh}.hero-video-sticky{top:68px;height:calc(100vh - 68px)}.hero-copy h1{font-size:3.5rem}.hero-prompt-bar,.library-item,.kitchen-job,.library-topbar,.newsletter-form{flex-direction:column;align-items:flex-start}.hero-prompt-button,.primary-button,.secondary-button,.newsletter-form button,.newsletter-form input{width:100%}.newsletter-form input{border-right:1px solid oklch(.25 .015 25);border-radius:10px}.newsletter-form button{border-radius:10px}.hero-stats{gap:24px}.library-actions{width:100%;justify-content:space-between}}