@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}img,svg{max-width:100%;display:block}button{cursor:pointer}button:disabled{cursor:not-allowed}}@layer base{:root{color-scheme:dark;--bg:#0b0c0a;--surface:#151713;--ink:#f0f1eb;--muted:#a5aaa0;--accent:#c2ff5c;--line:#30352b;--gutter:clamp(22px, 5vw, 88px)}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}h1,h2{text-wrap:balance}h1{font-size:clamp(58px,8.8vw,140px)}h2{font-size:clamp(44px,6.2vw,90px)}h3{letter-spacing:-.035em}p{color:var(--muted);line-height:1.65}button{color:inherit}.wrap{width:min(100% - var(--gutter) * 2, 1400px);margin-inline:auto}.accent{color:var(--accent)}.muted{color:#92978b}.eyebrow,.section-label,.scene-caption{line-height:1.5}.eyebrow{color:var(--muted)}.section-label{border-top:1px solid var(--line);color:var(--muted);gap:20px;display:flex}.section-label>:first-child{color:var(--accent)}.section-heading{justify-content:space-between;align-items:end;gap:48px}.button{border:1px solid var(--accent);white-space:nowrap;justify-content:space-between;align-items:center;gap:40px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:disabled{opacity:.6}.skip-link{z-index:100;background:var(--accent);color:var(--bg);padding:16px;position:fixed;top:-80px;left:20px}.skip-link:focus{color:var(--bg);top:20px}}@layer components{.site-header{align-items:center;gap:24px;display:flex}.wordmark{letter-spacing:-.055em;align-items:center;gap:10px;font-size:21px;font-weight:600;display:inline-flex}.nav-cta{border:1px solid var(--line);font-size:12px;display:flex}.hero{padding-top:62px}.hero-bottom{justify-content:space-between;align-items:center;margin-top:38px;margin-bottom:62px;display:flex}.hero-bottom p{line-height:1.7}.hero-stage{padding-inline:5%}.library-window{background:var(--surface);transform-origin:50%;overflow:hidden}.album-tile strong{margin-top:10px;font-size:11px;font-weight:500;display:block}.album-tile>span{color:var(--muted);margin-top:5px;font-size:9px;display:block}.cover{aspect-ratio:1;isolation:isolate;background:#c0c6b0;border-radius:3px;position:relative;overflow:hidden}.cover-small{flex-shrink:0;width:34px}.comparison{grid-template-columns:1fr 1fr;gap:20px;display:grid}.recording{border:1px solid var(--line);min-width:0;overflow:hidden}.recording figcaption{justify-content:space-between;gap:12px;padding:20px;font-size:14px;display:flex}.recording-tunefuse figcaption>:first-child{color:var(--accent)}.recording figcaption .eyebrow{font-size:8px}.recording-slot{aspect-ratio:16/10;color:var(--muted);border-top:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:13px;display:flex}.recording-icon{border:1px solid #4a5141;border-radius:50%;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.recording-note{font:9px monospace}.speed-notes{grid-template-columns:1fr 1fr;margin:75px 0 0;display:grid}.speed-notes>div{border-top:1px solid var(--line);padding-top:25px}.note-number{color:var(--accent);font-size:25px}.speed-notes h3{margin:20px 0 12px}.speed-notes p{max-width:370px}.merge-stage{position:relative}.merge-sources{grid-template-columns:1fr 40px 1fr;margin-inline:auto;display:grid}.merge-plus{color:var(--muted);text-align:center;font-size:36px}.album-panel{border:1px solid #424b36;min-width:0}.panel-top{color:var(--muted);justify-content:space-between;margin-bottom:25px;font-size:11px;display:flex}.album-intro{align-items:center;gap:20px;margin-bottom:25px;display:flex}.album-intro .cover{flex-shrink:0}.album-intro h3{margin-block:7px}.track{border-top:1px solid var(--line);gap:8px;padding:13px 0;display:grid}.track>:first-child,.track>:last-child{color:var(--muted)}.catalog-link{color:var(--muted);margin-top:48px}.merge-result{margin:30px auto 0}.merge-arrow{color:var(--accent);text-align:center;margin-bottom:25px;font-size:30px;display:block}.scene-caption{text-align:center;color:var(--ink);margin-top:35px}.artist-section{grid-template-columns:1fr 1fr;align-items:center;gap:100px}.artist-section h2{margin:20px 0}.artist-section p{max-width:360px}.quick-section{background:#10120e}.shortcut{align-items:center;gap:7px;margin-top:25px;display:flex}kbd{border:1px solid #4f5944;border-bottom-width:3px;border-radius:6px;place-items:center;min-width:34px;height:35px;font-size:17px;display:grid}.shortcut>span{color:var(--muted);margin-left:9px;font-size:10px}.compatibility{border:1px solid var(--line);border-radius:20px;margin-top:18px;padding:5px 10px;font-size:11px;display:inline-block}.notch-stage{border:1px solid #4e5842;position:relative;overflow:hidden}.maker{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:45px;display:grid}.maker h2{font-size:clamp(32px,4vw,60px)}.maker p{max-width:500px;margin:30px 0;font-size:15px}.maker-signature{color:var(--accent);gap:35px;font-size:13px;display:inline-flex}.signup{grid-template-columns:1.1fr 1fr;align-items:center;gap:60px}.signup h2{margin:28px 0}.signup-form-wrap{min-width:0}.email-field{flex-wrap:wrap;gap:10px;display:flex}.email-field input{min-width:0;color:var(--ink);border:1px solid #556047;flex:160px;padding:17px;font-size:14px}.email-field input::placeholder{color:var(--muted)}.email-field .button{gap:20px}#form-status{min-height:22px;margin-top:13px;font-size:13px}#form-status[data-state=success]{color:var(--accent)}.faq{border-top:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:80px;padding-block:90px 130px;display:grid}.faq h2{margin:20px 0}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:15px;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--accent);font-size:20px;transition:transform .32s cubic-bezier(.22,1,.36,1)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details[data-expanded=false] summary>span{transform:rotate(0)}.faq-list summary:focus-visible{outline-offset:-3px}.faq-answer{display:flow-root}.faq-list details p{padding:0 30px 24px 0;font-size:13px}.site-footer{border-top:1px solid var(--line);padding-block:35px 100px}.footer-top,.footer-bottom{justify-content:space-between;align-items:center;gap:25px;display:flex}.footer-top>span,.footer-top>a:last-child{color:var(--muted);font-size:11px}.footer-bottom{color:var(--muted);margin-top:45px;font-size:10px}.footer-bottom>div{gap:23px;display:flex}.trademark-note{text-align:center;margin-top:20px;font-size:9px}.legal-page{max-width:750px;padding-block:100px}.legal-page h1{margin:40px 0;font-size:64px}.legal-page p{margin-block:25px}.legal-page a{color:var(--accent)}}@layer responsive{@media (width>=901px) and (prefers-reduced-motion:no-preference){.merge-stage.is-animated{align-items:center;min-height:440px;display:flex}.merge-stage.is-animated .merge-sources{width:100%}.merge-stage.is-animated .merge-result{width:440px;margin:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.merge-stage.is-animated .merge-arrow{display:none}}@media (width<=1000px){.section-heading{gap:30px}.signup{grid-template-columns:1fr;gap:15px}.artist-section{gap:50px}.recording figcaption{flex-direction:column}.album-intro{gap:12px}.merge-sources{grid-template-columns:1fr 25px 1fr}}@media (width<=700px){.wordmark{font-size:18px}.nav-cta{font-size:11px}.hero{padding-top:45px}.hero h1 br{display:none}.hero h1 .accent{display:block}.hero-bottom{align-items:start;margin-bottom:40px}.album-tile:nth-child(n+5){display:none}.section-heading>p,.section-heading>div{margin-top:25px}.comparison{grid-template-columns:1fr}.recording figcaption{flex-direction:row;align-items:center;padding:17px}.recording figcaption .eyebrow{font-size:7px}.speed-notes{margin-top:45px}.merge-sources{flex-direction:column;display:flex}.album-panel{width:100%}.merge-plus{font-size:28px}.artist-section{grid-template-columns:1fr;gap:40px}.maker{grid-template-columns:1fr;gap:25px}.maker p{font-size:13px}.email-field{flex-direction:column}.email-field input{flex-basis:auto}.email-field .button{justify-content:center}.faq{grid-template-columns:1fr;gap:25px;padding-block:60px 80px}.faq-list summary{font-size:14px}.footer-top,.footer-bottom{flex-wrap:wrap;align-items:start}.footer-top>span{display:none}.footer-bottom{gap:20px;margin-top:30px}.legal-page h1{font-size:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media (forced-colors:active){.cover{border:1px solid canvastext}.button{forced-color-adjust:none}.album-panel,.library-window,.notch-stage{border:1px solid canvastext}}}@layer presentation{html{--bg:#000;--surface:#141416;--ink:#f5f5f7;--muted:#a1a1a9;--accent:#9dccff;--line:#343439;color-scheme:dark}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1,h2{letter-spacing:-.055em;font-weight:700;line-height:1.04}h3{font-weight:650}.muted{color:var(--muted)}.wrap{max-width:1200px}.eyebrow,.section-label,.scene-caption{letter-spacing:0;text-transform:none;font-family:inherit;font-size:12px}.section{padding-block:clamp(100px,12vw,180px)}.section-label{text-align:center;border:0;justify-content:center;margin-bottom:36px;padding-top:0;font-size:16px;font-weight:600}.section-label>:first-child{color:var(--muted)}.section-label>:last-child{color:var(--accent);display:block}.section-heading{text-align:center;margin-bottom:76px;display:block}.section-heading h2{font-size:clamp(46px,6.7vw,96px)}.section-heading>p,.section-heading>div{max-width:620px;margin:28px auto 0;font-size:20px;line-height:1.5}.button,.nav-cta{color:#fff;background:#06c;border-color:#06c;border-radius:999px}.button:hover,.nav-cta:hover{color:#fff;background:#0058b0}.button{padding:16px 26px;font-size:15px}.site-header,.hero,.quick-section,.signup{color:var(--ink);background:var(--bg)}.site-header{z-index:40;width:100%;max-width:none;min-height:64px;padding-inline:max(var(--gutter), calc((100% - 1200px) / 2));background:#000;border-bottom:1px solid #252529;justify-content:space-between;position:sticky;top:0}.nav-cta{gap:12px;padding:8px 16px}.hero{width:100%;max-width:none;padding:110px var(--gutter) 45px;text-align:center}.hero h1{max-width:1100px;margin:auto;font-size:clamp(52px,7vw,104px)}@media (width<=900px){html{overflow-anchor:none}}.hero h1 .accent{color:#a1a1a9;letter-spacing:-.035em;font-size:.72em;line-height:1.2;display:inline-block}.hero-bolt{color:#409cff;vertical-align:-.19em;width:.7em;height:1.12em;margin-inline:.06em .08em;display:inline-block}.hero-speed{white-space:nowrap}.hero-bottom{flex-direction:column;gap:24px;margin:26px auto 0}.hero-bottom p{font-size:17px}.hero-shell{max-width:1200px;margin-inline:auto}.hero-stage{isolation:isolate;perspective:none;width:100%;margin:0;padding:55px 0 70px;position:relative}.library-window{z-index:2;border:1px solid #52525d;border-radius:17px;width:min(820px,82%);margin:auto;position:relative;box-shadow:0 35px 85px -25px #000,0 0 0 1px #ffffff14}.studio-orbit{z-index:3;pointer-events:none;display:none;position:absolute;inset:0}.hero-stage.is-assembling .studio-orbit{display:block}.studio-sleeve{transform-origin:0 0;width:21%;max-width:250px;position:absolute;top:0;left:0}.studio-sleeve:before{content:"";opacity:var(--sleeve-shadow,1);position:absolute;inset:0;box-shadow:0 25px 45px -15px #17172555}.studio-stage-note{bottom:8px;color:var(--ink);font-size:24px;font-weight:600;position:absolute;inset-inline:0}.speed h2 .muted,.notch-section h2 .accent,.unified h2 .accent{color:#a6caff;-webkit-text-fill-color:transparent;background:linear-gradient(105deg,#a6caff 0% 24%,#d9b9ff 37%,#eff4ff 46%,#b6efff 54%,#c7b5fa 64%,#a6caff 78% 100%) 100%/260% 100% text}.recording{background:#101013;border-radius:24px}.recording-tunefuse{border-color:#6685c4}.recording-slot{background:#101013;width:100%;min-width:0;min-height:240px}.recording-icon{color:#a9a9b2;border-color:#565660}.speed-notes{gap:90px;max-width:960px;margin-inline:auto}.speed-notes h3{font-size:32px}.speed-notes p{font-size:17px}.studio-manifesto{padding-block:100px 150px}.studio-manifesto-stage{max-width:1120px}.studio-manifesto h2{margin-block:32px;font-size:clamp(46px,7.7vw,110px)}.studio-manifesto h2 span{display:block}.studio-manifesto h2 span:last-child{color:var(--accent)}.studio-manifesto-note{color:var(--ink);letter-spacing:-.035em;max-width:900px;margin-top:44px;font-size:clamp(26px,3.6vw,48px);line-height:1.2}.unified{background:#000}.unified>.wrap{max-width:1440px}.unified .section-heading>p{max-width:760px;line-height:1.65}.unified-pain strong{color:var(--ink);margin-top:16px;font-weight:500;display:inline-block}.merge-stage{perspective:1400px;padding:40px 24px 60px;overflow:visible}.merge-sources{align-items:stretch;gap:24px;max-width:1280px}.merge-plus{align-self:center}.merge-result{width:100%;max-width:1040px;margin-top:60px}.album-panel{background:#15151a;border-color:#414149;border-radius:20px;padding:clamp(24px,2.5vw,40px);box-shadow:0 30px 65px #000a}.album-panel .panel-top{margin-bottom:28px;font-size:13px}.album-panel .album-intro{gap:24px;margin-bottom:28px}.album-intro .cover{border-radius:9px;width:clamp(96px,10vw,150px)}.album-intro h3{letter-spacing:-.025em;font-size:clamp(16px,1.32vw,19px);line-height:1.2}.album-intro p,.catalog-link{font-size:12px}.track{grid-template-columns:28px 1fr 24px;padding-block:12px;font-size:11px}.album-unified{background:#171a23;border-color:#749bdc;box-shadow:0 0 90px -30px #427eef55,0 40px 80px #000}.artist-section{padding-block:150px}.artist-section h2{font-size:clamp(38px,4.7vw,68px)}.artist-section p{font-size:17px}.shortcut{justify-content:center}kbd{background:#222229;border-color:#595964}.notch-section{padding-bottom:160px}.notch-stage{background:radial-gradient(at 50% 0,#344b7a,#141d34 58%,#090b13);border-color:#3e4c67;border-radius:24px;min-height:460px}.maker{max-width:1060px;padding-block:120px}.signup{text-align:center;width:100%;max-width:none;padding-inline:var(--gutter);display:block}.signup h2{font-size:clamp(50px,7vw,96px)}.signup>div>p{font-size:18px}.signup-form-wrap{text-align:left;max-width:640px;margin:auto;padding-top:38px}.email-field input{background:#141416;border-color:#92929c;border-radius:12px}#form-status[data-state=error]{color:#ffb4a5}.faq{margin-top:80px}.faq-list summary{font-weight:600}.faq h2{font-size:clamp(38px,4.5vw,64px)}@media (width>=901px) and (height>=760px){.merge-stage.is-animated{height:min(800px,100svh - 120px);min-height:0}.merge-stage.is-animated .merge-sources .track{padding-block:clamp(8px,6svh - 42px,16px)}.merge-stage.is-animated .merge-result{width:min(1040px,100% - 72px);max-width:none;margin:0;top:25px}.hero-stage{padding:32px 0 70px}.library-window{width:min(820px,78%,125svh - 500px)}.studio-sleeve{width:min(21%,25svh)}}@media (width<=900px),(height<=759px){.studio-orbit{display:none}.library-window{width:100%}.studio-stage-note{font-size:20px}.section-heading>p,.section-heading>div{font-size:17px}}@media (width<=700px){.site-header{gap:12px;min-height:64px}.wordmark{gap:6px;font-size:17px}.hero{padding-top:42px}.hero h1{font-size:clamp(43px,10.7vw,70px)}.hero-bottom{align-items:center}.hero-bottom p{font-size:14px}.hero-stage{padding-top:36px}.section-heading{text-align:left;margin-bottom:42px}.section-heading h2{font-size:clamp(43px,10.7vw,70px)}.section-label{font-size:14px}.speed-notes{grid-template-columns:1fr;gap:35px}.studio-manifesto{padding-block:30px 90px}.studio-manifesto h2{font-size:clamp(38px,9.4vw,65px)}.studio-manifesto-note{font-size:clamp(24px,6vw,34px)}.merge-stage{padding:16px 0 35px}.merge-sources{gap:20px}.album-panel{border-radius:16px;padding:20px}.album-panel .album-intro{gap:14px}.album-intro .cover{width:72px}.album-intro h3{font-size:16px}.track{grid-template-columns:20px 1fr 18px;font-size:11px}.artist-section{padding-block:90px}.shortcut{justify-content:start}.notch-stage{min-height:350px}.notch-section{padding-bottom:90px}.maker{padding-block:75px}.signup h2{font-size:clamp(42px,10.5vw,70px)}.signup>div>p{font-size:16px}.faq{margin-top:0}}@media (prefers-reduced-motion:reduce){.studio-orbit{display:none}}@media (forced-colors:active){.speed h2 .muted,.notch-section h2 .accent,.unified h2 .accent{-webkit-text-fill-color:currentColor;background:0 0}}@keyframes studio-heading-enter{0%{transform:translateY(14px)}to{transform:translateY(0)}}@keyframes studio-copy-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){#hero-title{animation:.65s cubic-bezier(.22,1,.36,1) both studio-heading-enter}.hero-bottom>p{animation:.55s ease-out 80ms both studio-copy-enter}.hero-bottom>.button{animation:.55s ease-out .18s both studio-copy-enter}}.hero-bottom>.button{margin-block:20px 32px}.artist-section{max-width:1280px;display:block}.artist-section>div:first-child{text-align:center;max-width:820px;margin:0 auto 64px}.artist-section>div:first-child p{max-width:620px;margin-inline:auto}.beta-cta{color:#161618;letter-spacing:-.01em;background:#f0f0f2;border:0;border-radius:999px;justify-content:center;align-items:center;gap:0;min-height:48px;padding:0 28px;font-size:15px;font-weight:500;line-height:1.2;transition:background-color .16s;display:inline-flex}.beta-cta:not(:disabled):hover{color:#161618;background:#dcdce0;transform:none}.beta-cta:not(:disabled):active{background:#c8c8ce}.beta-cta:focus-visible{outline-offset:4px;outline:2px solid #9dccff}.nav-cta.beta-cta{min-height:36px;padding-inline:18px;font-size:13px}@media (prefers-reduced-motion:reduce){.beta-cta{transition:none}}.beta-cta:disabled{color:#161618;opacity:.38;cursor:not-allowed;background:#f0f0f2;transform:none}.maker{padding-bottom:clamp(120px,12vw,180px)}.signup{padding-top:0}.maker:after{content:"";background:var(--line);grid-column:1/-1;height:1px;display:block}#notch-title .accent{margin-inline:-.06em;padding-inline:.06em;display:inline-block}[data-cursor-dot]{display:inline-block}.notch-section{position:relative}#notch-title .accent{-webkit-text-fill-color:initial;background-image:none}[data-cursor-words]{background:linear-gradient(105deg,#a6caff 24%,#d9b9ff 37%,#eff4ff 46%,#b6efff 54%,#c7b5fa 64%,#a6caff 78%) 0 0/260% 100%;background-position:inherit;-webkit-text-fill-color:transparent;background-clip:text;padding-right:.02em}[data-cursor-dot]{color:#0000;-webkit-text-fill-color:transparent;background:#c7b5fa;border-radius:50%;width:.145em;height:.145em;margin-left:.015em;line-height:0;overflow:hidden}@media (width>=901px) and (height>=760px) and (prefers-reduced-motion:no-preference){.merge-stage.is-animated{grid-template-columns:minmax(0,1fr);place-items:center;height:auto;min-height:0;padding-block:32px;display:grid}.merge-stage.is-animated .merge-sources,.merge-stage.is-animated .merge-result{grid-area:1/1}.merge-stage.is-animated .merge-result{position:relative;top:auto;left:auto;transform:none}.unified{padding-bottom:80px}}#speed-title .muted{margin-inline:-.04em;padding-inline:.04em;display:inline-block}.hero{overflow-x:clip}.native-window{text-align:left;color:#dedede;background:#1e1e1e;border:1px solid #ffffff26;border-radius:14px;overflow:hidden;box-shadow:0 32px 80px -20px #000,0 0 0 1px #000;container-type:inline-size}.native-app{--app-unit:calc(100cqw / 1240);grid-template-columns:calc(200 * var(--app-unit)) 1fr;width:calc(1240 * var(--app-unit));height:calc(1000 * var(--app-unit));font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:calc(13 * var(--app-unit));letter-spacing:0;text-align:left;color:#dedede;line-height:1.25;display:grid}.native-library-app{border-radius:inherit;overflow:hidden}.hero-stage.is-assembling .library-window{overflow:visible}@media (width>=901px) and (height>=760px) and (prefers-reduced-motion:no-preference){html[data-motion-init=pending] .hero-stage:not(.is-assembling) .library-window{opacity:0}}@media (width<=600px) and (prefers-reduced-motion:no-preference){html[data-motion-init=pending] .hero-stage:not(.is-mobile-assembling) .library-window{opacity:0}}.library-window>.native-floating-player{--app-unit:calc(100cqw / 1240);left:calc(720 * var(--app-unit))}.native-workspace{background:#1e1e1e;min-width:0;position:relative;overflow:hidden}.native-sidebar{min-width:0;padding-inline:calc(9 * var(--app-unit));background:linear-gradient(115deg,#292a2b,#242526);border-right:1px solid #ffffff03;overflow:hidden}.native-window-lights{height:calc(50 * var(--app-unit));padding-left:calc(8 * var(--app-unit));align-items:center;display:flex}.native-sidebar-section+.native-sidebar-section{margin-top:calc(18 * var(--app-unit))}.native-sidebar-label{color:#8c8c8e;font-size:calc(11 * var(--app-unit));padding:0 calc(8 * var(--app-unit)) calc(5 * var(--app-unit));font-weight:600;display:block}.native-sidebar-row{align-items:center;gap:calc(9 * var(--app-unit));height:calc(32 * var(--app-unit));padding-inline:calc(9 * var(--app-unit));border-radius:calc(8 * var(--app-unit));white-space:nowrap;display:flex}.native-sidebar-row>span:last-child{text-overflow:ellipsis;overflow:hidden}.native-sidebar-row>.app-icon{font-size:calc(15 * var(--app-unit));color:#818184}.native-sidebar-row.selected{color:#fff;background:#0072ec}.native-sidebar-row.selected>.app-icon{color:#9bcaff}.native-playlist-art{width:calc(17 * var(--app-unit));height:calc(17 * var(--app-unit));border-radius:calc(4 * var(--app-unit));background:linear-gradient(140deg, #eee, hsl(var(--playlist-hue) 76% 66%) 48%, hsl(var(--playlist-hue) 60% 44%));flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff28}.native-playlist-art .app-icon{font-size:calc(10 * var(--app-unit));color:#fffc}.native-playlist-art.favorite{background:#f3f3f3}.native-playlist-art.favorite .app-icon{color:#ff375f}.native-toolbar{height:calc(52 * var(--app-unit));padding-inline:calc(8 * var(--app-unit));justify-content:flex-end;align-items:center;display:flex}.native-search{gap:calc(7 * var(--app-unit));width:calc(324 * var(--app-unit));height:calc(36 * var(--app-unit));padding-inline:calc(10 * var(--app-unit));border-radius:calc(22 * var(--app-unit));color:#b1b1b1;background:linear-gradient(#424242,#393939);border:1px solid #ffffff13;align-items:center;display:flex;box-shadow:inset 0 1px 2px #ffffff13}.native-search .app-icon{font-size:calc(14 * var(--app-unit))}.native-library-grid{gap:calc(24 * var(--app-unit)) calc(16 * var(--app-unit));padding:calc(16 * var(--app-unit));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.native-album-tile{min-width:0;display:block}.native-album-tile>.cover,.studio-sleeve>.cover{border-radius:calc(7 * var(--app-unit));box-shadow:inset 0 0 0 1px #ffffff1a}.native-album-tile>strong{font-size:calc(13 * var(--app-unit));margin-top:calc(7 * var(--app-unit));font-weight:500;line-height:1.25;display:block}.native-album-tile>span{font-size:calc(13 * var(--app-unit));margin-top:calc(3 * var(--app-unit));color:#a3a3a3;line-height:1.25;display:block}.native-album-tile>small{font-size:calc(11 * var(--app-unit));margin-top:calc(2 * var(--app-unit));color:#999;line-height:1.25;display:block}.native-floating-player{bottom:calc(12 * var(--app-unit));width:calc(800 * var(--app-unit));max-width:calc(100% - 32 * var(--app-unit));height:calc(56 * var(--app-unit));border-radius:calc(28 * var(--app-unit));align-items:center;gap:calc(12 * var(--app-unit));padding-inline:calc(12 * var(--app-unit));backdrop-filter:blur(18px)saturate(1.6);color:#bebebe;letter-spacing:0;text-align:left;z-index:2;background:linear-gradient(160deg,#82828254,#5e5e5e50);border:1px solid #ffffff29;font-family:-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.25;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #ffffff26,inset 0 -1px 1px #ffffff08,0 4px 18px #0002}.native-player-transport{align-items:center;gap:calc(8 * var(--app-unit));flex:none;display:flex}.native-player-transport .app-icon{font-size:calc(22 * var(--app-unit))}.native-player-transport [data-icon=play]{font-size:calc(28 * var(--app-unit))}.native-player-transport [data-icon=shuffle],.native-player-transport [data-icon=repeat]{font-size:calc(16 * var(--app-unit))}.native-player-song{min-width:0;height:100%;padding-top:calc(7 * var(--app-unit));align-items:flex-start;gap:calc(10 * var(--app-unit));flex:1;display:flex;position:relative}.native-player-song>.cover{width:calc(36 * var(--app-unit));height:calc(36 * var(--app-unit));border-radius:calc(3 * var(--app-unit));flex:none}.native-player-metadata{flex:1;min-width:0}.native-player-metadata strong,.native-player-metadata span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.native-player-metadata strong{color:#ececec;font-size:calc(13 * var(--app-unit));font-weight:600}.native-player-metadata span{color:#bdbdbd;margin-top:calc(2 * var(--app-unit));font-size:calc(11 * var(--app-unit))}.native-player-song>.app-icon{font-size:calc(20 * var(--app-unit));color:#ddd}.native-player-timeline{bottom:calc(5 * var(--app-unit));height:calc(3 * var(--app-unit));background:#1119;border-radius:3px;position:absolute;left:0;right:0;overflow:hidden}.native-player-timeline i{border-radius:inherit;background:#0a84ff;width:15%;height:100%;display:block}.native-player-accessories{align-items:center;gap:calc(16 * var(--app-unit));font-size:calc(18 * var(--app-unit));display:flex}.native-album-panel{box-shadow:none;background:0 0;border:0;padding:0;overflow:visible}.native-scene-label{text-align:center;color:#dedee3;margin-bottom:14px;font-size:16px;font-weight:500}.native-album-app{--app-unit:calc(100cqw / 1320);width:calc(1320 * var(--app-unit));height:calc(820 * var(--app-unit))}.native-detail-toolbar{justify-content:space-between}.native-toolbar-back,.native-toolbar-actions{height:calc(36 * var(--app-unit));border-radius:calc(22 * var(--app-unit));font-size:calc(21 * var(--app-unit));background:linear-gradient(#414141,#393939);justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #ffffff0c}.native-toolbar-back{width:calc(36 * var(--app-unit))}.native-toolbar-actions{padding-inline:calc(10 * var(--app-unit));gap:calc(9 * var(--app-unit))}.native-toolbar-actions i{height:calc(20 * var(--app-unit));background:#ffffff28;width:1px}.native-album-content{padding-inline:calc(32 * var(--app-unit))}.native-album-header{height:calc(308 * var(--app-unit));align-items:center;gap:calc(24 * var(--app-unit));display:flex}.native-album-header>.cover{width:calc(260 * var(--app-unit));height:calc(260 * var(--app-unit));border-radius:calc(12 * var(--app-unit));flex:none}.native-album-info{align-items:flex-start;gap:calc(7 * var(--app-unit));flex-direction:column;min-width:0;display:flex}.native-album-info>strong{font-size:calc(24 * var(--app-unit));letter-spacing:-.025em;font-weight:700;line-height:1.2}.native-album-artist{color:#0a84ff;font-size:calc(20 * var(--app-unit));font-weight:500}.native-album-genre{color:#999;font-size:calc(13 * var(--app-unit))}.native-album-actions{gap:calc(8 * var(--app-unit));margin-top:calc(17 * var(--app-unit));display:flex}.native-album-actions>span{gap:calc(7 * var(--app-unit));height:calc(34 * var(--app-unit));padding-inline:calc(18 * var(--app-unit));border-radius:calc(20 * var(--app-unit));background:linear-gradient(#424242,#363636);align-items:center;font-weight:600;display:flex;box-shadow:inset 0 1px 1px #ffffff0d}.native-app .native-song-row{grid-template-columns:calc(36 * var(--app-unit)) 1fr calc(48 * var(--app-unit));height:calc(44 * var(--app-unit));padding:0 calc(12 * var(--app-unit));align-items:center;gap:calc(14 * var(--app-unit));font-size:calc(13 * var(--app-unit));border:0;display:grid}.native-song-row>:first-child{color:#0a84ff;text-align:left}.native-song-row>:last-child{color:#aaa;text-align:right;font-size:calc(11 * var(--app-unit))}.native-album-footer{gap:calc(6 * var(--app-unit));color:#999;font-size:calc(13 * var(--app-unit));margin-top:calc(20 * var(--app-unit));flex-direction:column;display:flex}.album-panel:not(.native-album-panel){background:#202022;border-radius:14px}.album-panel:not(.native-album-panel) .panel-top{margin-bottom:20px;padding-bottom:12px;font-size:12px}.desktop-wallpaper{z-index:-2;pointer-events:none;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.native-notch-stage{--notch-scale:1;isolation:isolate;background:#142540;border:1px solid #ffffff26;border-radius:14px;height:clamp(320px,35vw,420px);min-height:320px}.native-notch-stage:after{content:"";z-index:-1;background:linear-gradient(#0000,#030917a8);position:absolute;inset:40% 0 0}.native-menu{height:calc(38px * var(--notch-scale));font-size:calc(13px * var(--notch-scale));color:#fff;background:#11172970;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.native-menu>span:first-child{gap:24px;display:flex}.native-island-canvas{width:424px;height:206px;transform:scale(var(--notch-scale));transform-origin:top;margin-left:-212px;position:absolute;top:0;left:50%}.native-island-shape{filter:drop-shadow(0 8px 12px #0005);position:absolute;inset:0;overflow:visible}.native-cutout{background:#000;border-radius:0 0 12px 12px;width:180px;height:38px;position:absolute;top:0;left:122px}.native-island-content{color:#fff;box-sizing:border-box;gap:18px;width:392px;height:170px;padding:38px 36px 12px 28px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.2;display:flex}.native-island-content>.cover{border-radius:12px;flex:none;width:120px;height:120px}.native-island-details{flex-direction:column;flex:1;min-width:0;padding-top:2px;display:flex}.native-island-details>strong{letter-spacing:0;font-size:14px;font-weight:600;line-height:18px}.native-island-details>span{color:#b7b7bd;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:16px;overflow:hidden}.native-times{color:#b7b7bd;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:15px;font-size:11px;display:flex}.native-track{background:#ffffff48;border-radius:2px;height:4px;margin-top:10px;overflow:hidden}.native-track i{border-radius:inherit;background:#fff;width:15%;height:100%;display:block}.native-transport{color:#fff;justify-content:space-between;align-items:center;height:34px;margin-top:auto;display:flex}.native-transport .app-icon{font-size:23px}.native-transport [data-icon=play]{font-size:26px}.native-transport [data-icon=shuffle],.native-transport [data-icon=repeat]{color:#b7b7bd;font-size:16px}.native-notch-cursor{opacity:0;filter:drop-shadow(0 2px 2px #0008);position:absolute;top:0;left:212px;transform:translate(105px,115px)}.native-screen-caption{text-align:center;color:#fff;width:100%;margin:36px auto 0}.native-screen-caption span{letter-spacing:.16em;margin-bottom:10px;font-size:9px;display:block}.native-screen-caption strong{letter-spacing:-.04em;font-size:clamp(24px,3vw,38px);line-height:1.08}@media (width>=901px) and (height>=760px){.library-window.native-window{width:min(1040px,90%,124svh - 310px)}.merge-stage.is-animated .merge-result{width:min(1040px,100% - 72px,160svh - 400px)}}@media (width<=700px){.native-notch-stage{--notch-scale:.82;height:320px}.native-menu{padding-inline:12px}.native-menu-extra{display:none}}@media (width<=600px){.library-window.native-window{aspect-ratio:540/750}.native-library-app{--app-unit:calc(100cqw / 540);height:calc(750 * var(--app-unit));transform:translateX(calc(-200 * var(--app-unit)))}.library-window>.native-floating-player{--app-unit:calc(100cqw / 540);left:calc(16 * var(--app-unit));width:calc(508 * var(--app-unit));transform:none}.native-album-window{aspect-ratio:600/790}.native-album-app{--app-unit:calc(100cqw / 600);width:calc(800 * var(--app-unit));height:calc(790 * var(--app-unit));transform:translateX(calc(-200 * var(--app-unit)))}.native-album-app .native-album-content{padding-inline:calc(24 * var(--app-unit))}.native-album-app .native-album-header{height:calc(280 * var(--app-unit))}.native-album-app .native-album-header>.cover{width:calc(220 * var(--app-unit));height:calc(220 * var(--app-unit))}.native-album-app .native-floating-player{width:calc(568 * var(--app-unit))}.native-scene-label{font-size:14px}}@media (width<=380px){.native-notch-stage{--notch-scale:.67}.native-menu>span{visibility:hidden}}@media (prefers-reduced-transparency:reduce){.native-floating-player{backdrop-filter:none;background:#414141}}}[data-presentation],[data-presentation] *{-webkit-user-select:none;user-select:none}[data-presentation] *{pointer-events:none}.presentation-content{display:contents}.app-icon{vertical-align:middle;flex:none;width:1em;height:1em;display:inline-block}@layer accessibility{.legal-page a,.faq-answer a{text-underline-offset:4px;text-decoration:underline}[hidden]{display:none!important}html{scroll-padding-top:calc(88px + env(safe-area-inset-top))}body{padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}.site-header{padding-top:env(safe-area-inset-top)}.site-footer{padding-bottom:max(32px, env(safe-area-inset-bottom))}:is(h1,h2,h3,p,summary,a){overflow-wrap:break-word}:is(a,button,input,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.signup-form-wrap>p{margin-top:14px;font-size:14px;line-height:1.6}.footer-bottom>div{flex-wrap:wrap}@media (forced-colors:active){.accent,.muted{color:canvastext;-webkit-text-fill-color:CanvasText;background:0 0}.beta-cta,.artist-switch,input{border:1px solid buttontext}:is(a,button,input,summary):focus-visible{outline-color:highlight}}}@layer mobile{@media (width<=900px),(height<=759px){.section-heading,.hero-bottom,.maker>div,.signup-form-wrap{min-width:0}.section-heading h2,.hero h1{text-wrap:balance}.signup{padding-inline:var(--gutter)}}@media (width<=700px){:root{--gutter:clamp(20px, 5vw, 35px)}.hero h1{font-size:clamp(36px,10vw,68px)}.hero-bottom p,.section-heading p,.artist-section>div>p{font-size:16px;line-height:1.6}.section{padding-block:76px}.section-heading h2{font-size:clamp(36px,10vw,62px)}.shortcut{flex-wrap:wrap;gap:8px}.shortcut>span{flex-basis:100%}.email-field{flex-direction:column;gap:12px;display:flex}.email-field input{width:100%;min-width:0;min-height:48px;font-size:16px}.email-field button{width:100%;min-height:48px}.faq-list summary{gap:16px;min-height:48px}.faq-list summary>span{flex-shrink:0}.footer-top,.footer-bottom{gap:20px}.footer-bottom>div{gap:16px}.footer-bottom a{padding-block:8px}}@media (width<=600px){.hero-stage.is-mobile-assembling .studio-orbit{display:block}.is-mobile-assembling .studio-sleeve:nth-child(n+5){display:none}.hero .library-window.native-window{aspect-ratio:540/820}.hero .native-library-app{width:calc(740 * var(--app-unit));height:calc(820 * var(--app-unit))}.hero .native-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .native-album-tile:nth-child(n+5){display:none}}}
