@font-face{font-family:DM Serif Display;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8dd8a3188b79fd8f-s.0uwq05tg8f5a0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Serif Display;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0c8f209abc35ee02-s.p.03rqv30url-~q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Serif Display Fallback;src:local(Times New Roman);ascent-override:94.37%;descent-override:30.51%;line-gap-override:0.0%;size-adjust:109.78%}.dm_serif_display_f706402e-module__u2jj8W__className{font-family:DM Serif Display,DM Serif Display Fallback;font-style:normal;font-weight:400}.dm_serif_display_f706402e-module__u2jj8W__variable{--font-display:"DM Serif Display", "DM Serif Display Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_66886523-module__t1_o5q__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_66886523-module__t1_o5q__variable{--font-body:"Space Grotesk", "Space Grotesk Fallback"}
:root{--canvas:#fff7ec;--canvas-strong:#fff1de;--ink:#162028;--ink-muted:#596472;--sky:#2d82ff;--coral:#ea5c4f;--mint:#28c3a1;--sun:#f0b45a;--card:#ffffffd1;--card-border:#27415e1a;--shadow:0 18px 48px #2f3e521f}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--ink);background:radial-gradient(circle at top left, #ffd7b2d9, transparent 34%), radial-gradient(circle at top right, #7ed0ff61, transparent 28%), linear-gradient(180deg, var(--canvas) 0%, #fbfdff 100%);font-family:var(--font-body), sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}body:has(.share-shell){color:#f4f7fb;background:#04070d}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}h1,h2,h3{font-family:var(--font-display), serif;letter-spacing:-.02em}.shell,.share-shell{width:min(1120px,100% - 32px);margin:0 auto}.shell{padding:48px 0 72px}.landing-hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,420px);align-items:start;gap:24px;display:grid}.landing-copy,.landing-card,.card,.hero-card,.empty-state{border:1px solid var(--card-border);background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.landing-copy,.empty-state{border-radius:32px;padding:36px}.landing-copy h1,.empty-state h1{margin-top:14px;font-size:clamp(2.7rem,5vw,4.9rem);line-height:.97}.landing-copy p,.empty-state p{color:var(--ink-muted);max-width:56ch;margin-top:18px;font-size:1.06rem;line-height:1.7}.landing-card{border-radius:28px;padding:28px}.landing-card h2{font-size:2rem}.muted-copy{color:var(--ink-muted);line-height:1.7}.schema-block{color:#314253;background:#fff8efeb;border:1px solid #27415e14;border-radius:20px;margin-top:18px;padding:18px;font-size:.92rem;overflow-x:auto}.eyebrow{color:var(--coral);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-size:.86rem;font-weight:700;display:inline-flex}.ghost-link{background:#ffffffc7;border:1px solid #27415e1f;border-radius:999px;justify-content:center;align-items:center;margin-top:22px;padding:14px 18px;font-weight:700;display:inline-flex}.share-shell{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f7fb;background:#04070d;justify-content:center;align-items:center;width:100%;max-width:none;height:100dvh;min-height:100dvh;padding:clamp(12px,2.2vh,24px) 12px;display:flex;position:relative;overflow:hidden}.share-backdrop{z-index:-1;background:radial-gradient(circle at 0 0,#ff7e512e,#0000 26%),radial-gradient(circle at 100% 0,#449eff1f,#0000 22%),radial-gradient(circle at 100% 100%,#28c3a11a,#0000 24%),linear-gradient(#02050a 0%,#060912 48%,#090e18 100%);position:absolute;inset:0}.share-layout{flex-direction:column;justify-content:center;align-items:center;width:min(760px,100%);height:100%;max-height:100%;margin:0 auto;display:flex}.hero-card{background:radial-gradient(circle at 0 0,#ffffff12,#0000 42%),linear-gradient(145deg,#080d15fa 0%,#0c121dfc 100%);border:1px solid #ffffff17;border-radius:38px;width:100%;height:100%;max-height:100%;overflow:hidden;box-shadow:0 26px 70px #0000007a}.hero-copy{--hero-pad:clamp(18px, 3vh, 34px);padding:var(--hero-pad);text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:clamp(12px,1.8vh,22px);width:100%;height:100%;min-height:0;display:flex}.hero-topline{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.brand-pill,.score-pill{border-radius:999px;align-items:center;padding:11px 16px;font-size:.9rem;font-weight:700;display:inline-flex}.brand-pill{color:#63c4ff;background:linear-gradient(135deg,#13337080 0%,#0a162ec7 100%);border:1px solid #6ac2ff4d;box-shadow:0 14px 28px #0a49a63d}.score-pill{background:color-mix(in srgb, var(--share-accent) 84%, #050912);color:#fff;box-shadow:0 12px 26px #0000003d}.hero-content{flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;gap:clamp(8px,1.2vh,14px);width:100%;min-height:0;display:flex}.hero-text{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;width:min(100%,620px);min-height:0;display:flex}.hero-text h1{text-wrap:balance;color:#f7fbff;max-width:24ch;font-size:clamp(1.8rem,min(5vw,6dvh),4rem);line-height:.92}.hero-artists{text-wrap:balance;color:#ecf2fae6;max-width:30ch;margin-top:clamp(10px,1vh,14px);font-size:clamp(1.2rem,min(2.1vw,2.7dvh),1.75rem);font-weight:700;line-height:1.18}.art-panel{min-height:0;width:calc(100% + (var(--hero-pad) * 2));margin-inline:calc(var(--hero-pad) * -1);flex:48%;justify-content:center;align-items:flex-start;display:flex}.artwork{aspect-ratio:1;object-fit:contain;background:linear-gradient(160deg,#ffe0c8,#d7efff);border-radius:32px;width:100%;max-width:none;max-height:100%;box-shadow:0 18px 40px #00000057}.artwork-fallback{aspect-ratio:1;color:#fff;background:linear-gradient(145deg, color-mix(in srgb, var(--share-accent) 78%, #fc8) 0%, #2d82ff 100%);border-radius:32px;flex-direction:column;justify-content:flex-end;gap:10px;width:100%;max-width:none;max-height:100%;padding:22px;display:flex}.artwork-fallback span{letter-spacing:.16em;text-transform:uppercase;font-size:.8rem}.artwork-fallback strong{font-size:2rem;line-height:1.05}.hero-actions{flex-direction:column;align-items:center;gap:clamp(10px,1.4vh,12px);width:100%;margin-top:0;display:flex}.action-cluster{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;width:100%;display:flex}.recording-button{background:linear-gradient(140deg, color-mix(in srgb, var(--share-accent) 78%, white) 0%, var(--sun) 45%, var(--sky) 100%);color:#fff;cursor:pointer;border:0;border-radius:clamp(20px,2.75vh,25px);justify-content:center;align-items:center;width:clamp(120px,22.5vw,160px);height:clamp(60px,9.25dvh,80px);padding:0 clamp(28px,3.75vw,42px);font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 10px 18px #3a65a63d}.recording-button:hover{filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 16px 28px #3a65a633}.recording-button-active{background:linear-gradient(140deg, color-mix(in srgb, var(--share-accent) 90%, #1e2634) 0%, var(--coral) 36%, #8b5cff 100%)}.hero-icon-svg{width:clamp(28px,3.9dvh,40px);height:clamp(28px,3.9dvh,40px)}.hero-icon-svg-play{width:clamp(22px,3.25dvh,32px);height:clamp(22px,3.25dvh,32px)}.hero-icon-svg-spotify{width:clamp(25px,3.6dvh,38px);height:clamp(25px,3.6dvh,38px)}.hero-link{border:1px solid #ffffff14;border-radius:clamp(20px,2.75vh,25px);justify-content:center;align-items:center;width:clamp(120px,22.5vw,160px);height:clamp(60px,9.25dvh,80px);padding:0 clamp(28px,3.75vw,42px);font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.hero-link:hover{transform:translateY(-1px)}.hero-link-spotify{color:#1ed760;background:#1db9541f;box-shadow:0 10px 18px #0c150f47}.hero-link-spotify:hover{background:#1db9542e;border-color:#1ed76061}.secondary-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-link-secondary{color:#eaf1f9d1;background:#ffffff0a;border:1px solid #ffffff14;width:auto;height:auto;min-height:52px;padding:0 18px}.empty-state{max-width:720px;margin:80px auto}@media (max-width:960px){.landing-hero{grid-template-columns:1fr}.hero-text h1{font-size:clamp(1.7rem,min(4.5vw,5.6dvh),3.35rem)}}@media (max-width:640px){.shell,.share-shell{width:min(100% - 24px,1120px)}.shell{padding-top:24px}.share-shell{width:100%;padding:clamp(10px,1.8vh,16px) 10px}.landing-copy,.landing-card,.hero-copy,.empty-state{padding:22px}.secondary-links{width:100%}.hero-link-secondary{flex:140px}}@media (max-height:820px){.brand-pill,.score-pill{padding:9px 14px;font-size:.82rem}.hero-copy{padding:18px}.hero-text h1{font-size:clamp(1.55rem,min(4.2vw,5.1dvh),2.9rem)}.hero-artists{font-size:clamp(1.05rem,2.35dvh,1.3rem)}.recording-button,.hero-link{width:clamp(110px,20vw,140px);height:clamp(52px,8.1dvh,70px)}}