:root{font-family:var(--font-sans);color:#eeeee9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;--housing-width:226px;--thumb-travel:calc(var(--housing-width) - 112px);--ease-out:cubic-bezier(.22, 1, .36, 1);--spectrum:linear-gradient(115deg, #70d8df 0%, #4589ff 26%, #514dff 50%, #943fff 76%, #d4a5e5 100%);background:#202121}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{overscroll-behavior:none;touch-action:none;height:100%;overflow:hidden}body{margin:0}:focus{outline:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}main{height:100dvh;padding:max(clamp(16px, 3dvh, 32px), env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(clamp(16px, 3dvh, 32px), env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:radial-gradient(at 50% 40%,#343636 0,#242626 44%,#171919 100%);grid-template-rows:minmax(0,1fr) auto clamp(24px,8dvh,72px) auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}body[data-state=off] main{cursor:pointer}.intro{z-index:1;text-align:center;width:min(560px,100%);transition:opacity .4s var(--ease-out);grid-row:2;margin:0 auto;position:relative}.note-field{pointer-events:none;color:#fff;opacity:0;transition:opacity .62s var(--ease-out);position:absolute;inset:0}main:has(#power[aria-checked=true]) .note-field{opacity:1}.note-field svg{fill:currentColor;width:36px;height:48px;position:absolute}.toggle-row{justify-content:center;align-items:center;display:flex}.switch-housing{width:var(--housing-width);background:linear-gradient(160deg,#505352,#2b2d2d 38%,#181a1a 68%,#373a38);border-radius:60px;flex:none;height:112px;padding:7px;box-shadow:0 2px 2px #ffffff12,0 15px 22px #0006,0 30px 50px #0003,inset 0 1px 1px #ffffff2b}#power{cursor:pointer;background:#111414;border:0;border-radius:52px;width:100%;height:100%;padding:0;display:block;position:relative;box-shadow:inset 0 3px 8px #000d,0 1px #ffffff12}.track{border-radius:inherit;background:linear-gradient(#131616,#202423);position:absolute;inset:3px;box-shadow:inset 0 2px 4px #000,inset 0 -1px 1px #ffffff18}.spectrum{border-radius:inherit;background:var(--spectrum);opacity:0;transition:opacity .62s var(--ease-out);position:absolute;inset:2px;box-shadow:0 0 7px #678fff66,0 0 22px #855dff33}.spectrum:before{content:"";border-radius:inherit;background:linear-gradient(#161a30,#232d57 75%,#393365);position:absolute;inset:3px;box-shadow:inset 0 2px 9px #000b,inset 0 -2px 7px #8c8cff45}.spectrum:after{content:"";border-radius:inherit;background:var(--spectrum);filter:blur(16px);opacity:.18;position:absolute;inset:17px 24px}.thumb{z-index:1;background:linear-gradient(145deg,#616564 0%,#444948 35%,#303534 76%,#292c2c 100%);border-radius:50%;width:88px;height:88px;transition:transform .42s cubic-bezier(.22,.85,.3,1),opacity .16s;position:absolute;top:5px;left:5px;transform:translate(0);box-shadow:inset 0 1px 2px #ffffff65,inset 0 -2px 2px #0008,0 5px 6px #000a,5px 2px 10px #0009}.thumb:before{content:"";border-radius:inherit;background:linear-gradient(145deg,#ffffff04,#0000000d);border:1px solid #ffffff0a;position:absolute;inset:5px}.thumb:after{content:"";border-radius:inherit;opacity:0;transition:opacity .62s var(--ease-out);position:absolute;inset:0;box-shadow:inset 2px 1px 3px #afbcff90,-2px 0 9px #8d68ff66}#power[aria-checked=true] .thumb{transform:translateX(var(--thumb-travel))}#power[aria-checked=true] .spectrum,#power[aria-checked=true] .thumb:after{opacity:1}#power[data-loading] .spectrum,#power[data-loading] .thumb:after{opacity:var(--loading-color,1);transition:none}#power:active .thumb,#power[data-pressed] .thumb{transform:translate(0)scale(.97)}#power[aria-checked=true]:active .thumb,#power[aria-checked=true][data-pressed] .thumb{transform:translateX(var(--thumb-travel)) scale(.97)}#power[data-pressed] .thumb{filter:brightness(1.08)}#power:disabled{cursor:wait}.invitation{color:#dedfdb;letter-spacing:-.045em;margin:0 0 clamp(20px,4dvh,34px);font-size:clamp(36px,4.4vw,56px);font-weight:560;line-height:1.08}.invitation>span{width:max-content;margin-inline:auto;display:block}@media (width>=1200px){.invitation>span{display:inline-block}}.sound-notice{z-index:1;text-align:center;grid-row:4;width:min(440px,100%);margin:0 auto;transition:opacity .3s;position:relative}#sound-cue{white-space:nowrap;color:#bac2bb;text-align:left;width:max-content;min-height:3.2em;transition:scale .24s var(--ease-out), color .24s ease, text-shadow .24s ease;background:0 0;outline:none;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:14px;margin:0 auto;font-size:16px;font-weight:500;line-height:1.6;display:grid;scale:1}body[data-state=reminding] .sound-notice,body[data-state=resetting] .sound-notice{z-index:4}body[data-state=reminding] #sound-cue{cursor:pointer;color:#ebeaff;text-shadow:0 0 8px #9e8dff88,0 0 22px #6d71fa55;scale:1.15}body[data-state=reminding] #sound-cue svg{filter:drop-shadow(0 0 8px #9e8dff88)}body:not([data-state=off]) #continue-silent{visibility:hidden}body:is([data-state=blackout],[data-state=silhouette],[data-state=revealing],[data-state=typing],[data-state=header],[data-state=ready]) .sound-notice{opacity:0;pointer-events:none}#sound-cue svg{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:26px;height:26px}.backdrop{z-index:2;opacity:0;pointer-events:none;transition:opacity .26s var(--ease-out);background:#000;position:absolute;inset:0}body:is([data-state=question],[data-state=correcting],[data-state=reminding]) .backdrop{opacity:.58}body:is([data-state=correcting],[data-state=reminding]) .backdrop{cursor:pointer;pointer-events:auto}body[data-state=blackout] .backdrop,body[data-state=silhouette] .backdrop,body[data-state=revealing] .backdrop,body[data-state=typing] .backdrop,body[data-state=header] .backdrop,body[data-state=ready] .backdrop{opacity:1;transition-duration:.35s}body:is([data-state=blackout],[data-state=silhouette],[data-state=revealing],[data-state=typing],[data-state=header],[data-state=ready]) .intro{opacity:0;pointer-events:none}#sound-check,#signup-confirmation{color:#eeeee9;background:0 0;border:0;width:390px;max-width:calc(100vw - 40px);padding:0;overflow:visible}#sound-check::backdrop{background:0 0}.dialog-surface{text-align:center;opacity:0;transform-origin:50%;transition:opacity .14s var(--ease-out), transform .18s var(--ease-out);background:linear-gradient(145deg,#35383d,#292c34 62%,#25282e);border:1px solid #ffffff12;border-radius:22px;padding:30px 32px;transform:translateY(14px)scale(.92,.9)rotate(-1.5deg);box-shadow:inset 0 1px #ffffff15,0 20px 60px #0007,0 3px 8px #0005}:is(#sound-check,#signup-confirmation)[data-visible] .dialog-surface{opacity:1;transition:opacity .1s var(--ease-out), transform .28s cubic-bezier(.34, 1.56, .64, 1);transform:translateY(0)scale(1)rotate(0)}h2{letter-spacing:-.65px;margin:0;font-size:23px;font-weight:550;line-height:1.35}.answers{gap:10px;margin-top:26px;display:flex}.answers button{color:#dedfeb;cursor:pointer;min-height:42px;transition:transform .15s var(--ease-out), filter .15s ease;background:linear-gradient(#434752,#343844);border:1px solid #ffffff09;border-radius:10px;flex:1;font-size:14px;box-shadow:inset 0 1px #ffffff0d,0 2px 3px #0004}.answers #answer-yes{color:#272d49;background:linear-gradient(#d8ddfa,#aebcf0);border-color:#dce1ff;box-shadow:inset 0 1px #ffffff8a,0 2px 4px #0006}.answers button:active{transform:scale(.97)}#continue-silent{color:#abb5aa;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin:20px auto 0;padding:5px;font-size:11px;text-decoration:underline;display:block}#bird{z-index:3;pointer-events:none;opacity:0;touch-action:none;transform-origin:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}body:is([data-state=silhouette],[data-state=revealing],[data-state=typing],[data-state=header],[data-state=ready]) #bird{opacity:1}#status{z-index:4;text-align:center;color:#aab19f;width:100%;padding:0 30px;font-size:12px;position:absolute;bottom:65px}[hidden]{display:none!important}@media (width<=500px){:root{--housing-width:clamp(168px, calc(100vw - 152px), 226px)}}@media (height<=420px){main{padding-block:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto 16px auto minmax(0,1fr)}.invitation{margin-bottom:clamp(10px,4dvh,16px);font-size:clamp(28px,9dvh,36px)}#continue-silent{margin-top:8px}}@media (hover:hover) and (pointer:fine){body:is([data-state=off],[data-state=correcting],[data-state=reminding],[data-state=resetting]):hover:not(:has(#continue-silent:hover)) .thumb{filter:brightness(1.08)}.answers button:hover{filter:brightness(1.08)}}@media (prefers-reduced-motion:reduce){#sound-cue{transition-property:color,text-shadow}.thumb{transition:none}.spectrum,.note-field,.thumb:after,.backdrop,.intro{transition-duration:.16s!important}.dialog-surface,:is(#sound-check,#signup-confirmation)[data-visible] .dialog-surface{transition:opacity .16s;transform:none}.answers button{transition:none}}body[data-state=ready]{touch-action:auto}html:has(body[data-state=ready]){touch-action:auto}body[data-revealed=true] main{pointer-events:none;background:0 0;position:fixed;inset:0}body[data-revealed=true] main>:not(#status){visibility:hidden}#journey{z-index:2;overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;scrollbar-width:none;background:#000;position:fixed;inset:0;overflow:hidden}body:is([data-state=typing],[data-state=header],[data-state=ready]) #logo-section{background:radial-gradient(circle at 50% 46%,#515151,#18191c 62%,#101113)}body[data-state=ready] #journey{overflow:auto}body:not([data-state=ready]) .logo-chapter .scroll-cue{visibility:hidden}#journey::-webkit-scrollbar{display:none}#journey-header{z-index:5;padding:max(18px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) 14px max(24px, env(safe-area-inset-left));pointer-events:none;opacity:0;transition:opacity .26s var(--ease-out), transform .26s var(--ease-out);background:linear-gradient(#202122e8,#20212299 70%,#0000);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}body:is([data-state=header],[data-state=ready]) #journey-header{opacity:1;transform:translateY(0)}@starting-style{body:is([data-state=header],[data-state=ready]) #journey-header{opacity:0;transform:translateY(-100%)}}#header-brand{color:#fff;letter-spacing:-1px;pointer-events:auto;align-items:center;gap:5px;font-size:24px;font-weight:560;text-decoration:none;display:flex}#header-mark{object-fit:contain;width:42px;height:42px}#brand{z-index:4;color:#eeeee9;letter-spacing:-2.2px;pointer-events:none;font-size:clamp(28px,8dvh,52px);font-weight:560;line-height:1;position:absolute;top:0;left:0}.brand-measure{visibility:hidden}.brand-line{white-space:nowrap;position:absolute;top:0;left:0}.typing-cursor{vertical-align:-.02em;background:currentColor;width:2px;height:.86em;margin-left:5px;animation:.48s step-end infinite cursor-blink;display:inline-block}body:is([data-state=header],[data-state=ready]) .typing-cursor{visibility:hidden;animation:none}@keyframes cursor-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){#journey-header,body:is([data-state=header],[data-state=ready]) #journey-header{transition:opacity .16s;transform:none}@starting-style{#journey-header,body:is([data-state=header],[data-state=ready]) #journey-header{transform:none}}.typing-cursor{animation:none}}#journey-header nav{pointer-events:auto;gap:6px;display:flex}#journey-header nav a{aspect-ratio:1;color:#85868f;font-variant-numeric:tabular-nums;border:1px solid #ffffff14;border-radius:50%;flex:none;place-items:center;width:38px;font-size:11px;text-decoration:none;transition:color .16s,background .16s;display:grid}#journey-header nav a[aria-current]{color:#eeedf9;background:#ffffff0c}.chapter{flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding-top:108px;display:flex;position:relative}@media (width<=680px),(height<=500px) and (hover:none) and (pointer:coarse){#journey{scroll-snap-type:y mandatory}.chapter{scroll-snap-align:start;scroll-snap-stop:always}}.logo-chapter{height:100%}.chapter:not(.logo-chapter){background:radial-gradient(at 50% 36%,#25262f,#151619 70%)}.chapter-content{flex:none;width:min(100%,1000px);margin:auto}.chapter-body{width:100%;padding:12px max(28px, env(safe-area-inset-right)) 28px max(28px, env(safe-area-inset-left));flex-direction:column;flex:1 0 auto;display:flex}#about-section .chapter-body{padding-bottom:clamp(96px,24dvh,180px)}#signup-section .chapter-body{padding-bottom:max(48px, calc(env(safe-area-inset-bottom) + 24px))}.chapter-heading{text-align:center}.chapter h2{letter-spacing:-.05em;text-wrap:balance;font-size:clamp(32px,4.4vw,58px);font-weight:520;line-height:1.08}.spectrum-text{background:var(--spectrum);color:#0000;-webkit-background-clip:text;background-clip:text}.chapter-copy{color:#a6a6b1;text-wrap:pretty;max-width:580px;margin:22px auto 0;font-size:16px;line-height:1.7}.scroll-cue{z-index:1;width:100%;min-height:56px;padding:14px 20px max(14px, env(safe-area-inset-bottom));--scroll-cue-color:#b3b1c1;--scroll-cue-frequency:1;color:var(--scroll-cue-color);background:#101113;flex:none;justify-content:center;align-items:center;margin-top:auto;font-size:16px;line-height:1.25;text-decoration:none;display:flex;position:sticky;bottom:0}#create-section .scroll-cue{--scroll-cue-frequency:2}#about-section .scroll-cue{--scroll-cue-frequency:3}.scroll-cue-content{--scroll-cue-cycle:4s;align-items:center;gap:12px;display:flex}.scroll-cue svg{color:#dbd7ee;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}@media (prefers-reduced-motion:no-preference){body[data-state=ready] .chapter[data-active] .scroll-cue-content{animation:scroll-invitation var(--scroll-cue-cycle) cubic-bezier(.45, 0, .55, 1) infinite}body[data-state=ready] .chapter[data-active] .scroll-cue-label{background-color:var(--scroll-cue-color);background-image:linear-gradient(90deg, var(--scroll-cue-color), transparent 20% 80%, var(--scroll-cue-color)), var(--spectrum);color:#0000;animation:scroll-color-sweep calc(var(--scroll-cue-frequency) * var(--scroll-cue-cycle)) linear(0, 0 calc(50% / var(--scroll-cue-frequency)), 1 calc(80% / var(--scroll-cue-frequency)), 1) infinite;animation-delay:calc((var(--scroll-cue-frequency) - 1) * var(--scroll-cue-cycle));background-position:-100% 0;background-repeat:no-repeat;background-size:50% 100%;-webkit-background-clip:text;background-clip:text}body[data-state=ready] .scroll-cue:is(:hover,:focus-visible) :is(.scroll-cue-content,.scroll-cue-label){animation-play-state:paused}}@keyframes scroll-invitation{0%,10%,48%,to{transform:translateY(0)}21%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(8px)}32%{transform:translateY(-3px)}39%{transform:translateY(2px)}}@keyframes scroll-color-sweep{0%{background-position:-100% 0}to{background-position:200% 0}}.sequencer{background:linear-gradient(155deg,#353938,#272b2b 42%,#202323);border:1px solid #ffffff12;border-radius:20px;margin:30px auto 0;padding:22px;box-shadow:inset 0 1px 1px #ffffff21,inset 0 -1px 1px #0008,0 4px 8px #0003,0 20px 60px #0004}.sequencer-toolbar,.sequencer-footer{align-items:center;gap:16px;display:flex}.sequencer-toolbar{margin-bottom:22px}.primary-button,.quiet-button{cursor:pointer;min-height:44px;transition:transform .14s var(--ease-out), filter .14s ease;border:0;border-radius:9px;padding:0 18px}.primary-button{color:#242638;background:linear-gradient(140deg,#ced7ff,#b1a7f5);font-size:13px;font-weight:600;box-shadow:inset 0 1px #ffffff80,0 2px 6px #0003}.quiet-button{color:#cccbd7;background:#ffffff08;font-size:12px}.sequencer-toolbar button{white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.control-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.pause-icon,.muted-icon,#loop-play[aria-pressed=true] .play-icon,#loop-mute[aria-pressed=true] .sound-icon{display:none}#loop-play[aria-pressed=true] .pause-icon,#loop-mute[aria-pressed=true] .muted-icon{display:inline}#loop-clear{margin-left:auto}#loop-mute[aria-pressed=true]{color:#e4d4fa;background:#a18bcf26}#step-grid{--step-gap:6px;gap:12px;padding:12px 0;display:grid;position:relative}.beat-guides{gap:var(--step-gap);pointer-events:none;background:#121616;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 8px;display:grid;position:absolute;inset:0;box-shadow:inset 0 2px 5px #0008,0 1px #ffffff12}.beat-guide{background:linear-gradient(#a2bfcd0e,#a2bfcd05);border-inline:1px solid #ffffff04}.beat-guide:nth-child(2n){background:linear-gradient(#ada5d41b,#ada5d40b)}.loop-track{grid-template-columns:minmax(0,1fr);align-items:center;display:grid;position:relative}.track-steps{gap:var(--step-gap);grid-template-columns:repeat(16,minmax(0,1fr));padding-inline:8px;display:grid}.track-steps button{-webkit-touch-callout:none;isolation:isolate;cursor:pointer;background:linear-gradient(155deg,#404745,#232928 60%,#343a38);border:1px solid #090c0c;border-radius:9px;min-width:0;height:38px;padding:0;position:relative;box-shadow:0 1px 1px #ffffff14,0 3px 4px #0008,inset 0 1px 1px #ffffff18}.track-steps button:before{content:"";pointer-events:none;background:linear-gradient(145deg,#616564,#444948 35%,#303534 76%,#292c2c);border:1px solid #ffffff0c;border-radius:6px;position:absolute;inset:2px 2px 3px;box-shadow:inset 0 1px 1px #ffffff38,inset 0 -2px 2px #0006,0 1px 2px #0008}.track-steps .step-led{pointer-events:none;background:0 0;border-radius:2px;gap:2px;height:4px;display:flex;position:absolute;top:9px;left:19%;right:19%;overflow:hidden}.track-steps button[aria-pressed=true]{background:var(--track-color);box-shadow:0 1px 1px #ffffff20, 0 3px 4px #0008, 0 0 9px color-mix(in srgb, var(--track-color) 25%, transparent)}.track-steps button[aria-pressed=true]:before{background:linear-gradient(145deg, color-mix(in srgb, var(--track-color) 36%, #68716f), color-mix(in srgb, var(--track-color) 24%, #353d3c) 48%, color-mix(in srgb, var(--track-color) 16%, #232929));box-shadow:inset 0 1px 2px color-mix(in srgb, var(--track-color) 50%, #fff), inset 0 -1px 2px #0008, 0 1px 2px #0008}.led-part{background:#171d1c;flex:1;min-width:0;box-shadow:inset 0 1px 1px #000b}.track-steps button[aria-pressed=true] .led-part{background:color-mix(in srgb, var(--track-color) 65%, #162020)}.track-steps button[aria-pressed=true] .led-part[data-lit]{background:color-mix(in srgb, var(--track-color) 35%, #fff);box-shadow:inset 0 0 4px var(--track-color), inset 0 0 10px color-mix(in srgb, var(--track-color) 60%, transparent)}.track-steps button[data-current]{outline-offset:2px;outline:1px solid #e0e8ed}.track-steps button:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (hover:hover) and (pointer:fine){.track-steps button:hover:before{filter:brightness(1.2)}}.sequencer-footer{justify-content:space-between;margin-top:16px}.edit-hint{color:#9392a3;font-size:11px}#loop-status{color:#e0bff3;margin:0;font-size:12px}#loop-status:not(:empty){margin-top:12px}.text-link{color:#c4b5ee;align-items:center;gap:10px;min-height:44px;font-size:12px;text-decoration:none;display:inline-flex}.possibilities{grid-template-columns:repeat(3,1fr);gap:42px;margin-top:36px;display:grid}.possibilities article{border-top:1px solid #ffffff20;padding-top:20px}.feature-icon{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px;display:block}.feature-icon--exercises{color:#83cad4}.feature-icon--lab{color:#9eaff2}.feature-icon--library{color:#c2a2df}.possibilities h3{letter-spacing:-.4px;margin:14px 0 10px;font-size:18px;font-weight:500}.possibilities p{color:#a3a1ae;margin:0;font-size:14px;line-height:1.7}.equipment-note{background:#a08acb0a;border:1px solid #b5a0dc24;border-radius:14px;align-items:flex-start;gap:14px;max-width:680px;margin:24px auto 0;padding:16px 22px;display:flex}.equipment-note svg{color:#b8a4d8;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px;margin-top:2px}.equipment-note .chapter-copy{text-align:left;margin:0}.equipment-note .chapter-copy+.chapter-copy{margin-top:12px}.signup-content{text-align:center;max-width:760px}#waitlist-form{text-align:left;max-width:560px;margin:34px auto 16px}#waitlist-form label{color:#b8b6c4;margin-bottom:10px;font-size:12px;display:block}.signup-fields{gap:8px;display:flex}#waitlist-email{color:#eeedf9;width:100%;min-width:0;min-height:50px;font:inherit;-webkit-user-select:text;user-select:text;background:#111218;border:1px solid #fff2;border-radius:9px;padding:0 15px;font-size:16px}#waitlist-email:focus{border-color:#aba4dc}.signup-fields button{flex:none}.signup-fields button:disabled{cursor:wait;opacity:.65}.signup-privacy-note{color:#a6a1b1;font-size:12px;line-height:1.6}.signup-privacy-summary{white-space:nowrap;vertical-align:baseline;align-items:center;gap:4px;display:inline-flex}#signup-privacy-trigger{appearance:none;color:#b8a4d8;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;padding:0;line-height:0;display:grid}#signup-privacy-trigger svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}#signup-privacy-trigger:is(:hover,:focus-visible){color:#ded1f2;background:#a08acb1c}#signup-privacy-trigger:focus-visible{outline-offset:2px;outline:2px solid #b8a4d8}#signup-privacy{visibility:hidden;color:#c9c2d5;text-align:left;text-wrap:pretty;background:#25232d;border:1px solid #b5a0dc38;border-radius:12px;width:min(320px,100vw - 32px);max-height:calc(100dvh - 32px);margin:0;padding:16px 18px;font-size:13px;line-height:1.6;position:fixed;inset:auto;box-shadow:0 8px 30px #0005}#signup-status{color:#d2c8ef;background:#a08acb12;border-radius:10px;padding:16px;font-size:13px;line-height:1.6}#signup-confirmation{cursor:pointer;touch-action:pan-y;max-height:calc(100dvh - 48px);margin:auto}#signup-confirmation .dialog-surface{overscroll-behavior:contain;max-height:calc(100dvh - 48px);overflow:auto}#signup-confirmation::backdrop{cursor:pointer;opacity:0;transition:opacity .18s var(--ease-out);background:#00000094}#signup-confirmation[data-visible]::backdrop{opacity:1}#signup-confirmation-message{color:#b8b6c4;text-wrap:pretty;margin:14px 0 0;font-size:14px;line-height:1.6}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chapter button:active:not(:disabled){transform:scale(.97)}@media (width<=680px){#journey-header{padding-inline:max(18px, env(safe-area-inset-left)) max(18px, env(safe-area-inset-right))}#header-mark{width:34px;height:34px}#journey-header nav a{width:36px}.chapter{padding-top:96px}.chapter-body{padding-inline:max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-left))}.chapter-copy{margin-top:16px;font-size:14px}.sequencer{border-radius:15px;margin-top:24px;padding:16px}.sequencer-toolbar{gap:8px;margin-bottom:18px}.sequencer-toolbar button{gap:6px;padding-inline:8px;font-size:12px}.control-icon{width:14px;height:14px}#step-grid{padding-block:0}.beat-guides{display:none}.track-steps{background:linear-gradient(90deg,#182021 50%,#25262d 50%);border-radius:12px;grid-template-columns:repeat(8,minmax(0,1fr));padding:8px;box-shadow:inset 0 2px 4px #0008,0 1px #ffffff12}.track-steps button{height:32px}.sequencer-footer{justify-content:center;margin-top:6px}.edit-hint{display:none}.possibilities{border-bottom:1px solid #ffffff20;grid-template-columns:1fr;gap:20px;margin-top:30px;padding-bottom:20px}.possibilities article{grid-template-columns:26px minmax(0,1fr);column-gap:12px;padding-top:14px;display:grid}.feature-icon{grid-row:1/3;width:26px;height:26px}.possibilities h3,.possibilities p{grid-column:2}.possibilities h3{margin-top:0;font-size:16px}.possibilities p{font-size:13px}.equipment-note{gap:12px;margin-top:24px;padding:16px}.signup-fields{flex-direction:column}.signup-fields button{min-height:48px}}@media (width<=680px) and (height<=620px) and (orientation:portrait){#create-section{padding-top:76px}.chapter-body{padding-block:8px}.sequencer{margin-top:12px;padding:12px}.sequencer-toolbar{margin-bottom:12px}#step-grid{gap:8px}.track-steps{padding:6px}}@media (height<=500px) and (orientation:landscape){#journey-header{padding-top:max(10px, env(safe-area-inset-top));padding-bottom:8px}#header-mark{width:32px;height:32px}.chapter{padding-top:68px}#create-section{padding-top:58px}.chapter-body{padding-block:0}.create-content .chapter-heading{text-align:center}#create-title{font-size:24px}.chapter h2{font-size:30px}.chapter-copy{margin-top:12px;font-size:13px;line-height:1.5}.sequencer{width:100%;margin:8px 0 0;padding:10px}.sequencer-toolbar{gap:8px;margin-bottom:8px}.sequencer-toolbar button{min-height:32px;padding:0 10px}#step-grid{--step-gap:4px;padding-block:8px}.beat-guides{display:grid}.track-steps{gap:var(--step-gap);box-shadow:none;background:0 0;grid-template-columns:repeat(16,minmax(0,1fr));padding:0 8px}.track-steps button{border-radius:8px;height:26px}.track-steps button:before{border-radius:5px}.track-steps .step-led{top:7px}#step-grid{gap:6px}.sequencer-footer{justify-content:flex-end;margin-top:4px}.edit-hint{display:none}.possibilities{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}.possibilities article{padding-top:12px;display:block}.possibilities h3{margin-top:8px;font-size:15px}.possibilities p{font-size:12px}.equipment-note{margin-top:20px}.signup-content{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px 28px;max-width:800px;display:grid}.signup-intro{grid-area:1/1}.signup-intro .chapter-copy{margin:12px 0 0}#waitlist-form{grid-area:1/2/3;margin:0}.signup-fields{flex-direction:column}.signup-fields button{min-height:40px}.signup-content>.text-link{grid-area:2/1;justify-self:start}}@media (hover:hover) and (pointer:fine){.chapter button:hover:not(:disabled){filter:brightness(1.15)}.text-link:hover,.scroll-cue:hover,#journey-header a:hover{color:#eeedf9}}@media (prefers-reduced-motion:reduce){.chapter button{transition:none}.chapter button:active:not(:disabled){transform:none}}.track-steps[data-resolution="8"]{grid-template-columns:repeat(8,minmax(0,1fr))}@media (width<=680px) and (orientation:portrait){.track-steps[data-resolution="8"]{background:linear-gradient(90deg,#182021 25%,#25262d 25% 50%,#182021 50% 75%,#25262d 75%)}}