.export-trigger{margin-left:auto;min-height:32px;padding:5px 11px;border:1px solid #a78c9d55;border-radius:8px;background:#ffffff07;color:#ebd8e3;font-size:11px;font-weight:600;white-space:nowrap}.export-trigger:hover{background:#ffffff12;border-color:#c3a3b888}.export-dialog{width:min(500px,calc(100% - 24px));max-height:calc(100dvh - 32px);border:1px solid #e6dce4;border-radius:23px;padding:28px;background:#fbf9f5;color:#352d33;box-shadow:0 24px 90px #24192245;overflow:auto}.export-dialog::backdrop{background:#251d26aa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.export-heading{display:flex;align-items:flex-start;gap:10px}.export-heading>div{flex:1;min-width:0}.export-heading h2{margin:0;font:800 25px/1.2 Manrope,sans-serif;letter-spacing:-1px}.export-heading p{margin:10px 0 0;color:#897b83;font-size:12px;line-height:1.7}.export-close{display:grid;place-items:center;flex:0 0 36px;height:36px;padding:0;border:0;border-radius:50%;color:#907d8a;background:#eee8ed;font-size:24px;line-height:1}.export-close:hover{background:#e6dce7}.export-song{display:flex;flex-direction:column;gap:6px;margin:23px 0;padding:15px 17px;border-radius:12px;background:#f1eaf4}.export-song strong{font-size:14px;overflow-wrap:anywhere}.export-song span{color:#938297;font-size:11px;line-height:1.6}.export-options{border:0;padding:0;margin:0 0 20px;min-width:0}.export-options legend{font-size:12px;font-weight:700;color:#766777;margin-bottom:10px;padding:0}.export-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.export-choice{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;min-height:78px;padding:12px;border:1px solid #e4dce4;border-radius:12px;background:#fffdfa;cursor:pointer;transition:background .18s,border-color .18s}.export-choice.selected{border-color:#ac8ec6;background:#f3edf8;box-shadow:inset 0 0 0 1px #ac8ec633}.export-choice:hover{border-color:#c3a5d3}.export-choice:focus-within{outline:2px solid #b391ce;outline-offset:3px}.export-choice input{position:absolute;width:1px;height:1px;opacity:0}.export-choice>span:last-child{display:flex;flex-direction:column;gap:5px}.export-choice strong{font-size:15px;font-weight:700}.export-choice small{font-size:10px;color:#95859a}.export-frame{display:block;border:1.6px solid #ac8ec6;border-radius:4px;background:linear-gradient(145deg,#ecdff4,#fce9ed);flex-shrink:0}.export-frame--portrait{width:22px;height:38px}.export-frame--landscape{width:38px;height:22px}.export-options:disabled{opacity:.6}.export-options:disabled .export-choice{cursor:default}.export-speed{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-3px 0 16px}.export-speed label{font-size:12px;font-weight:700;color:#766777}.export-speed-control{position:relative;min-width:110px;flex-shrink:0}.export-speed select{appearance:none;-webkit-appearance:none;width:100%;min-width:110px;min-height:44px;padding:0 44px 0 16px;border:1px solid #d9cadc;border-radius:10px;background:#fffdfa;color:#423448;font:700 13px Manrope,sans-serif;cursor:pointer}.export-speed-chevron{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#6f6271;pointer-events:none}.export-speed select:focus-visible{outline:2px solid #b391ce;outline-offset:2px}.export-speed select:disabled{opacity:.6;cursor:default}.export-spec{text-align:center;margin:0 0 20px;color:#a08b9f;font-size:11px;font-variant-numeric:tabular-nums}.export-footer{display:flex;gap:10px}.export-primary,.export-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:100px;padding:12px 20px;font-size:12px;font-weight:700;text-decoration:none;text-align:center}.export-primary{border:0;background:#342833;color:#fff7fb;flex:1}.export-primary:hover:not(:disabled){background:#554050}.export-primary:disabled{opacity:.48;cursor:default}.export-secondary{border:1px solid #dfd2de;background:transparent;color:#867087}.export-secondary:hover:not(:disabled){background:#eee6f1}.export-note{margin:15px 0 0;color:#a2929e;font-size:10px;line-height:1.7;text-align:center}.export-error{padding:12px 14px;border-radius:10px;background:#fbe8eb;color:#94465d;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.export-progress{margin-bottom:18px}.export-progress progress{display:block;width:100%;height:6px;border:0;border-radius:6px;overflow:hidden;background:#e8deeb;accent-color:#af87ce}.export-progress progress::-webkit-progress-bar{background:#e8deeb}.export-progress progress::-webkit-progress-value{background:#af87ce;border-radius:6px}.export-progress progress::-moz-progress-bar{background:#af87ce}.export-progress>div{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:11px;color:#7e6681;line-height:1.5}.export-progress strong{flex-shrink:0;font-variant-numeric:tabular-nums}.export-progress small{display:block;color:#a38d9e;font-size:10px;line-height:1.6;margin-top:7px}.export-ready{display:flex;flex-direction:column;gap:10px;align-items:stretch}.export-ready video{width:100%;max-height:360px;background:#332b30;border-radius:11px;object-fit:contain}.export-ready p{margin:3px 0 8px;color:#88758f;font-size:12px;text-align:center}@media(max-width:560px){.export-dialog{padding:20px;border-radius:18px;max-height:calc(100dvh - 20px)}.export-heading h2{font-size:22px}.export-close{flex-basis:44px;height:44px}.export-trigger{min-height:36px;font-size:10px}.export-choice{gap:10px;padding:10px}}@media(max-width:320px){.export-dialog{padding:15px}.export-heading h2{font-size:19px}.export-frame{display:none}.export-speed{align-items:stretch;flex-direction:column;gap:7px}.export-speed select{width:100%}.export-footer{flex-direction:column}}:root{font-family:DM Sans,sans-serif;font-synthesis:none;color:#2f292d;background:#fbf9f5;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:0}button,select,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid #b391ce;outline-offset:3px}button:disabled{cursor:wait}.ui-icon{display:block;flex:0 0 auto;vertical-align:middle;pointer-events:none}.ui-icon--loader{animation:spin .85s linear infinite}.shell{min-height:100vh;background:#fbf9f5}.topbar{height:82px;border-bottom:1px solid #e9e5df;display:flex;align-items:center;justify-content:space-between;padding:0 max(30px,calc((100vw - 1370px)/2));gap:28px;background:#fbf9f5eb}.brand{display:flex;gap:8px;align-items:center;white-space:nowrap;font-family:Manrope,sans-serif;font-weight:800;font-size:24px;letter-spacing:-1.5px}.brandlight{color:#ae87d9}.brandmark{position:relative;display:block;width:32px;height:31px;flex:0 0 32px;margin-right:3px}.brandmark i{position:absolute;display:block;width:13px;height:13px;border-radius:50% 50% 44% 44%;box-shadow:inset -2px -2px 4px #00000012}.brandmark i:nth-child(1){left:0;top:1px;background:#f58f9b}.brandmark i:nth-child(2){left:15px;top:1px;background:#ac90ef}.brandmark i:nth-child(3){left:0;top:16px;background:#f6c965}.brandmark i:nth-child(4){left:15px;top:16px;background:#81d2bc}.topbar nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600;color:#797078}.topbar nav a:hover{color:#a777b9}.primary-cta:hover:not(:disabled),.entrance-play:hover:not(:disabled){background:#4b3b48;transform:translateY(-1px)}.hero{position:relative;width:min(100% - 64px,1320px);margin:0 auto;padding:73px 0 66px;display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:5.5%;align-items:center}.hero:before{content:"";position:absolute;width:min(490px,100%);height:300px;right:0;top:-90px;border-radius:50%;background:radial-gradient(ellipse,#f1e3ea6e,transparent 70%);pointer-events:none}.hero-copy{z-index:1;position:relative;padding:0 0 8px 3px}.eyebrow,.section-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:1.75px;color:#957d94}.eyedot,.livepoint,.stage-live-dot{display:inline-block;width:8px;height:8px;background:#f49ca8;border-radius:50%;box-shadow:0 0 0 4px #f49ca820}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(54px,5.3vw,83px);font-weight:800;line-height:1.115;letter-spacing:-4.6px;margin:22px 0 23px}.hero h1 em,.showcase h2 em,.how-header h2 em{color:#ad85db;font-style:normal}.hero-copy>p:not(.hero-trust){font-size:16px;line-height:1.85;color:#82777c;max-width:477px;margin:0}.primary-cta,.secondary-cta,.entrance-play{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:100px;padding:15px 20px;font-size:13px;font-weight:800;transition:background .22s,transform .22s}.primary-cta{border:0;background:#2a252b;color:#fff}.cta-play{display:grid;place-items:center;flex:0 0 26px;background:#ab86d7;border-radius:50%;color:#241b2c;height:26px;width:26px;padding:0;line-height:0}.secondary-cta{background:#fff;border:1px solid #e4dedf;color:#44363e;box-shadow:0 3px 7px #7a69700a}.secondary-cta:hover{background:#f2eaf2}.hero-trust{display:flex;align-items:center;font-size:11px;color:#968d8e;gap:7px;margin:23px 0 0}.trust-check{display:grid;place-items:center;background:#e2f3e9;width:19px;height:19px;border-radius:50%;font-weight:800;color:#438b6b}.trust-divider{padding:0 2px;color:#c5bbb6}.buddy-card{min-width:0;overflow:hidden;border-radius:26px;border:1px solid #e8dedf;background:#fffcfb;box-shadow:0 22px 46px #8564750e,0 3px 7px #85647506}.buddy-stage{position:relative;height:278px;overflow:hidden;background:radial-gradient(ellipse at 55% 20%,#fffdfd,#fff4ee 51%,#f6e8ed)}.buddy-stage:after{content:"";position:absolute;inset:auto 0 0;height:45px;background:linear-gradient(180deg,transparent,#fff4efad);pointer-events:none}.buddy-stage-head{position:absolute;top:20px;left:26px;right:26px;display:flex;align-items:center;gap:12px;font-weight:800;font-size:10px;letter-spacing:1.7px;color:#9a7b88;z-index:2}.buddy-stage-star{margin-left:auto;color:#d0ac82;font-size:20px}.buddy-stage-staff{position:absolute;left:0;width:100%;bottom:-10px;height:80%;fill:none;stroke:#d3babc;stroke-width:1.1;opacity:.57}.buddy-platform{position:absolute;z-index:1;bottom:18px;left:8%;right:8%;height:33px;border-radius:50%;background:#ddabb598;filter:blur(19px)}.buddy-party{position:absolute;inset:58px 20px 9px;display:flex;justify-content:center;align-items:center;gap:0;z-index:2}.buddy-member{position:relative;min-width:0;width:24%;display:flex;flex-direction:column;align-items:center;gap:2px}.buddy-member--1{transform:translateY(22px) rotate(-4deg)}.buddy-member--2{transform:translateY(-8px) rotate(4deg)}.buddy-member--3{transform:translateY(12px) rotate(-2deg)}.buddy-member--4{transform:translateY(-3px) rotate(5deg)}.bean-buddy{display:inline-block;position:relative;width:100%;max-width:154px;aspect-ratio:152 / 178;isolation:isolate;transform-origin:center 82%;filter:drop-shadow(0 7px 4px #69505713)}.bean-buddy svg{display:block;width:100%;height:100%;overflow:visible}.bean-buddy .bean-body{transform-origin:76px 112px;animation:bean-breathe 2.8s ease-in-out infinite}.bean-buddy .bean-face{transform-origin:76px 82px;animation:bean-look 5.3s ease-in-out infinite}.bean-buddy .bean-ground-shadow{animation:bean-shadow 2.8s ease-in-out infinite}.bean-buddy .bean-leg,.bean-buddy .bean-arm{transform-box:fill-box;transform-origin:top center}.buddy-member--2 .bean-body,.buddy-member--2 .bean-ground-shadow{animation-delay:-.7s}.buddy-member--3 .bean-body,.buddy-member--3 .bean-ground-shadow{animation-delay:-1.3s}.buddy-member--4 .bean-body,.buddy-member--4 .bean-ground-shadow{animation-delay:-2.1s}.buddy-member .bean-buddy{max-width:142px}.buddy-member--2 .bean-buddy{max-width:152px}.buddy-member--3 .bean-buddy{max-width:145px}.buddy-caption{text-align:center;line-height:1.4;margin-top:1px}.buddy-caption strong{font-family:Manrope,sans-serif;font-size:13px;letter-spacing:-.3px}.buddy-spark{position:absolute;z-index:1;color:#dfb7ce}.buddy-spark--one{top:92px;left:18%;font-size:33px;animation:twinkle 3.4s ease infinite}.buddy-spark--two{top:134px;right:16%;font-size:20px;animation:twinkle 4.4s ease -.6s infinite}.buddy-spark--three{left:9%;bottom:57px;font-size:31px;color:#b9a3cf;transform:rotate(-19deg)}.buddy-spark--four{right:9%;bottom:62px;font-size:23px;color:#b5cabb}.buddy-stage--running .buddy-member{animation:hero-dash .95s ease-in both}.buddy-stage--running .buddy-member--2{animation-delay:70ms}.buddy-stage--running .buddy-member--3{animation-delay:.13s}.buddy-stage--running .buddy-member--4{animation-delay:30ms}.music-picker{position:relative;z-index:3;padding:13px 22px 17px;border-top:1px solid #f0e5e6;background:#fffcfb}.music-picker-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;margin-bottom:10px}.music-picker-label{color:#856a7b;font-size:10px;font-weight:800;letter-spacing:1.15px}.music-picker-note{color:#ae9fa5;font-size:11px}.music-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.music-preset{min-width:0;min-height:40px;padding:8px 7px;border:1px solid #eae1e4;border-radius:10px;background:#fff;color:#766670;font-size:12px;font-weight:700;white-space:nowrap;transition:background .16s,border-color .16s,color .16s}.music-preset:hover{border-color:#c7a8d4;color:#785e8e}.music-preset.is-selected{background:#f1e8f8;border-color:#bd9ed1;color:#6c4c87;box-shadow:inset 0 0 0 1px #bd9ed123}.music-actions{display:grid;grid-template-columns:1.1fr 1fr;gap:10px;margin-top:11px}.music-actions .primary-cta,.music-actions .secondary-cta{min-width:0;min-height:46px;padding:10px 12px;font-size:12px;gap:9px;white-space:nowrap}.music-actions .primary-cta:disabled{opacity:.65}.music-actions .cta-play{width:24px;height:24px;flex-basis:24px}.music-picker-footnote{min-height:14px;margin-top:10px;text-align:center;color:#a4959d;font-size:9px;font-weight:700;letter-spacing:.65px;overflow-wrap:anywhere}.bean-buddy--running .bean-leg--left{animation:running-leg .19s ease-in-out infinite alternate}.bean-buddy--running .bean-leg--right{animation:running-leg .19s ease-in-out -.19s infinite alternate-reverse}.bean-buddy--running .bean-arm--left{animation:running-arm .19s ease-in-out infinite alternate}.bean-buddy--running .bean-arm--right{animation:running-arm .19s ease-in-out -.19s infinite alternate-reverse}.bean-buddy--running .bean-body{animation:bean-run-bop .17s ease-in-out infinite alternate}@keyframes bean-breathe{0%,to{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-6px) rotate(2deg) scale(1.018,.987)}}@keyframes bean-look{0%,83%,to{transform:scaleY(1)}85%,86%{transform:scaleY(.12)}89%{transform:scaleY(1)}}@keyframes bean-shadow{0%,to{transform:scale(1);opacity:.13}50%{transform:scale(.91);opacity:.1}}@keyframes running-leg{0%{transform:rotate(-26deg)}to{transform:rotate(29deg)}}@keyframes running-arm{0%{transform:rotate(26deg)}to{transform:rotate(-27deg)}}@keyframes bean-run-bop{0%{transform:translateY(-3px) rotate(-4deg)}to{transform:translateY(2px) rotate(4deg)}}@keyframes hero-dash{0%,15%{opacity:1}70%{transform:translate(75px,-12px) rotate(12deg);opacity:1}to{transform:translate(195px,-42px) rotate(24deg) scale(.18);opacity:0}}@keyframes twinkle{0%,to{opacity:.48;transform:scale(.9) rotate(-13deg)}50%{opacity:1;transform:scale(1.18) rotate(9deg)}}.showcase{padding:40px 24px 95px;background:linear-gradient(180deg,#f6f0ee,#f8f4f2 76%,#fbf9f5);scroll-margin-top:25px}.showcase-heading{max-width:1220px;margin:0 auto 26px}.section-eyebrow{color:#a18b96;letter-spacing:1.85px;font-size:10px}.section-eyebrow span{color:#e0a7ba;font-size:13px}.showcase h2,.how-header h2{font-family:Manrope,sans-serif;font-size:clamp(28px,3vw,39px);font-weight:800;letter-spacing:-1.85px;margin:11px 0 0;line-height:1.18}.showcase-heading h2{margin-top:0}.theater{max-width:1220px;margin:0 auto;border-radius:19px;border:8px solid #fffdfa;overflow:hidden;background:#282426;box-shadow:0 10px 37px #7c637929,0 25px 70px #8c73841c}.theaterbar{min-height:44px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:6px 18px;background:#292326;border-bottom:1px solid #4b4147}.theaterlabel{display:flex;align-items:center;gap:11px;color:#dbc9d7;font-size:9px;letter-spacing:1.45px;font-weight:800}.theater-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.return-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:5px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#d3bfce;font-size:11px;font-weight:600;white-space:nowrap}.return-trigger:hover{border-color:#a78c9d55;background:#ffffff0a;color:#fff}.livepoint{width:7px;height:7px;background:#e3a2b7}.viewport{position:relative;width:100%;aspect-ratio:16 / 9;background:#3c3635;overflow:hidden}.viewport canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 34%,#1e15194f 100%)}.sceneinfo{position:absolute;bottom:24px;left:29px;text-shadow:0 3px 15px #0008;pointer-events:none;color:#fff8f8}.songtiny{color:#e5b8e7;font-weight:800;letter-spacing:1.8px;font-size:9px}.songname{margin-top:5px;font-family:Manrope,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1px}.scenehint{font-size:11px;color:#e4d7dc;margin-top:5px}.player{height:74px;display:flex;align-items:center;gap:18px;padding:0 24px;background:#282226}.playbutton{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#eeb5cd;color:#34232d;line-height:0;box-shadow:0 3px 14px #eeb5cd26;transition:background .18s,box-shadow .18s}.playbutton:hover:not(:disabled){background:#f9cade}.playbutton:disabled{opacity:.6}.time{font-size:12px;color:#e9dce3;font-variant-numeric:tabular-nums}.time.muted{color:#a3959d}.scrubber{flex:1;min-width:80px;appearance:none;height:44px;border-radius:6px;cursor:pointer;background-size:100% 4px;background-position:center;background-repeat:no-repeat;background-color:transparent}.scrubber::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border:2px solid #f3dfe9;border-radius:50%;background:#e5a9c8}.scrubber::-moz-range-thumb{height:13px;width:13px;border-radius:50%;background:#e5a9c8;border:2px solid #f3dfe9}.controlsdivider{width:1px;height:24px;background:#56454e}.volume{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:0;border-radius:11px;background:transparent;color:#ded0d9;line-height:0;transition:background .18s,color .18s}.volume:hover{background:#ffffff0d;color:#fff3f9}.volume[aria-pressed=true]{color:#e4a6c0}.speed-control{position:relative;display:inline-flex;flex:0 0 auto;align-items:center}.speed-control>.ui-icon{position:absolute;right:10px;color:#c9bac4}.player select{appearance:none;-webkit-appearance:none;min-width:78px;height:36px;border:1px solid #6e5b6866;border-radius:11px;background:#ffffff08;color:#f0e5ea;font-size:12px;font-weight:500;line-height:1;padding:0 29px 0 13px;cursor:pointer;font-variant-numeric:tabular-nums;transition:border-color .18s,background .18s}.player select:hover{border-color:#957c8f;background:#ffffff0e}.player select option{color:#f0e5ea;background:#332a30}.sampleloading{display:flex;justify-content:center;align-items:center;gap:10px;padding:11px;background:#3c3039;color:#f3d6e1;font-size:12px}.samplespinner{width:13px;height:13px;border-radius:50%;border:2px solid #917c91;border-top-color:#f8d4df;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{max-width:1220px;margin:17px auto 0;background:#ffe8ec;border:1px solid #f5bbc5;color:#983c56;border-radius:11px;padding:14px 18px;font-size:12px}.score-entrance{position:absolute;z-index:8;inset:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:7.2% 20px 6.5%;isolation:isolate;background:radial-gradient(ellipse at 51% 39%,#fffcf8,#fff1ec 56%,#f7dce6 125%);color:#3b2c36}.score-entrance:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 65%,#f4d4e25e,transparent 40%),radial-gradient(circle at 16% 18%,#e1d5f073,transparent 33%);z-index:-1}.entrance-staff{position:absolute;inset:0;width:100%;height:100%;stroke:#dbbdc7;fill:none;stroke-width:1.35;opacity:.47}.entrance-heading{position:relative;text-align:center;z-index:2}.entrance-overline{color:#997d90;letter-spacing:2px;font-weight:800;font-size:10px}.entrance-heading h3{font-family:Manrope,sans-serif;font-size:clamp(27px,3.1vw,48px);letter-spacing:-2px;margin:7px 0 6px}.entrance-heading h3 em{font-style:normal;color:#a67ed2}.entrance-heading p{font-size:12px;color:#987d87;margin:0}.entrance-buddies{position:absolute;top:34%;width:min(72%,700px);display:flex;justify-content:center;align-items:flex-end;z-index:2;height:38%}.entrance-buddy{position:relative;z-index:2;width:25%;display:flex;justify-content:center;align-items:flex-end;transform-origin:50% 70%}.entrance-buddy .bean-buddy{width:min(100%,165px);filter:drop-shadow(0 12px 9px #bd89a035)}.entrance-buddy--1{transform:translateY(12%) rotate(-4deg);--exit-x: 210px;--exit-y: -100px}.entrance-buddy--2{transform:translateY(-10%) rotate(4deg);--exit-x: 90px;--exit-y: -75px}.entrance-buddy--3{transform:translateY(6%) rotate(-3deg);--exit-x: -90px;--exit-y: -85px}.entrance-buddy--4{transform:translateY(-2%) rotate(4deg);--exit-x: -215px;--exit-y: -110px}.entrance-light{position:absolute;bottom:5%;width:90%;left:5%;height:24px;border-radius:50%;background:#dcb9c58f;filter:blur(16px)}.entrance-actions{display:flex;flex-direction:column;gap:13px;align-items:center;z-index:3}.entrance-play{padding:13px 22px;min-height:45px;background:#2d262c;color:#fff;border:0;box-shadow:0 5px 17px #775b6929}.entrance-play:disabled{opacity:.75}.play-icon{color:#f3b5cb}.entrance-hint{font-size:9px;color:#a88f99;letter-spacing:1.75px;font-weight:800}.entrance-star{position:absolute;z-index:1;color:#c89cae}.entrance-star--a{top:31%;left:16%;font-size:34px;animation:twinkle 3.5s infinite}.entrance-star--b{right:12%;top:30%;font-size:39px;animation:twinkle 4.1s -1s infinite}.entrance-star--c{top:52%;right:19%;font-size:32px;transform:rotate(19deg);color:#a58cc9}.score-entrance--running{animation:intro-curtain 1.2s ease-out forwards;pointer-events:none}.score-entrance--running .entrance-heading{animation:intro-copy-leave .3s forwards}.score-entrance--running .entrance-actions{animation:intro-copy-leave .2s forwards}.score-entrance--running .entrance-buddy{animation:dancer-run-in 1.14s cubic-bezier(.16,.69,.27,.97) forwards}.score-entrance--running .entrance-buddy .bean-buddy{animation:dancer-becomes-light 1.1s ease-in forwards}.score-entrance--running .entrance-buddy--2{animation-delay:50ms}.score-entrance--running .entrance-buddy--3{animation-delay:85ms}.score-entrance--running .entrance-buddy--4{animation-delay:30ms}.score-entrance--running .entrance-light{animation:intro-copy-leave .65s forwards}@keyframes intro-copy-leave{to{opacity:0;transform:translateY(-18px)}}@keyframes dancer-run-in{0%{opacity:1}16%{transform:translateY(16%) scale(.93,1.03);opacity:1}35%{transform:translate(11px,-4px) rotate(10deg);opacity:1}76%{opacity:1}94%,to{transform:translate(var(--exit-x),var(--exit-y)) rotate(-22deg) scale(.08);opacity:0}}@keyframes intro-curtain{0%,35%{opacity:1}75%{opacity:.8}to{opacity:0}}@keyframes dancer-becomes-light{0%,56%{filter:drop-shadow(0 12px 9px #bd89a035)}85%{filter:brightness(1.35) drop-shadow(0 0 18px #fff9f0)}to{filter:brightness(2.5) drop-shadow(0 0 30px #fff)}}.how-section{max-width:1280px;padding:44px 24px 100px;margin:0 auto;scroll-margin-top:50px}.how-header{text-align:center}.how-header h2{font-size:clamp(32px,3.9vw,49px)}.how-header p{margin:15px auto 35px;color:#8c7e85;font-size:13px;line-height:1.6}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.how-card{border-radius:18px;border:1px solid #e9e4df;overflow:hidden;background:#fff;padding:23px 24px 29px}.how-number{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#a49a9a}.how-illustration{height:172px;margin:17px 0 20px;border-radius:12px;position:relative;display:grid;place-items:center;overflow:hidden}.how-illustration--upload{background:#ffeff0}.how-illustration--score{background:#f3eefb}.how-illustration--dance{background:#e8f5ed}.how-floating{position:absolute;top:20%;right:30%;color:#df98ab;font-size:28px}.mini-file{position:relative;width:95px;height:112px;border-radius:13px;border:2px solid #e9b8bb;background:#fffaf7;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;box-shadow:8px 9px #f6d7d9;transform:rotate(-9deg)}.mini-file span{font-size:42px;color:#ed8f9d;line-height:1}.mini-file small{font-size:11px;color:#bc8893;font-weight:800;letter-spacing:1px}.mini-staff{position:relative;width:87%;height:98px;background:repeating-linear-gradient(to bottom,transparent 0 16px,#bdb0d5 16px 18px,transparent 18px 20px);transform:rotate(-6deg);display:flex;align-items:start;justify-content:space-evenly;padding-top:14px}.mini-staff span{font-family:Georgia,serif;font-size:51px;color:#8a73b7;transform:translateY(-16px)}.mini-staff span:nth-child(2){transform:translateY(16px);color:#d5a0d1}.how-illustration--dance .bean-buddy{width:112px;transform:translateY(4px)}.how-dance-stars{position:absolute;top:22px;right:26%;font-size:29px;color:#86c5a9;letter-spacing:15px}.how-card h3{font:800 18px Manrope,sans-serif;margin:0 0 8px;letter-spacing:-.5px}.how-card p{color:#94868a;font-size:12px;line-height:1.8;margin:0;max-width:295px}footer{border-top:1px solid #eae4e0;max-width:1280px;margin:0 auto;padding:27px 24px 40px;color:#93848c;display:flex;justify-content:space-between;align-items:center;font-size:12px}.footerbrand{display:flex;align-items:center;gap:8px;font:800 18px Manrope,sans-serif;letter-spacing:-.7px;color:#4c4048}.footerdot{width:14px;height:14px;background:conic-gradient(#b598e1 0 25%,#9addc0 25% 50%,#f4c567 50% 75%,#e88ba2 75%);border-radius:50%}.footer-star{color:#e7a5b7;font-size:15px;margin-left:4px}@media(max-width:1100px){.hero{width:min(100% - 42px,1250px);gap:2.5%}.hero h1{font-size:clamp(46px,5.4vw,67px);letter-spacing:-3.7px}.buddy-stage{height:260px}.buddy-party{inset:55px 9px 9px}}@media(max-width:960px){.hero{grid-template-columns:minmax(0,1fr);width:min(100% - 42px,780px);padding:58px 0 46px;gap:32px}.hero h1{font-size:clamp(50px,8.5vw,70px);line-height:1.1}.hero-copy>p:not(.hero-trust){max-width:590px}.buddy-card{max-width:670px;width:100%;margin:0 auto}}@media(max-width:800px){.topbar{padding:0 22px;height:74px}.topbar nav{display:none}.showcase{padding:48px 14px 65px}.showcase-heading{margin:0 10px 23px}.theater{border-width:6px}.viewport{aspect-ratio:16 / 11}.score-entrance{padding:9% 15px 6%}.entrance-buddies{top:35%}.entrance-buddy--1{--exit-x: 80px}.entrance-buddy--2{--exit-x: 40px}.entrance-buddy--3{--exit-x: -35px}.entrance-buddy--4{--exit-x: -80px}.how-section{padding:34px 20px 70px}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.how-card{padding:18px 14px 25px}.how-illustration{height:145px}.music-preset{min-height:44px}.playbutton,.volume{flex-basis:44px;width:44px;height:44px}.player select{height:44px}}@media(max-width:560px){.topbar{padding:0 15px;gap:12px;height:69px}.brand{font-size:20px;letter-spacing:-1.4px;gap:5px}.brandmark{transform:scale(.82);margin-right:0}.hero{width:calc(100% - 36px);padding-top:46px}.hero h1{font-size:clamp(46px,11.5vw,68px);letter-spacing:-3px;margin:19px 0}.hero-copy>p:not(.hero-trust){font-size:13px}.music-actions .primary-cta,.music-actions .secondary-cta{padding:10px 9px;font-size:11px;gap:7px;min-height:44px}.hero-trust{flex-wrap:wrap;font-size:10px}.buddy-card{border-radius:18px}.buddy-stage{height:230px}.buddy-stage-head{top:18px;left:18px;right:18px;font-size:8px;letter-spacing:1px}.buddy-stage-star{font-size:15px}.buddy-party{inset:48px 8px 9px}.buddy-member{width:25%}.buddy-member .bean-buddy{width:100%}.buddy-caption strong{font-size:11px}.buddy-spark--one{top:65px}.buddy-spark--two{top:90px}.music-picker{padding:13px 14px 15px}.music-preset{min-height:44px;padding:8px 3px;font-size:11px;letter-spacing:-.2px}.music-presets{gap:5px}.music-picker-label{font-size:9px;letter-spacing:.7px}.music-picker-note{font-size:10px}.showcase{padding:37px 7px 56px}.showcase-heading h2{font-size:28px}.theater{border-width:3px;border-radius:13px}.theaterbar{padding:6px 10px;min-height:44px}.theaterlabel{font-size:8px;letter-spacing:.4px;gap:7px}.theater-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px}.return-trigger{min-height:36px;font-size:10px;padding-inline:7px}.viewport{aspect-ratio:1 / 1}.sceneinfo{bottom:13px;left:13px}.songname{font-size:17px}.scenehint{font-size:9px}.score-entrance{padding:10% 10px 7%}.entrance-overline{font-size:8px;letter-spacing:1px}.entrance-heading h3{font-size:27px;margin:4px 0}.entrance-heading p{font-size:10px}.entrance-buddies{width:91%;top:37%;height:34%}.entrance-star--a,.entrance-star--b{font-size:19px}.entrance-actions{gap:6px}.entrance-play{padding:9px 14px;font-size:11px;min-height:44px}.entrance-hint{font-size:7px}.player{display:grid;grid-template-columns:44px auto minmax(0,1fr) auto;grid-template-rows:48px 44px;column-gap:10px;row-gap:0;height:auto;padding:6px 12px 10px}.playbutton{grid-column:1;grid-row:1;flex-basis:44px;width:44px;height:44px}.playbutton>.ui-icon{width:22px;height:22px}.player>.time:not(.muted){grid-column:2;grid-row:1}.scrubber{grid-column:3;grid-row:1;min-width:0;width:100%}.time.muted{grid-column:4;grid-row:1}.time{font-size:10px}.controlsdivider{display:none}.volume{grid-column:1 / 3;grid-row:2;justify-self:start;width:44px;height:44px;flex-basis:44px}.speed-control{grid-column:3 / 5;grid-row:2;justify-self:end}.player select{min-width:78px;height:44px;padding:0 25px 0 12px;font-size:11px}.speed-control>.ui-icon{right:8px;width:12px;height:12px}.volume>.ui-icon{width:20px;height:20px}.how-header h2{font-size:33px}.how-grid{grid-template-columns:1fr;gap:12px}.how-card{padding:20px}.how-illustration{height:125px;margin:10px 0 14px}.how-card h3{font-size:17px}footer{padding:24px 20px 30px}footer>span{font-size:10px}}@media(max-width:400px){.music-actions{grid-template-columns:minmax(0,1fr);gap:8px}}@media(max-width:360px){.entrance-heading p,.entrance-hint{display:none}footer{flex-direction:column;align-items:flex-start;gap:10px}}@media(max-width:320px){.topbar{padding-inline:14px}.hero{width:calc(100% - 28px)}.hero h1{font-size:clamp(34px,12vw,40px);letter-spacing:-2.4px}.hero-copy>p:not(.hero-trust){font-size:12px;overflow-wrap:anywhere}.hero-trust{overflow-wrap:anywhere}.buddy-stage{height:220px}.music-presets{grid-template-columns:1fr;gap:5px}.music-preset{text-align:left;padding-inline:12px}.showcase-heading h2{font-size:25px}.viewport{aspect-ratio:auto;height:clamp(300px,110vw,360px)}.entrance-buddies{top:36%;height:30%}.entrance-actions{gap:0}.player{column-gap:6px;padding-inline:9px}.how-section{padding-inline:14px}.how-header h2{font-size:29px}}@media(max-width:240px){.player{grid-template-rows:44px 44px 44px;row-gap:2px}.scrubber{grid-column:1 / -1;grid-row:2}.volume,.speed-control{grid-row:3}}@media(max-width:220px){.brand>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}