.desktop-handoff{isolation:isolate;background:linear-gradient(135deg,#1c110c4d,#0c0806c7),#1f1510;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.72fr);align-items:center;gap:clamp(3rem,8vw,9rem);min-height:100svh;padding:clamp(3rem,7vw,7rem);display:grid;position:relative;overflow:hidden}.desktop-handoff__glow{z-index:-1;filter:blur(40px);opacity:.34;border-radius:50%;width:42rem;height:42rem;position:absolute}.desktop-handoff__glow--one{background:#f67332;top:-24rem;right:-5rem}.desktop-handoff__glow--two{background:#fd9e40;bottom:-28rem;left:-11rem}.desktop-handoff__copy{width:min(100%,47rem)}.desktop-handoff__wordmark{width:clamp(15rem,28vw,24rem);height:auto;margin-bottom:1.35rem;display:block}.desktop-handoff__tagline{color:#ffb25f;letter-spacing:.025em;margin:0 0 clamp(2.8rem,7vh,5.8rem);font-size:clamp(1rem,1.4vw,1.28rem);font-weight:850}.desktop-handoff h1{color:#fef2df;max-width:11ch;font-family:var(--display-font);letter-spacing:-.055em;margin:0;font-size:clamp(4rem,7.2vw,8.2rem);font-weight:400;line-height:.88}.desktop-handoff__intro{color:#fef2dfd1;max-width:38rem;margin:2rem 0 0;font-size:clamp(1.15rem,1.7vw,1.55rem);font-weight:600;line-height:1.52}.desktop-handoff__note{color:#ffc47f;margin:1.45rem 0 0;font-size:.95rem;font-weight:750}.desktop-handoff__qr-card{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(155deg,#fef2df14,#0000 52%),#18100cd1;border:1px solid #fef2df2e;border-radius:2.5rem;justify-self:center;width:min(100%,30rem);padding:clamp(1.5rem,3vw,2.4rem);box-shadow:0 2.5rem 7rem #00000061}.desktop-handoff__qr-frame{aspect-ratio:1;background:#fff8eb;border-radius:2rem;place-items:center;width:100%;padding:1.2rem;display:grid;box-shadow:inset 0 0 0 1px #1f151014}.desktop-handoff__qr{width:100%;height:100%;display:block}.desktop-handoff__qr-card h2{color:#fef2df;letter-spacing:-.035em;margin:1.7rem 0 0;font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1.05}.desktop-handoff__qr-card p{color:#fef2dfad;margin:.55rem 0 0;font-size:1.06rem}.desktop-handoff__qr-card>span{color:#ffb25f;letter-spacing:.06em;margin-top:1.25rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem;font-weight:800;display:inline-block}.public-mobile-experience{min-height:100svh}.home-screen-invite__backdrop{z-index:125;padding:max(1rem, env(safe-area-inset-top)) max(.8rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(.8rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#09070694;place-items:end center;animation:.24s ease-out both home-screen-backdrop-in;display:grid;position:fixed;inset:0}.home-screen-invite{color:#fef2df;background:radial-gradient(circle at 8% 4%,#f6733238,#0000 9rem),#1f1510f7;border:1px solid #fed8a54d;border-radius:1.7rem;grid-template-columns:auto minmax(0,1fr);gap:.9rem .85rem;width:min(100%,31rem);padding:1.05rem;animation:.36s cubic-bezier(.2,.8,.2,1) both home-screen-invite-in;display:grid;box-shadow:0 1.2rem 4rem #0000007a}.home-screen-invite>img{width:3rem;height:3rem;margin-top:.1rem}.home-screen-invite__copy{align-content:center;gap:.18rem;display:grid}.home-screen-invite__copy>strong{font-family:var(--display-font);letter-spacing:-.035em;font-size:clamp(1.65rem,7vw,2.2rem);font-weight:400;line-height:.98}.home-screen-invite__copy>span{color:#fef2dfb3;font-size:.86rem;font-weight:650;line-height:1.35}.home-screen-invite__safari-cue{color:#fef2dfbd;background:#09070685;border:1px solid #fef2df21;border-radius:1.3rem;grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;min-height:3.7rem;padding:.48rem .48rem .48rem 1rem;font-size:.9rem;font-weight:720;display:grid;position:relative}.home-screen-invite__safari-cue i{color:#fef2df;letter-spacing:.08em;background:#fef2df1f;border-radius:1rem;place-items:center;width:3.8rem;height:2.7rem;font-size:1.25rem;font-style:normal;animation:1.7s ease-out infinite home-screen-menu-pulse;display:grid;box-shadow:0 0 #ffb25f6b}.home-screen-invite__safari-cue b{color:#251811;letter-spacing:.02em;background:#ffb25f;border-radius:999px;padding:.22rem .52rem;font-size:.67rem;position:absolute;bottom:-.55rem;right:.6rem;transform:rotate(-3deg)}.home-screen-invite__steps{grid-column:1/-1;gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.home-screen-invite__steps li{background:#fef2df0d;border:1px solid #fef2df1a;border-radius:1rem;grid-template-columns:2rem 1fr;align-items:center;gap:.65rem;min-height:3rem;padding:.55rem .7rem;display:grid}.home-screen-invite__steps li>b{color:#251811;background:#ffb25f;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.86rem;display:grid}.home-screen-invite__steps span{color:#fef2dfc7;font-size:.88rem;font-weight:650;line-height:1.3}.home-screen-invite__steps strong{color:#fef2df}.home-screen-invite__actions{grid-column:1/-1;grid-template-columns:1.25fr .75fr;gap:.6rem;display:grid}.home-screen-invite__actions button{min-height:3.4rem;font:inherit;border-radius:999px;font-weight:900}.home-screen-invite__primary{color:#251811;background:linear-gradient(125deg,#ffd198,#fd9e40);border:0;box-shadow:0 .7rem 2rem #fd9e4038}.home-screen-invite__secondary{color:#fef2df;background:#fef2df12;border:1px solid #fef2df3d}.portrait-guidance{z-index:110;padding:max(2rem, env(safe-area-inset-top)) max(2rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(2rem, env(safe-area-inset-left));color:#fef2df;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 50% 44%,#f6733242,#0000 15rem),#1f1510f0;place-content:center;justify-items:center;gap:.65rem;display:grid;position:fixed;inset:0}.portrait-guidance__phone{border:.22rem solid #ffb25f;border-radius:.75rem;width:3.2rem;height:5.6rem;margin-bottom:.8rem;animation:1.8s ease-in-out infinite portrait-guidance-turn;box-shadow:0 0 2.4rem #fd9e4061}.portrait-guidance strong{font-family:var(--display-font);font-size:clamp(2rem,7vw,3.4rem);font-weight:400}.portrait-guidance span{color:#fef2dfb8;max-width:27rem;font-size:clamp(.95rem,2.5vw,1.15rem);font-weight:650}@keyframes home-screen-invite-in{0%{opacity:0;transform:translateY(1.6rem)scale(.98)}}@keyframes home-screen-backdrop-in{0%{opacity:0}}@keyframes home-screen-menu-pulse{55%{box-shadow:0 0 #ffb25f57}to{box-shadow:0 0 0 .72rem #ffb25f00}}@keyframes portrait-guidance-turn{0%,20%{transform:rotate(90deg)}55%,to{transform:rotate(0)}}@media (width<=900px){.desktop-handoff{grid-template-columns:1fr;gap:3rem}.desktop-handoff__qr-card{width:min(100%,25rem)}}@media (prefers-reduced-motion:reduce){.home-screen-invite__backdrop,.home-screen-invite,.home-screen-invite__safari-cue i,.portrait-guidance__phone{animation:none}}.pwa-update-prompt{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, calc(env(safe-area-inset-bottom) + .5rem));left:max(1rem, env(safe-area-inset-left));z-index:1000;color:#fff4df;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#23140ef0;border:1px solid #ffc77c73;border-radius:1.35rem;gap:.85rem;padding:1rem;display:grid;position:fixed;box-shadow:0 18px 48px #1207036b}.pwa-update-prompt__copy{gap:.18rem;display:grid}.pwa-update-prompt__copy strong{font-family:var(--display-font);font-size:1.45rem;font-weight:400;line-height:1}.pwa-update-prompt__copy span{color:#fff4dfbd;font-size:.86rem;font-weight:650;line-height:1.35}.pwa-update-prompt__actions{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:.65rem;display:grid}.pwa-update-prompt button{color:#fff4df;min-height:2.9rem;font:inherit;border:1px solid #fff4df47;border-radius:999px;padding:.65rem 1rem;font-weight:850}.pwa-update-prompt button:focus-visible{outline-offset:3px;outline:3px solid #67dfc3}.pwa-update-prompt button:disabled{opacity:.7}.pwa-update-prompt__later{background:#ffffff0d}.pwa-update-prompt button.pwa-update-prompt__refresh{color:#25140e;background:linear-gradient(110deg,#ffd09b,#ff9e40);box-shadow:inset 0 1px #ffffff85}@media (width>=45rem){.pwa-update-prompt{width:min(25rem,100vw - 3rem);left:auto;right:1.5rem}}@media (prefers-reduced-motion:reduce){.pwa-update-prompt,.pwa-update-prompt *{transition:none!important}}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-variable.ttf)format("truetype")}@font-face{font-family:Bagel Fat One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bagel-fat-one-regular.ttf)format("truetype")}:root{color:#fef2df;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#1f1510;--cream:#fef2df;--lid-cream:#fed8a5;--muted:#fef2dfad;--orange:#fd9e40;--spark-orange:#f67332;--coral:#eb5b43;--sage:#969c67;--panel:#261b14e0;--display-font:"Bagel Fat One", "Cooper Black", ui-rounded, serif;background:#1f1510;font-family:DM Sans,Inter,ui-rounded,SF Pro Rounded,SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 84% 8%,#eb5b433b,#0000 26rem),radial-gradient(circle at 9% 48%,#fd9e4026,#0000 31rem),#1f1510;min-width:320px;min-height:100svh}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.lab-shell{width:min(100%,72rem);min-height:100svh;padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(36px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:0 auto}.lab-header{justify-content:space-between;align-items:end;gap:20px;padding:8px 4px 22px;display:flex}.lab-kicker{flex-wrap:wrap;align-items:center;gap:7px 10px;margin-bottom:7px;display:flex}.eyebrow{color:#ffca8a;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:800}.build-badge{color:#ffe2bdc7;letter-spacing:.04em;text-transform:uppercase;background:#ffb45c17;border:1px solid #ffca8a3d;border-radius:99px;padding:4px 7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.58rem;font-weight:750}.lab-title{letter-spacing:-.075em;margin:0;font-size:clamp(2.75rem,12vw,5rem);line-height:.88}.lab-wordmark{width:clamp(12rem,42vw,24rem);height:auto;display:block}.tagline{color:var(--orange);margin:10px 0 0;font-size:.95rem;font-weight:750}.lab-status{color:var(--muted);background:#0003;border:1px solid #fff7ed1f;border-radius:99px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:.72rem;font-weight:700;display:flex}.lab-status span{background:#958b84;border-radius:50%;width:8px;height:8px}.lab-status[data-active=true]{color:#bdffe9;border-color:#68dfbd4d}.lab-status[data-active=true] span{background:#68dfbd;box-shadow:0 0 16px #68dfbd}.camera-card{isolation:isolate;background:#080706;border:1px solid #fff7ed1f;border-radius:30px;width:100%;min-height:min(62svh,46rem);position:relative;overflow:hidden;box-shadow:0 28px 90px #00000057}.camera-preview{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.marker-surface{z-index:2;cursor:crosshair;touch-action:none;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.marker-surface:disabled{cursor:wait}.glass-band{top:0;bottom:0;left:var(--band-x);width:clamp(72px,18%,150px);box-shadow:none;pointer-events:none;background:0 0;border-left:1px solid #0000;border-right:1px solid #0000;transition:opacity .18s,filter .18s;position:absolute;transform:translate(-50%)}.glass-band[data-active=true]{border-color:color-mix(in srgb, var(--band-colour) 76%, transparent);background:linear-gradient(to bottom, transparent 5%, color-mix(in srgb, var(--band-colour) 30%, transparent), transparent 88%);box-shadow:inset 0 0 40px color-mix(in srgb, var(--band-colour) 18%, transparent)}.glass-band[data-listening=true]{animation:.24s ease-out glass-band-strike}.glass-band[data-playing=true] .glass-marker{border-color:var(--band-colour);background:color-mix(in srgb, var(--band-colour) 72%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--band-colour) 72%, transparent)}.glass-band[data-play-pulse=true]{animation:.36s ease-out guided-play-strike}.marker-surface[data-cue-visibility=warming] .glass-band{opacity:.72;filter:saturate(.82)}.marker-surface[data-cue-visibility=warming] .glass-marker{box-shadow:none;background:#120e0b14;border-style:dashed}.marker-surface[data-cue-visibility=uncertain] .glass-band{opacity:.32;box-shadow:none;filter:saturate(.62);background:0 0;border-color:#0000}.marker-surface[data-cue-visibility=uncertain] .glass-marker{box-shadow:none;background:0 0;border-style:dashed}.glass-band[data-edge-unsafe=true]{opacity:.32;box-shadow:none;filter:saturate(.62);background:0 0;border-color:#0000}.glass-band[data-edge-unsafe=true] .glass-marker{box-shadow:none;background:0 0;border-style:dashed}@keyframes glass-band-strike{45%{background:linear-gradient(to bottom, transparent 2%, color-mix(in srgb, var(--band-colour) 68%, transparent), transparent 94%);box-shadow:inset 0 0 70px color-mix(in srgb, var(--band-colour) 44%, transparent)}}@keyframes guided-play-strike{45%{filter:brightness(1.45)saturate(1.2);box-shadow:inset 0 0 92px color-mix(in srgb, var(--band-colour) 64%, transparent), 0 0 34px color-mix(in srgb, var(--band-colour) 44%, transparent)}}.glass-marker{top:var(--anchor-y);border:2px solid var(--band-colour);background:#120e0b24;border-radius:50%;width:26px;height:26px;animation:.42s cubic-bezier(.2,.9,.25,1) glass-marker-settle;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 18px #00000061}@keyframes glass-marker-settle{0%{opacity:.6;transform:translate(-50%,-50%)scale(1.7)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.glass-marker:before,.glass-marker:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.glass-marker:before{background:linear-gradient(to right, color-mix(in srgb, var(--band-colour) 86%, white) 0 calc(50% - 7px), transparent calc(50% - 7px) calc(50% + 7px), color-mix(in srgb, var(--band-colour) 86%, white) calc(50% + 7px) 100%);width:40px;height:1.5px}.glass-marker:after{background:linear-gradient(to bottom, color-mix(in srgb, var(--band-colour) 86%, white) 0 calc(50% - 7px), transparent calc(50% - 7px) calc(50% + 7px), color-mix(in srgb, var(--band-colour) 86%, white) calc(50% + 7px) 100%);width:1.5px;height:40px}.glass-marker-number{z-index:1;min-width:22px;height:22px;color:var(--ink);background:var(--band-colour);border-radius:99px;place-items:center;padding:0 6px;font-size:.68rem;font-weight:900;line-height:1;display:grid;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000057}.glass-note{top:calc(var(--anchor-y) + 48px);color:var(--ink);background:var(--band-colour);pointer-events:none;border-radius:99px;padding:5px 8px;font-size:.72rem;font-weight:900;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0000005c}.pitch-result{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:#120e0bc7;border:1px solid #ffffff26;border-radius:18px;min-width:9.5rem;padding:13px 15px;display:grid;position:absolute;top:16px;left:16px;box-shadow:0 12px 36px #0000004d}.pitch-result strong{font-size:.9rem}.pitch-result span{color:#ffca8a;margin-top:3px;font-size:.8rem;font-weight:800}.pitch-result small{color:var(--muted);margin-top:3px;font-size:.66rem}.pitch-result__note{color:var(--orange);letter-spacing:-.08em;line-height:.95;font-size:2.7rem!important}.pitch-result__pulse{border:3px solid var(--orange);border-radius:50%;width:16px;height:16px;animation:.7s ease-in-out infinite alternate listening-pulse;margin:0 0 8px!important}.pitch-result__ring{border:2px solid #f6dc61;border-radius:50%;width:20px;height:20px;animation:.9s ease-out infinite final-ring;margin:0 0 8px!important}.burst-evidence{grid-template-columns:repeat(7,minmax(12px,1fr));gap:4px;display:grid;margin-top:10px!important}.burst-evidence i{background:#ffffff29;border-radius:99px;height:6px}.burst-evidence i[data-core=true]{outline:1px solid #ffca8a3d}.burst-evidence i[data-filled=true]{background:linear-gradient(90deg, var(--orange), #f6dc61);box-shadow:0 0 9px #ffb45c7a}@keyframes listening-pulse{to{opacity:.38;transform:scale(1.55)}}@keyframes final-ring{0%{opacity:.9;transform:scale(.55)}to{opacity:0;transform:scale(1.55)}}.camera-placeholder{text-align:center;background:linear-gradient(145deg,#ffb45c1a,#0000 55%),repeating-linear-gradient(90deg,#0000 0 19%,#ffffff08 20%);align-content:center;justify-items:center;padding:40px;display:grid;position:absolute;inset:0}.camera-placeholder img{border-radius:23px;width:92px}.camera-placeholder p{max-width:22rem;color:var(--muted);margin:24px 0 0;font-size:1rem;line-height:1.5}.camera-instruction{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:#120e0bbd;border:1px solid #ffffff24;border-radius:18px;flex-direction:column;gap:4px;padding:14px 16px;display:flex;position:absolute;bottom:14px;left:14px;right:14px;box-shadow:0 10px 36px #00000052}.camera-instruction[data-interactive=true] button{pointer-events:auto}.camera-instruction strong{font-size:.95rem;line-height:1.3}.camera-instruction span{color:var(--muted);font-size:.75rem}.camera-instruction[data-product-stage=song-choice],.camera-instruction[data-product-stage=tuning],.camera-instruction[data-product-stage=learn],.camera-instruction[data-product-stage=relock],.camera-instruction[data-product-stage=play-ready],.camera-instruction[data-product-stage=play],.camera-instruction[data-product-stage=celebration],.camera-instruction[data-product-stage=recording-review],.camera-instruction[data-product-stage=next]{background:#120e0bd6;border-color:#ffca8a3d}.camera-instruction[data-product-stage=recording-review],.camera-instruction[data-product-stage=song-choice]{pointer-events:auto;max-height:min(78svh,42rem);overflow:auto}.song-choice,.product-tuning,.song-learning,.guided-play,.song-celebration,.take-review,.journey-next{gap:9px;margin-top:9px;display:grid}.song-choice__meta{justify-content:space-between;align-items:end;gap:12px;display:flex}.song-choice__meta b{color:#ffe2bd;font-size:.7rem}.song-choice__meta small{color:var(--muted);font-size:.58rem}.song-choice__coach{color:#ffe2bd;font-size:.64rem;line-height:1.4}.song-choice__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.song-choice button.song-choice__option{color:#fff7edb8;text-align:left;background:#fff7ed12;border-color:#fff7ed21;align-content:center;min-width:0;min-height:50px;padding:7px 9px;display:grid}.song-choice__option>span{justify-content:space-between;align-items:baseline;gap:5px;min-width:0;display:flex}.song-choice__option b{color:var(--cream);text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;overflow:hidden}.song-choice__option em{color:#f6dc61;text-transform:uppercase;flex:none;font-size:.48rem;font-style:normal;font-weight:900}.song-choice__option small{color:#fff7ed8a;text-transform:capitalize;margin-top:2px;font-size:.51rem}.song-choice button.song-choice__option[data-selected=true]{background:#f6dc6124;border-color:#f6dc618a;box-shadow:inset 0 0 0 1px #f6dc611f}.song-choice button.song-choice__option:disabled{cursor:default;opacity:.42}.song-choice button,.product-tuning button,.song-learning button,.guided-play button,.song-celebration button,.take-review button,.journey-next button{color:#21150d;background:linear-gradient(135deg,#ffb45c,#f6dc61);border:1px solid #ffb45c66;border-radius:12px;min-height:40px;padding:8px 14px;font-size:.72rem;font-weight:900}.song-choice button:disabled,.product-tuning button:disabled,.song-learning button:disabled,.guided-play button:disabled{cursor:wait;opacity:.62}.song-learning button.recording-choice{color:#fff7edbd;background:#fff7ed12;border-color:#fff7ed24;justify-content:center;align-items:center;gap:7px;min-height:34px;font-size:.64rem;display:flex}.recording-choice i,.recording-live i{background:#fff7ed5c;border-radius:50%;width:8px;height:8px}.song-learning button.recording-choice[data-armed=true]{color:#ffd4cb;background:#ff7d6724;border-color:#ff7d676b}.recording-choice[data-armed=true] i,.recording-live i{background:var(--coral);box-shadow:0 0 12px #ff7d67b3}.recording-live{color:#ffd4cb;justify-content:center;align-items:center;gap:7px;font-size:.62rem;font-weight:800;display:flex}.product-tuning{grid-template-columns:minmax(0,1fr) auto;align-items:center}.product-tuning__meter{background:linear-gradient(90deg,#ff7d6794,#f6dc61bd 42%,#68dfbd 50%,#f6dc61bd 58%,#ff7d6794);border-radius:99px;grid-column:1/-1;height:7px;position:relative;overflow:hidden}.product-tuning__meter i{top:50%;left:var(--tune-position);background:var(--cream);border:2px solid #17110d;border-radius:50%;width:12px;height:12px;transition:left .18s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 12px #fff7ed9e}.product-tuning__reading{align-items:center;gap:9px;display:flex}.product-tuning__reading span{gap:1px;display:grid}.product-tuning__reading b{color:var(--cream);font-size:.88rem}.product-tuning__reading small,.product-tuning__reading em{color:var(--muted);font-size:.62rem;font-style:normal}.product-tuning__reading i{color:#ffca8a;font-size:.8rem;font-style:normal}.product-tuning__reading em{text-align:right;margin-left:auto}.product-tuning__recovery{color:#ffe2bd;grid-column:1/-1;font-size:.61rem;line-height:1.4}.product-tuning button{grid-column:1/-1}.product-tuning button.product-tuning__range-limit{min-height:30px;color:var(--muted);background:#ffffff12;border-color:#ffffff1f;font-size:.62rem}.song-learning{display:grid}.performance-promise{color:#fff7edad;letter-spacing:.025em;text-align:center;font-size:.62rem;font-weight:750;line-height:1.4}.song-learning button.quiet-song-action,.guided-play button.quiet-song-action,.song-celebration button.quiet-song-action,.take-review button.quiet-song-action{color:#fff7edbd;background:#fff7ed12;border-color:#fff7ed24;min-height:34px;font-size:.64rem}.guided-play[data-play-mode=tempo] .song-pattern__bar i[data-state=current]{animation:.18s ease-out beat-cue}@keyframes beat-cue{0%{filter:brightness(1.35);transform:translateY(-1px)scale(1.08)}}.song-pattern{gap:4px;display:grid}.song-pattern__bar{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;min-height:25px;display:grid}.song-pattern__bar i{grid-column:span var(--cue-width);border:1px solid color-mix(in srgb, var(--cue-colour) 55%, transparent);min-width:0;color:color-mix(in srgb, var(--cue-colour) 62%, white);background:color-mix(in srgb, var(--cue-colour) 14%, #120e0be0);border-radius:7px;place-items:center;font-size:.62rem;font-style:normal;font-weight:900;transition:opacity .12s,transform .12s,background .12s;display:grid}.song-pattern__bar i[data-state=complete]{opacity:.46}.song-pattern__bar i[data-state=current],.song-pattern__bar i[data-state=preview]{color:#17110d;background:var(--cue-colour);box-shadow:0 0 13px color-mix(in srgb, var(--cue-colour) 54%, transparent);transform:translateY(-1px)}.song-pattern[data-previewing=true] .song-pattern__bar i:not([data-state=preview]){opacity:.46}.song-celebration{text-align:center}.song-celebration>span{color:#f6dc61;letter-spacing:.26em;text-shadow:0 0 18px #f6dc618c;font-size:1.15rem}.take-review video{object-fit:cover;pointer-events:auto;background:#080706;border:1px solid #fff7ed24;border-radius:14px;width:100%;max-height:34svh}.take-review>small{color:#fff7ed9e;text-align:center;font-size:.6rem;line-height:1.4}.journey-next{text-align:center}.journey-next>strong{color:var(--cream);font-size:.9rem}.journey-next>small{color:#fff7eda8;font-size:.64rem;line-height:1.45}.journey-next__notes{justify-content:center;gap:8px;display:flex}.journey-next__notes i{width:40px;height:40px;color:var(--ink);background:var(--note-colour);box-shadow:0 0 18px color-mix(in srgb, var(--note-colour) 42%, transparent);border-radius:50%;place-items:center;font-size:.68rem;font-style:normal;font-weight:950;display:grid}.burst-escape{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.burst-escape button{min-height:40px;color:var(--cream);font:inherit;background:#ffb45c21;border:1px solid #ffca8a4d;border-radius:12px;padding:8px 10px;font-size:.72rem;font-weight:800}.burst-escape button:last-child{background:#ffffff12;border-color:#ffffff24}.tracking-recovery{margin-top:8px;display:flex}.tracking-recovery button{color:#d4fff1;min-height:40px;font:inherit;background:#68dfbd21;border:1px solid #68dfbd57;border-radius:12px;padding:8px 14px;font-size:.74rem;font-weight:850}.tracking-status{z-index:4;color:#fff1df;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#120e0bb8;border:1px solid #ffffff26;border-radius:99px;align-items:center;gap:7px;min-height:32px;padding:0 11px;font-size:.67rem;font-weight:800;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 6px 22px #0000003d}.tracking-status span{background:#d9a763;border-radius:50%;width:7px;height:7px}.tracking-status[data-mode=tracking]{color:#c9ffed;border-color:#68dfbd4d}.tracking-status[data-mode=tracking] span{background:#68dfbd;box-shadow:0 0 10px #68dfbdbf}.tracking-status[data-mode=setup] span{background:var(--orange);box-shadow:0 0 10px #ffb45c8a}.tracking-status[data-mode=quiet]{color:#fff1dfb8;background:#120e0b94;border-color:#ffffff17}.tracking-status[data-mode=quiet] span{background:#ffb45c9e}.tracking-status[data-mode=frozen] span,.tracking-status[data-mode=fallback] span,.tracking-status[data-mode=edge] span{background:#f6dc61}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reset-markers{z-index:4;min-height:42px;color:var(--cream);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#120e0bbd;border:1px solid #ffffff29;border-radius:99px;padding:0 14px;font-size:.75rem;font-weight:750;position:absolute;top:14px;right:14px}.tracking-status+.reset-markers{top:56px}.primary-controls{padding:18px 4px 8px}.resume-controls{justify-items:center;gap:8px;display:grid}.resume-controls .text-button{min-height:36px}.primary-button,.secondary-button,.record-button{cursor:pointer;border-radius:18px;min-height:56px;font-weight:850}.primary-button{width:100%;color:var(--ink);background:linear-gradient(120deg, #ffd29d, var(--orange));border:0;box-shadow:0 14px 44px #ffb45c33}.primary-button:disabled{cursor:wait;opacity:.64}.secondary-button{width:100%;color:var(--cream);background:#ffffff0f;border:1px solid #fff7ed2e}.privacy-note{color:#fff7ed85;text-align:center;max-width:48rem;margin:12px auto 0;font-size:.72rem;line-height:1.5}.friendly-error{color:#ffd9d2;background:#ff7d671a;border:1px solid #ff7d6747;border-radius:16px;margin:14px 4px 0;padding:14px 16px;line-height:1.45}.preview-recovery{color:#ffe1b9;background:#ffb45c1a;border:1px solid #ffca8a42;border-radius:15px;width:calc(100% - 8px);min-height:48px;margin:12px 4px 0;font-size:.78rem;font-weight:750;line-height:1.4}.lab-grid{gap:14px;margin-top:18px;display:grid}.lab-panel{background:var(--panel);border:1px solid #fff7ed1c;border-radius:24px;padding:20px;box-shadow:0 16px 56px #0003}.realtime-brand-probe{margin-bottom:18px}.probe-status{color:#ffca8a;text-transform:uppercase;background:#ffb45c17;border:1px solid #ffca8a3d;border-radius:999px;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:800}.probe-status[data-state=recording]{color:#fff5e6;background:#cf3f35}.realtime-brand-probe__stage{aspect-ratio:9/16;background:#120b08;border:1px solid #fff7ed24;border-radius:20px;place-items:center;width:min(100%,21rem);margin:16px auto;display:grid;position:relative;overflow:hidden}.realtime-brand-probe[data-active=false] .realtime-brand-probe__stage{aspect-ratio:16/5;width:100%}.realtime-brand-probe__stage video{object-fit:contain;width:100%;height:100%;display:block}.realtime-brand-probe__capture-canvas{clip-path:inset(50%);pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0;overflow:hidden}.realtime-brand-probe__preview-wordmark{z-index:2;filter:drop-shadow(0 4px 7px #140a0573);pointer-events:none;width:29%;height:auto;position:absolute;top:3.5%;left:4%}.realtime-brand-probe__stage>span{z-index:3;color:#fff4e4;background:#120b08c7;border-radius:999px;padding:10px 14px;font-size:.78rem;font-weight:800;position:absolute}.realtime-brand-probe__action{width:100%}.realtime-brand-probe__result{gap:12px;margin-top:16px;display:grid}.realtime-brand-probe__result>video{background:#000;border-radius:18px;width:min(100%,21rem);margin:0 auto}.panel-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.panel-heading h2{margin:0;font-size:1.1rem}.text-button{color:#ffca8a;cursor:pointer;background:0 0;border:0;min-height:40px;padding:0 2px;font-size:.75rem;font-weight:800}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0;display:grid}.metric-grid div{background:#00000024;border:1px solid #fff7ed14;border-radius:14px;min-width:0;padding:12px}.metric-grid dt{color:#fff7ed73;letter-spacing:.04em;text-transform:uppercase;font-size:.64rem;font-weight:750}.metric-grid dd{text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;font-size:.78rem;font-weight:750;overflow:hidden}.panel-copy,.quiet-state{color:var(--muted);margin:14px 0 0;font-size:.82rem;line-height:1.5}.export-note{color:#fff7ed6b;margin:12px 0 0;font-size:.68rem;line-height:1.45}.record-button{color:#ffd7d0;background:#ff7d671a;border:1px solid #ff7d6747;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:18px;display:flex}.record-button span{background:var(--coral);border-radius:50%;width:10px;height:10px}.record-button--active span{border-radius:2px}.recording-preview{gap:10px;margin-top:16px;display:grid}.recording-preview video{background:#000;border-radius:14px;width:100%;max-height:16rem}.recording-preview div{color:var(--muted);justify-content:space-between;gap:10px;font-size:.7rem;display:flex}.recording-preview strong{color:var(--cream)}.fixture-panel{background:radial-gradient(circle at 100% 0, #68dfbd1a, transparent 18rem), var(--panel)}.fixture-toggle{color:#bff8e8;cursor:pointer;background:#68dfbd14;border:1px solid #68dfbd47;border-radius:99px;align-items:center;min-height:38px;padding:0 11px;font-size:.68rem;font-weight:850;display:inline-flex;position:relative}.fixture-toggle input{opacity:0;width:1px;height:1px;position:absolute}.fixture-toggle:has(input:checked){color:#10231d;background:#68dfbd}.fixture-toggle:has(input:disabled){cursor:wait;opacity:.55}.fixture-list{gap:10px;margin-top:16px;display:grid}.fixture-result{background:#00000026;border:1px solid #fff7ed17;border-radius:16px;padding:13px}.fixture-result__heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.fixture-result__heading strong{font-size:.78rem}.fixture-result__heading span{color:var(--muted);font-size:.65rem}.fixture-result audio{width:100%;height:36px;margin-top:10px}.modal-list{gap:5px;margin:10px 0 0;padding:0;list-style:none;display:grid}.modal-list li{border-top:1px solid #fff7ed12;justify-content:space-between;align-items:baseline;gap:10px;padding-top:6px;display:flex}.modal-list strong{color:#bff8e8;font-size:.76rem}.modal-list span{color:var(--muted);text-align:right;font-size:.63rem}.fixture-actions{justify-content:space-between;gap:12px;margin-top:12px;display:flex}.fixture-actions .text-button:disabled{cursor:default;opacity:.35}.event-panel{margin-top:14px}.tune-panel{background:radial-gradient(circle at 92% 8%, #f6dc6124, transparent 19rem), var(--panel);margin-top:14px;overflow:hidden}.tune-state{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#00000029;border:1px solid #fff7ed1f;border-radius:99px;padding:7px 10px;font-size:.68rem;font-weight:850}.tune-state[data-state=in-tune]{color:#fff0a8;background:#f6dc611a;border-color:#f6dc615c}.glass-selector{scrollbar-width:none;gap:8px;margin:18px -4px 0;padding:0 4px 5px;display:flex;overflow-x:auto}.glass-selector::-webkit-scrollbar{display:none}.glass-selector button{min-width:94px;min-height:52px;color:var(--muted);text-align:left;background:#00000024;border:1px solid #fff7ed1a;border-radius:15px;flex:none;padding:8px 12px;font-size:.7rem;font-weight:750;display:grid}.glass-selector button[data-selected=true]{color:var(--cream);background:#ffb45c1f;border-color:#ffb45c6b}.glass-selector button:disabled{cursor:wait;opacity:.58}.glass-selector span{color:var(--orange);margin-top:3px;font-size:.82rem;font-weight:900}.tune-workbench{grid-template-columns:minmax(150px,.72fr) minmax(0,1.28fr);gap:18px;margin-top:18px;display:grid}.vertical-tuner{background:linear-gradient(#ff7d6724,#0000 36% 64%,#68bdf81f),#0000002e;border:1px solid #fff7ed1c;border-radius:22px;min-height:330px;position:relative;overflow:hidden}.vertical-tuner:before{background:linear-gradient(to bottom, var(--coral), var(--orange) 48% 52%, #86bdf8);content:"";opacity:.34;border-radius:99px;width:3px;position:absolute;top:8%;bottom:8%;left:50%;transform:translate(-50%)}.vertical-tuner[data-state=in-tune]{border-color:#f6dc6161;box-shadow:inset 0 0 56px #f6dc611a}.tuner-label{color:#fff7ed75;letter-spacing:.035em;text-align:center;text-transform:uppercase;font-size:.62rem;font-weight:750;position:absolute;left:12px;right:12px}.tuner-label--top{top:14px}.tuner-label--bottom{bottom:14px}.tuner-target-line{z-index:1;color:#fff0a8;background:#17110dd1;border:1px solid #f6dc6157;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex;position:absolute;top:50%;left:11px;right:11px;transform:translateY(-50%)}.tuner-target-line strong{font-size:1rem}.tuner-target-line small{color:var(--muted);font-size:.6rem}.tuner-indicator{z-index:2;top:var(--tuner-y);border:2px solid var(--orange);min-width:62px;color:var(--ink);background:var(--orange);text-align:center;border-radius:99px;padding:7px 9px;font-size:.72rem;font-weight:900;transition:top .24s cubic-bezier(.16,1,.3,1);position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 28px #00000070}.vertical-tuner[data-state=in-tune] .tuner-indicator{background:#f6dc61;border-color:#f6dc61;box-shadow:0 0 30px #f6dc6161}.tuner-listening{z-index:2;border:3px solid var(--orange);border-radius:50%;width:20px;height:20px;animation:.7s ease-in-out infinite alternate listening-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tune-guidance{flex-direction:column;justify-content:center;min-width:0;display:flex}.target-stepper{background:#00000024;border:1px solid #fff7ed1c;border-radius:17px;grid-template-columns:48px minmax(0,1fr) 48px;align-items:stretch;display:grid;overflow:hidden}.target-stepper button{min-height:60px;color:var(--cream);background:#ffffff0a;border:0;font-size:1.3rem;font-weight:700}.target-stepper button:disabled{opacity:.34}.target-stepper span{border-left:1px solid #fff7ed14;border-right:1px solid #fff7ed14;align-content:center;justify-items:center;display:grid}.target-stepper small{color:#fff7ed6b;letter-spacing:.06em;text-transform:uppercase;font-size:.58rem;font-weight:750}.target-stepper strong{color:var(--orange);margin-top:3px;font-size:1.2rem}.tune-instruction{color:var(--cream);letter-spacing:-.025em;margin:22px 0 0;font-size:1.15rem;font-weight:850;line-height:1.2}.tune-measurement{color:var(--muted);margin:8px 0 0;font-size:.72rem}.tune-listen-button{color:#ffe2bd;background:#ffb45c1a;border:1px solid #ffb45c4d;border-radius:16px;min-height:52px;margin-top:22px;font-weight:850}.tune-listen-button:disabled{cursor:wait;opacity:.58}.event-list{gap:1px;margin:16px 0 0;padding:0;list-style:none;display:grid}.event-list li{color:var(--muted);border-top:1px solid #fff7ed14;grid-template-columns:3.5rem 1fr;gap:10px;padding:10px 0;font-size:.76rem;display:grid}.event-list time{color:#ffca8a;font-variant-numeric:tabular-nums}@media (width>=760px){.lab-shell{padding-left:28px;padding-right:28px}.camera-card{min-height:min(70svh,50rem)}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.lab-header{align-items:start}.lab-status{max-width:8.2rem}.camera-card{border-radius:24px;min-height:56svh}.tune-workbench{grid-template-columns:minmax(132px,.8fr) minmax(0,1.2fr);gap:12px}.vertical-tuner{min-height:310px}.tune-instruction{font-size:1rem}}@media (prefers-reduced-motion:no-preference){.camera-card,.lab-panel{animation:.48s cubic-bezier(.16,1,.3,1) both arrive}.lab-panel{animation-delay:80ms}@keyframes arrive{0%{opacity:0;transform:translateY(12px)scale(.99)}}}@media (prefers-reduced-motion:reduce){.glass-band[data-listening=true],.glass-band[data-play-pulse=true],.guided-play[data-play-mode=tempo] .song-pattern__bar i[data-state=current],.pitch-result__ring,.pitch-result__pulse,.tuner-listening{animation:none}.tuner-indicator,.product-tuning__meter i{transition:none}}.onboarding{width:min(100%,42rem);min-height:100svh;color:var(--ink);background:var(--cream);margin:0 auto;position:relative}.onboarding button{cursor:pointer}.onboarding--invitation{width:100%;max-width:none;color:var(--cream);background:var(--ink);overflow:hidden}.invitation-art{background:var(--spark-orange);position:absolute;inset:0 0 18%;overflow:hidden}.invitation-art:before,.invitation-art:after{z-index:1;content:"";pointer-events:none;position:absolute;left:0;right:0}.invitation-art:before{background:linear-gradient(#1f1510e0,#0000);height:42%;top:0}.invitation-art:after{background:linear-gradient(to top, var(--ink), transparent);height:48%;bottom:0}.invitation-art img{object-fit:cover;object-position:center;filter:saturate(1.05)contrast(1.02);width:100%;height:138%;transform:translateY(-25%)}.invitation-band{z-index:2;background:linear-gradient(to bottom, transparent, #fef2df1a 18%, var(--invitation-band-colour) 62%, transparent);opacity:.58;mix-blend-mode:screen;border-left:1px solid #fef2df8a;border-right:1px solid #fef2df8a;width:24%;position:absolute;top:31%;bottom:8%}.invitation-band--one{--invitation-band-colour:#fd9e4057;left:8%}.invitation-band--two{--invitation-band-colour:#eb5b4357;left:38%}.invitation-band--three{--invitation-band-colour:#969c6761;right:7%}.invitation-brand{z-index:3;padding:max(30px, calc(env(safe-area-inset-top) + 16px)) max(24px, calc(env(safe-area-inset-right) + 20px));justify-items:start;display:grid;position:relative}.invitation-brand img{width:min(62vw,18rem);height:auto}.invitation-brand p{color:var(--lid-cream);margin:5px 0 0 4px;font-size:clamp(.85rem,3.4vw,1.05rem);font-weight:700}.invitation-action{z-index:4;padding:30px max(22px, env(safe-area-inset-right)) max(25px, calc(env(safe-area-inset-bottom) + 18px)) max(22px, env(safe-area-inset-left));background:linear-gradient(to top, var(--ink) 72%, transparent);gap:14px;display:grid;position:absolute;bottom:0;left:0;right:0}.invitation-action p{color:#fef2dfc2;max-width:22rem;margin:0;font-size:.9rem;line-height:1.4}.invitation-action button,.product-primary-button{width:100%;min-height:60px;color:var(--ink);background:linear-gradient(115deg, var(--lid-cream), var(--orange));border:0;border-radius:19px;justify-content:space-between;align-items:center;padding:0 20px;font-weight:900;display:flex;box-shadow:0 16px 44px #1f151038}.invitation-action button span{font-size:1.35rem}.onboarding--demo,.onboarding--setup{padding:max(22px, calc(env(safe-area-inset-top) + 10px)) max(20px, env(safe-area-inset-right)) max(26px, calc(env(safe-area-inset-bottom) + 18px)) max(20px, env(safe-area-inset-left));background:linear-gradient(#fef2dff0,#fef2dff0),url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='1200'%20height='1200'%20viewBox='0%200%201200%201200'%20role='img'%20aria-labelledby='title%20desc'%3e%3ctitle%20id='title'%3eJamJar%20groove%20pattern%3c/title%3e%3cdesc%20id='desc'%3eRepeating%20resonance%20ring%20pattern%3c/desc%3e%3crect%20width='1200'%20height='1200'%20fill='%23FEF2DF'/%3e%3cdefs%3e%3cpattern%20id='grooves'%20width='240'%20height='240'%20patternUnits='userSpaceOnUse'%3e%3ccircle%20cx='0'%20cy='0'%20r='64'%20fill='none'%20stroke='%23EB5B43'%20stroke-width='14'/%3e%3ccircle%20cx='0'%20cy='0'%20r='105'%20fill='none'%20stroke='%23FD9E40'%20stroke-width='12'/%3e%3ccircle%20cx='240'%20cy='240'%20r='64'%20fill='none'%20stroke='%23969C67'%20stroke-width='14'/%3e%3ccircle%20cx='240'%20cy='240'%20r='105'%20fill='none'%20stroke='%23EB5B43'%20stroke-width='12'/%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='1200'%20height='1200'%20fill='url(%23grooves)'/%3e%3c/svg%3e") 50%/34rem;overflow-x:hidden}.onboarding--demo{grid-template-rows:auto auto minmax(18rem,1fr) auto auto;align-items:center;gap:16px;display:grid}.onboarding-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.onboarding-header img{width:9.5rem;height:auto;display:block}.onboarding-header span{color:#1f15109e;background:#fef2dfb3;border:1px solid #1f151021;border-radius:99px;place-items:center;min-width:48px;min-height:30px;font-size:.72rem;font-weight:850;display:grid}.product-eyebrow{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:.7rem;font-weight:900}.demo-copy,.setup-copy{padding-top:clamp(12px,3svh,32px)}.demo-copy h1,.setup-copy h1{font-family:var(--display-font);letter-spacing:-.045em;margin:0;font-size:clamp(2.15rem,10vw,4.4rem);font-weight:400;line-height:.98}.demo-copy>p:last-child{color:#1f1510a8;min-height:2.6em;margin:13px 0 0;line-height:1.45}.demo-pads{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(10px,4vw,22px);min-height:16rem;display:grid;position:relative}.demo-pads:before{content:"";background:#1f151014;border-radius:99px;height:6px;position:absolute;top:50%;left:4%;right:4%}.demo-pads button{aspect-ratio:1;color:var(--ink);background:var(--pad-colour);transform:translateY(var(--pad-offset));border:4px solid #1f151014;border-radius:50%;place-items:center;transition:filter .15s,transform .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 18px 35px #1f151024,inset 0 -9px #1f151014}.demo-pads button:first-child{--pad-colour:var(--orange);--pad-offset:30px}.demo-pads button:nth-child(2){--pad-colour:var(--coral);--pad-offset:-24px}.demo-pads button:nth-child(3){--pad-colour:#f4d35e;--pad-offset:20px}.demo-pads button span{aspect-ratio:1;background:#fef2dfc7;border-radius:50%;place-items:center;width:38%;font-size:clamp(1rem,4vw,1.5rem);font-weight:950;display:grid}.demo-pads button[data-active=true]{z-index:1;border-color:var(--cream);box-shadow:0 0 0 7px var(--ink), 0 0 0 14px #fd9e404d, 0 24px 45px #1f15103d;filter:saturate(1.12)brightness(1.06);transform:translateY(var(--pad-offset)) scale(1.08)}.demo-pads button:active{transform:translateY(var(--pad-offset)) scale(.96)}.demo-progress{justify-content:center;gap:7px;display:flex}.demo-progress i{background:#1f15101f;border-radius:99px;width:26px;height:6px;transition:background .15s,transform .15s}.demo-progress i[data-complete=true]{background:var(--coral);transform:translateY(-1px)}.product-primary-button{flex:none;justify-content:center;margin-top:4px}.product-primary-button:disabled{cursor:wait;opacity:.64}.onboarding--setup{flex-direction:column;gap:14px;display:flex}.setup-copy ol{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.setup-copy li{background:#fef2dfbd;border:1px solid #1f151017;border-radius:18px;align-items:center;gap:13px;min-height:62px;padding:10px 13px;display:flex;box-shadow:0 8px 26px #1f15100d}.setup-copy li>b{width:36px;height:36px;color:var(--cream);background:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:.78rem;display:grid}.setup-copy li span{color:#1f15109e;font-size:.78rem;line-height:1.35;display:grid}.setup-copy li strong{color:var(--ink);font-size:.9rem}.setup-posture{background:radial-gradient(circle at 18% 20%, #fed8a5bd, transparent 38%), linear-gradient(145deg, #f7b454, var(--coral));border:1px solid #1f15101a;border-radius:28px;min-height:clamp(160px,23svh,230px);position:relative;overflow:hidden;box-shadow:0 18px 42px #1f15101f}.setup-glasses{border-bottom:5px solid var(--ink);justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:12%;left:37%;right:7%}.setup-glasses i{border:4px solid var(--cream);background:linear-gradient(#0000 55%,#fef2df73 55%);border-top-width:2px;border-radius:5px 5px 15px 15px;width:27%;height:72px;display:block;position:relative;transform:skew(-2deg)}.setup-glasses i:nth-child(2){background:linear-gradient(#0000 36%,#fef2df73 36%);height:96px}.setup-glasses i:nth-child(3){background:linear-gradient(#0000 68%,#fef2df73 68%);height:82px}.setup-phone{z-index:2;border:7px solid var(--ink);background:var(--cream);border-radius:24px;width:31%;height:72%;position:absolute;top:13%;left:8%;transform:rotate(-7deg);box-shadow:12px 14px #1f151029}.setup-phone>i{background:var(--ink);border-radius:99px;width:28%;height:7px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.setup-phone>span{background:var(--sage);border-radius:12px;justify-content:space-around;align-items:end;padding:7px;display:flex;position:absolute;inset:24px 8px 10px;overflow:hidden}.setup-phone>span b{border:2px solid var(--cream);border-radius:2px 2px 5px 5px;width:25%;height:44%}.setup-phone>span b:nth-child(2){height:66%}.setup-spoon{z-index:3;background:var(--ink);transform-origin:100%;border-radius:99px;width:42%;height:8px;position:absolute;bottom:29%;right:13%;transform:rotate(-13deg)}.setup-spoon:after{background:var(--ink);content:"";border-radius:50%;width:25px;height:17px;position:absolute;top:50%;left:-17px;transform:translateY(-50%)}.setup-posture-copy,.setup-privacy{color:#1f1510a8;text-align:center;margin:0;font-size:.76rem;line-height:1.45}.setup-posture-copy{color:var(--ink);font-weight:750}.setup-error{color:#7a241d;background:#eb5b431a;border:1px solid #eb5b4347;border-radius:14px;margin:0;padding:11px 13px;font-size:.76rem;line-height:1.4}.experience-shell{background:#080706;width:100%;min-height:100svh;position:relative;overflow:hidden}.experience-shell:after{z-index:5;height:max(108px, calc(env(safe-area-inset-top) + 76px));content:"";pointer-events:none;background:linear-gradient(#080706c7,#0000);position:absolute;top:0;left:0;right:0}.experience-live-header{z-index:8;padding:max(16px, calc(env(safe-area-inset-top) + 8px)) max(14px, calc(env(safe-area-inset-right) + 10px)) 10px max(14px, calc(env(safe-area-inset-left) + 10px));grid-template-columns:minmax(90px,1fr) auto auto;align-items:center;gap:9px;display:grid;position:absolute;top:0;left:0;right:0}.experience-live-header img{width:7.8rem;height:auto}.experience-live-header span{color:#fef2dfbd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f15107a;border:1px solid #fef2df24;border-radius:99px;align-items:center;gap:6px;min-height:30px;padding:0 9px;font-size:.64rem;font-weight:800;display:flex}.experience-live-header span i{background:#7fc8a9;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #7fc8a9ad}.experience-live-header button{min-height:34px;color:var(--cream);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f15108a;border:1px solid #fef2df24;border-radius:99px;padding:0 11px;font-size:.65rem;font-weight:850}.camera-card.camera-card--experience{width:100%;min-height:100svh;box-shadow:none;border:0;border-radius:0}.experience-shell .camera-instruction{right:max(12px, env(safe-area-inset-right));bottom:max(16px, calc(env(safe-area-inset-bottom) + 10px));left:max(12px, env(safe-area-inset-left));background:#1f1510e0;border-color:#fed8a538;border-radius:23px;gap:5px;padding:16px;box-shadow:0 16px 46px #00000061}.experience-shell .camera-instruction strong{font-size:clamp(1rem,4vw,1.2rem)}.experience-shell .camera-instruction>span{font-size:.78rem;line-height:1.38}.experience-shell .song-choice button,.experience-shell .product-tuning button,.experience-shell .song-learning button,.experience-shell .guided-play button,.experience-shell .song-celebration button,.experience-shell .take-review button,.experience-shell .journey-next button,.experience-shell .tracking-recovery button{border-radius:15px;min-height:48px;font-size:.78rem}.experience-shell .song-choice button.song-choice__option{border-radius:12px;min-height:50px;font-size:.64rem}.experience-shell .tracking-status{top:max(74px, calc(env(safe-area-inset-top) + 60px));left:max(14px, env(safe-area-inset-left))}.experience-shell .reset-markers{top:max(74px, calc(env(safe-area-inset-top) + 60px));right:max(14px, env(safe-area-inset-right))}.experience-shell .tracking-status+.reset-markers{top:max(114px, calc(env(safe-area-inset-top) + 102px))}.experience-shell .preview-recovery,.experience-shell .friendly-error{z-index:12;top:max(106px, calc(env(safe-area-inset-top) + 82px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1f1510eb;width:auto;margin:0;position:fixed;left:14px;right:14px}.experience-recovery-controls{z-index:14;right:16px;bottom:max(18px, calc(env(safe-area-inset-bottom) + 12px));color:var(--cream);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1f1510eb;border:1px solid #fed8a533;border-radius:20px;gap:10px;padding:16px;display:grid;position:fixed;left:16px;box-shadow:0 20px 60px #0000006b}.experience-recovery-controls p{color:#fef2dfb8;margin:0;font-size:.8rem}.experience-recovery-controls button{min-height:48px;color:var(--ink);background:var(--orange);border:0;border-radius:15px;font-weight:900}@media (width>=700px){.onboarding:not(.onboarding--invitation){border-radius:32px;margin-top:20px;margin-bottom:20px;box-shadow:0 28px 90px #00000047}.onboarding--invitation .invitation-action{justify-items:center}.onboarding--invitation .invitation-action p,.onboarding--invitation .invitation-action button{width:min(100%,34rem)}}@media (height<=760px){.onboarding--setup{gap:9px}.setup-copy{padding-top:4px}.setup-copy h1{font-size:2.15rem}.setup-copy ol{gap:6px;margin-top:12px}.setup-copy li{min-height:51px;padding:7px 10px}.setup-posture{min-height:145px}}@media (prefers-reduced-motion:no-preference){.invitation-band{animation:2.8s ease-in-out infinite alternate invitation-glow}.invitation-band--two{animation-delay:.42s}.invitation-band--three{animation-delay:.84s}.demo-pads button[data-active=true]{animation:.9s ease-in-out infinite alternate demo-pad-glow}@keyframes invitation-glow{to{opacity:.9;filter:brightness(1.22)}}@keyframes demo-pad-glow{to{filter:saturate(1.18)brightness(1.12);box-shadow:0 0 0 7px var(--ink), 0 0 0 17px #fd9e4057, 0 28px 48px #1f151042}}}@media (prefers-reduced-motion:reduce){.invitation-band,.demo-pads button[data-active=true]{animation:none}}