:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#140c33;--plum:#2b1a5e;--plum-2:#372272;--violet:#9b7bff;--violet-soft:#c7b4ff;--ice:#7cd3ff;--lilac:#efe9ff;--mist:#b9aedf;--danger:#ffb4c8;--ok:#9ff0d0;--bg:var(--night);--surface:#1e1346;--surface-2:var(--plum);--line:#3d2a7d;--text:var(--lilac);--muted:var(--mist);--accent:var(--violet);--accent-2:var(--ice);--on-accent:#120a2e;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-display:var(--font-body);--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--radius-btn:12px;--touch:48px;--ease:cubic-bezier(.2, .7, .2, 1);--dur:.22s;--gutter:clamp(16px, 4vw, 40px);--safe-bottom:env(safe-area-inset-bottom,0px);--tray-h:calc(76px + var(--safe-bottom))}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5;overflow-x:hidden}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-2)}:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.boot-loading{padding:var(--gutter);color:var(--muted)}.btn{min-height:var(--touch);border-radius:var(--radius-btn);cursor:pointer;min-width:44px;transition:background-color var(--dur) var(--ease), transform .15s var(--ease), opacity var(--dur) var(--ease);-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:1.0625rem;font-weight:650;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-quiet{color:var(--text);box-shadow:inset 0 0 0 2px var(--line);background:0 0}.app-stage{isolation:isolate;min-height:70dvh;position:relative}.screen{width:100%;max-width:1180px;padding:24px var(--gutter) 40px;margin:0 auto}.start{align-items:center;gap:24px;display:grid}.start-art{justify-self:center;width:min(100%,420px)}.start-copy{gap:16px;max-width:34rem;display:grid}.start-title{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(2rem,7vw,3.5rem);line-height:1.05}.start-date{color:var(--accent-2);font-weight:600}.start-lead{color:var(--muted);max-width:32rem;font-size:1.125rem}.start-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.start-actions .btn-primary{min-height:56px;padding:0 28px}.start-demo-note,.start-privacy{color:var(--muted);font-size:.9375rem}.start-demo-note{flex-basis:100%}.start-privacy{border-top:1px solid var(--line);padding-top:16px}@media (min-width:768px){.start{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;min-height:70dvh}.start-art{order:2;width:100%}}.step-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.step-count{color:var(--muted);white-space:nowrap;font-size:.9375rem}.step-bar{flex:1;gap:6px;max-width:280px;display:flex}.step-bar span{background:var(--line);border-radius:3px;flex:1;height:6px}.step-bar span[data-done]{background:var(--accent)}.step-title{font-family:var(--font-display);text-wrap:balance;font-size:clamp(1.625rem,5vw,2.5rem);line-height:1.1}.step-lead{color:var(--muted);margin-top:8px;font-size:1.0625rem}.sliders-layout{gap:20px;display:grid}.sliders-art{justify-self:center;width:min(100%,340px)}.sliders-questions{gap:20px;min-width:0;display:grid}.sliders-substack{min-height:300px}.question-card{background:var(--surface);border-radius:var(--radius-lg);gap:16px;padding:20px;display:grid}.btn-ok{justify-self:start;min-width:120px}.step-nav{justify-content:flex-end;display:flex}@media (min-width:960px){.sliders-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:48px}.sliders-art{width:100%;position:sticky;top:24px}}.scale{gap:8px;min-width:0;display:grid}.scale-title{font-family:var(--font-display);text-wrap:balance;font-size:clamp(1.25rem,4.2vw,1.625rem);line-height:1.2}.scale-answer{min-height:1.6em;color:var(--accent-2);font-size:1.125rem;font-weight:700}.scale[data-empty] .scale-answer{color:var(--muted);font-size:1rem;font-weight:500}.scale-row{grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:6px;display:grid}.scale-figure{color:var(--muted);display:block}.scale-figure-dance{color:var(--accent-2)}.scale-track{--thumb:34px;height:56px;margin:0 calc(var(--thumb) / 2);touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:28px;position:relative}.scale-track:focus-visible{outline-offset:8px}.scale-rail,.scale-fill{height:var(--rail,8px);border-radius:999px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.scale-rail{background:var(--line);right:0}.scale-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));transition:width var(--dur) var(--ease)}.scale-stop{background:var(--surface-2);width:14px;height:14px;box-shadow:0 0 0 3px var(--line);transition:background-color var(--dur) var(--ease);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.scale-stop[data-active]{background:var(--accent-2);box-shadow:0 0 0 3px var(--surface)}.scale-thumb{width:var(--thumb);height:var(--thumb);background:var(--lilac);box-shadow:0 0 0 5px var(--accent), 0 6px 18px #00000059;transition:left var(--dur) var(--ease);pointer-events:none;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.scale-labels{letter-spacing:-.01em;color:var(--muted);text-align:center;-webkit-hyphens:manual;hyphens:manual;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;padding:0;font-size:.75rem;line-height:1.25;list-style:none;display:grid}.scale-labels li:first-child{text-align:left}.scale-labels li:last-child{text-align:right}.scale-labels li[data-current]{color:var(--text);font-weight:700}@media (min-width:480px){.scale-labels{letter-spacing:0;font-size:.875rem}}.reveal{animation:reveal .26s var(--ease) both}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}}.tracks-layout{gap:24px;display:grid}.tracks-main{align-content:start;gap:16px;min-width:0;display:grid}.tabs{border-radius:var(--radius-md);background:var(--surface);scrollbar-width:none;gap:4px;padding:4px;display:flex;overflow-x:auto}.tab{border-radius:calc(var(--radius-md) - 4px);min-height:44px;color:var(--muted);cursor:pointer;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;flex:1 0 auto;padding:0 14px;font-weight:650}.tab[aria-selected=true]{background:var(--surface-2);color:var(--text)}.tab-panel{gap:12px;min-width:0;display:grid}.panel-search,.panel-playlist{gap:12px;display:grid}.search-field{border-radius:var(--radius-md);background:var(--surface);min-height:52px;box-shadow:inset 0 0 0 2px var(--line);color:var(--muted);align-items:center;gap:10px;padding:0 16px;display:flex}.search-field:focus-within{box-shadow:inset 0 0 0 2px var(--accent-2)}.search-field input{min-width:0;min-height:48px;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:1.0625rem}.search-field input::placeholder{color:var(--muted);opacity:.8}.panel-hint,.state{color:var(--muted);padding:12px 0}.state-notice{border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:12px 14px;font-size:.9375rem}.state-error,.state-denied{color:var(--danger);justify-items:start;gap:10px;display:grid}.state-denied{border-radius:var(--radius-sm);background:var(--surface);padding:14px}.btn-more{justify-self:center}.btn-back{justify-self:start}.playlist-name{font-size:1.25rem}.tracks-limit{color:var(--muted);font-size:.875rem}.track-list,.playlists,.tray-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.track{border-radius:var(--radius-md);background:var(--surface);transition:background-color var(--dur) var(--ease);grid-template-columns:56px minmax(0,1fr) 48px;align-items:center;gap:12px;padding:8px;display:grid}.track[data-selected]{background:var(--surface-2)}.cover{object-fit:contain;background:var(--night);border-radius:4px;display:block}.track-text,.tray-item-text{min-width:0;display:grid}.track-title{overflow-wrap:anywhere;font-weight:650;line-height:1.3}.track-artist{color:var(--muted);overflow-wrap:anywhere;font-size:.9375rem;line-height:1.35}.track-link{justify-self:start;padding:4px 0;font-size:.875rem}.track-toggle{width:48px;height:48px;color:var(--text);box-shadow:inset 0 0 0 2px var(--line);cursor:pointer;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), transform .15s var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.track-toggle[aria-pressed=true]{background:var(--accent-2);color:var(--on-accent);box-shadow:none}.track-toggle:active{transform:scale(.92)}.playlist{border-radius:var(--radius-md);background:var(--surface);text-align:left;cursor:pointer;border:0;align-items:center;gap:12px;width:100%;min-height:64px;padding:8px;display:flex}.playlist-cover{background:linear-gradient(135deg, var(--plum-2), var(--accent));border-radius:8px;flex:none;width:48px;height:48px}.playlist-text{min-width:0;display:grid}.playlist-title{font-weight:650}.playlist-meta{color:var(--muted);font-size:.875rem}.tray{z-index:20;background:var(--surface-2);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:min(70dvh,560px);padding-bottom:var(--safe-bottom);flex-direction:column-reverse;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0502148c}.tray-bar{align-items:center;gap:10px;padding:10px 12px;display:flex}.tray-toggle,.tray-summary{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;min-height:52px;padding:0 8px;display:flex}.tray-toggle{cursor:pointer;border-radius:var(--radius-sm)}.tray-meter{flex:none;gap:3px;display:flex}.tray-meter span{background:var(--line);width:8px;height:22px;transition:background-color var(--dur) var(--ease);border-radius:4px}.tray-meter span[data-on]{background:var(--accent-2)}.tray-count{flex:1;min-width:0;font-size:.9375rem;font-weight:650;line-height:1.25}.tray-chevron{width:12px;height:12px;transition:transform var(--dur) var(--ease);border-top:2.5px solid;border-right:2.5px solid;flex:none;transform:rotate(-45deg)translateY(3px)}.tray[data-expanded] .tray-chevron{transform:rotate(135deg)translateY(3px)}.tray-next{flex:none}.tray-body{overscroll-behavior:contain;border-bottom:1px solid var(--line);padding:16px 16px 4px;overflow-y:auto}.tray-title{margin-bottom:12px;font-size:1.125rem}.tray-empty{color:var(--muted);padding-bottom:12px}.tray-list{padding-bottom:12px}.tray-item{grid-template-columns:40px minmax(0,1fr) 44px;align-items:center;gap:10px;display:grid}.tray-remove{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.tray-remove:hover{color:var(--danger)}.screen.tracks{padding-bottom:calc(var(--tray-h) + 24px)}@media (min-width:960px){.tracks-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:32px}.tray{border-radius:var(--radius-lg);max-height:calc(100dvh - 48px);box-shadow:none;flex-direction:column;padding-bottom:0;position:sticky;top:24px}.tray-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;padding:16px}.tray-next{flex:1 0 100%}.tray-body{border-bottom:0}.screen.tracks{padding-bottom:40px}}.shell{min-height:100dvh}.shell-center{max-width:36rem;padding:var(--gutter);place-content:center;justify-items:start;gap:16px;margin:0 auto;display:grid}.shell-center h1{font-size:clamp(1.5rem,5vw,2.25rem);line-height:1.15}.shell-note,.shell-message,.shell-demo{max-width:1180px;padding:0 var(--gutter);margin:0 auto 16px}.shell-message{color:var(--danger)}.shell-demo{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.shell-demo label{flex-basis:100%;font-weight:600}.shell-demo select{min-height:var(--touch);border-radius:var(--radius-btn);background:var(--surface);min-width:0;box-shadow:inset 0 0 0 2px var(--line);border:0;flex:220px;padding:0 12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.app-header{max-width:1180px;padding:max(12px, env(safe-area-inset-top)) var(--gutter) 0;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.app-brand{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-weight:700;overflow:hidden}.app-account{flex:none;align-items:center;gap:10px;display:flex}.avatar{object-fit:cover;background:var(--surface-2);border-radius:50%;width:36px;height:36px;display:block}.avatar-empty{background:radial-gradient(circle at 50% 38%, var(--mist) 0 7px, transparent 7.5px), radial-gradient(circle at 50% 100%, var(--mist) 0 13px, transparent 13.5px), var(--surface-2)}.btn-small{min-height:44px;padding:0 16px;font-size:.9375rem}.save-status{max-width:1180px;min-height:44px;padding:0 var(--gutter);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px auto 0;font-size:.9375rem;display:flex}.save-status[data-tone=warn],.save-status[data-tone=error]{width:calc(100% - 2 * var(--gutter));border-radius:var(--radius-sm);background:var(--surface);margin-top:12px;padding:10px 16px}.save-status[data-tone=warn]{color:#ffd79a;box-shadow:inset 0 0 0 2px #ffd79a59}.save-status[data-tone=error]{color:var(--danger);box-shadow:inset 0 0 0 2px #ffb4c859}.save-status span{flex:16rem}.notice{border-radius:var(--radius-sm);background:var(--surface);color:var(--text);justify-items:start;gap:10px;margin:20px 0 0;padding:14px 16px;display:grid}.notice-ok{box-shadow:inset 0 0 0 2px #9ff0d073}.notice-error{color:var(--danger);box-shadow:inset 0 0 0 2px #ffb4c859}.notice-warn{color:#ffd79a;box-shadow:inset 0 0 0 2px #ffd79a59}.notice-actions{flex-wrap:wrap;gap:8px;display:flex}.app-notice{max-width:1180px;width:calc(100% - 2 * var(--gutter));margin:12px auto 0}.step-nav{flex-wrap:wrap;gap:12px;margin-top:24px}.step-nav-start{justify-content:flex-start}.choice-set{border:0;min-width:0;margin:0;padding:0}.choice-set legend{margin-bottom:20px;padding:0}.choice-options{gap:12px;max-width:40rem;display:grid}@media (min-width:768px){.choice-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.choice-option{border-radius:var(--radius-md);background:var(--surface);min-height:64px;box-shadow:inset 0 0 0 2px var(--line);cursor:pointer;transition:background-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);align-items:center;gap:14px;padding:12px 18px;font-size:1.125rem;font-weight:650;display:flex;position:relative}.choice-option input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.choice-option:has(input:focus-visible){outline:3px solid var(--accent-2);outline-offset:3px}.choice-option[data-checked]{background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--accent)}.choice-mark{width:24px;height:24px;box-shadow:inset 0 0 0 2px var(--mist);transition:box-shadow var(--dur) var(--ease);border-radius:50%;flex:none}.choice-option[data-checked] .choice-mark{box-shadow:inset 0 0 0 7px var(--accent-2)}.choice-set:disabled .choice-option{opacity:.6;cursor:not-allowed}.summary-list{gap:12px;margin:20px 0 0;display:grid}.summary-row{border-radius:var(--radius-md);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:14px 16px;display:grid}.summary-row dt{color:var(--muted);grid-column:1;font-size:.9375rem}.summary-row dd{grid-column:1;margin:0;font-size:1.0625rem;font-weight:700}.summary-row dd[data-missing]{color:#ffd79a}.summary-edit{grid-area:1/2/span 2}.summary-track-list{grid-column:1/-1;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.summary-track-list li{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;display:grid}@media (min-width:768px){.summary-track-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.track-link{min-height:44px;color:var(--text);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.track-link span{text-underline-offset:3px;text-decoration:underline}.spotify-logo{width:72px;height:auto;display:block}.choice-options[data-tiles]{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:900px){.choice-options[data-tiles]{grid-template-columns:repeat(4,minmax(0,1fr));max-width:56rem}}.choice-options[data-tiles] .choice-option{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:150px;padding:14px;font-size:1rem;line-height:1.25;display:grid}.choice-art{opacity:.75;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);grid-column:1/-1;justify-self:center;display:block}.style-icon{width:96px;height:auto;display:block}.choice-option[data-checked] .choice-art{opacity:1;transform:translateY(-2px)scale(1.04)}.tray-toggle-text{flex:1;gap:6px;min-width:0;display:grid}.tray-toggle-row{align-items:center;gap:12px;min-width:0;display:flex}.tray-covers{align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.tray-covers .cover{border-radius:4px;flex:none;width:28px;height:28px}.tray-covers-more{color:var(--muted);flex:none;padding-left:2px;font-size:.8125rem;font-weight:700}.tray-covers-narrow{display:none}@media (max-width:379px){.tray-covers .cover:nth-child(n+4),.tray-covers-wide{display:none}.tray-covers-narrow{display:inline}}.screen.tracks:has(.tray-covers){padding-bottom:calc(var(--tray-h) + 60px)}.demo-badge{padding:max(6px, env(safe-area-inset-top)) var(--gutter) 6px;color:#ffd79a;text-align:center;background:#2a1a63;justify-content:center;align-items:center;gap:8px;margin:0;font-size:.8125rem;font-weight:650;display:flex}.demo-badge-dot{background:#ffd79a;border-radius:50%;flex:none;width:8px;height:8px}.demo-badge+.app-header,.demo-badge+.admin-bar{padding-top:12px}@media (prefers-reduced-motion:no-preference){.notice-ok{animation:success-in .26s var(--ease) both}.app-stage .screen:not(.step-stack .screen){animation:step-in .22s var(--ease) both}}.step-stack{position:relative}.step-layer{transition:transform .32s cubic-bezier(.22,.61,.36,1),opacity .32s}.step-layer[data-phase=entering],.step-layer[data-phase^=leaving]{position:absolute;inset:0}.step-layer[data-phase=active]{z-index:2;opacity:1;position:relative;transform:scale(1)translateY(0)}.step-layer[data-phase=entering]{z-index:2;opacity:0}.step-stack[data-direction=forward] .step-layer[data-phase=entering]{transform:scale(.92)translateY(18px)}.step-stack[data-direction=back] .step-layer[data-phase=entering]{transform:scale(.92)translateY(-18px)}.step-layer[data-phase=leaving-forward]{z-index:1;opacity:0;transform:scale(.92)translateY(-18px)}.step-layer[data-phase=leaving-back]{z-index:3;opacity:0;transform:scale(1.05)translateY(18px)}@keyframes success-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes step-in{0%{opacity:0;transform:translateY(8px)}}:root .cover.cover{border-radius:4px}@media (min-width:960px){:root .cover.cover{border-radius:8px}}.dancers svg{width:100%;height:auto;display:block}[data-variant=A],[data-variant=final]{--font-display:"SF Pro Rounded", ui-rounded, "Nunito", "Varela Round", "Quicksand", system-ui, sans-serif;--font-body:ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-lg:32px;--radius-md:22px;--radius-sm:16px;--radius-btn:999px;--surface:#21154f;--surface-2:#33217a;--line:#45308f;--rail:14px;font-family:var(--font-body);background:radial-gradient(60rem 40rem at -10% -10%, #9b7bff47, transparent 60%), radial-gradient(50rem 36rem at 110% 100%, #7cd3ff2e, transparent 60%), var(--night)}[data-variant=A] .start-title,[data-variant=final] .start-title,[data-variant=A] .step-title,[data-variant=final] .step-title,[data-variant=A] .scale-title,[data-variant=final] .scale-title{letter-spacing:-.015em;font-weight:800}[data-variant=A] .btn-primary,[data-variant=final] .btn-primary{background:linear-gradient(180deg, #b39bff, var(--violet));box-shadow:0 8px 22px #9b7bff59}[data-variant=A] .question-card,[data-variant=final] .question-card{background:#21154fd1;padding:24px;box-shadow:inset 0 1px #ffffff0f}[data-variant=A] .scale-track,[data-variant=final] .scale-track{--thumb:40px}[data-variant=A] .scale-stop,[data-variant=final] .scale-stop{width:10px;height:10px;box-shadow:none;background:#efe9ff4d}[data-variant=A] .scale-stop[data-active],[data-variant=final] .scale-stop[data-active]{background:#120a2e8c}[data-variant=A] .scale-thumb,[data-variant=final] .scale-thumb{background:radial-gradient(circle at 35% 30%, #fff, var(--violet-soft));box-shadow:0 0 0 6px #9b7bff59,0 8px 20px #00000059}[data-variant=A] .start-art,[data-variant=final] .start-art{width:min(100%,460px)}[data-variant=A] .track,[data-variant=final] .track{padding:10px}[data-variant=A] .cover,[data-variant=final] .cover{border-radius:14px}[data-variant=A] .tray,[data-variant=final] .tray{background:#2b1b69}.dancers-a .a-arm{transform-box:fill-box;transition:transform .26s var(--ease)}.dancers-a .a-arm-up{transform-origin:0 100%;transform:rotate(calc(var(--lvl) * -9deg + 20deg))}.dancers-a .a-arm-free{transform-origin:100% 0;transform:rotate(calc(var(--lvl) * 16deg))}.dancers-a .a-arm-hold{transform-origin:100% 0;transform:rotate(calc(var(--lvl) * 6deg))}.dancers-a .a-arm-high{transform-origin:0 100%;transform:rotate(calc(60deg - var(--lvl) * 12deg))}.dancers-a .a-note{opacity:calc(var(--lvl) / 5);transition:opacity .26s var(--ease)}.dancers-a .a-figure{transform-box:fill-box;transform-origin:50% 100%}@media (prefers-reduced-motion:no-preference){.dancers-a:not([data-level="0"]) .a-left{animation:a-sway calc(2.6s - var(--lvl) * .3s) ease-in-out infinite alternate}.dancers-a:not([data-level="0"]) .a-right{animation:a-sway calc(2.6s - var(--lvl) * .3s) ease-in-out infinite alternate-reverse}.dancers-a:not([data-level="0"]) .a-note{animation:3s ease-in-out infinite alternate a-float}}@keyframes a-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes a-float{to{transform:translateY(-8px)}}[data-variant=B]{--font-display:"Avenir Next Condensed", "Bahnschrift", "Roboto Condensed", "Arial Narrow", system-ui, sans-serif;--font-body:"Avenir Next", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--radius-lg:10px;--radius-md:8px;--radius-sm:6px;--radius-btn:6px;--bg:#0f0928;--surface:#1a1040;--surface-2:#261859;--line:#3a2a78;--rail:4px;font-family:var(--font-body);background:conic-gradient(from 168deg at 22% -8%,#0000 0deg,#7cd3ff33 8deg,#0000 20deg),conic-gradient(from 178deg at 78% -8%,#0000 0deg,#b69bff38 10deg,#0000 22deg),linear-gradient(#170d3d,#0f0928 60%)}[data-variant=B] .start-title,[data-variant=B] .step-title,[data-variant=B] .scale-title{font-family:var(--font-display);letter-spacing:-.005em;font-weight:700;font-stretch:75%}[data-variant=B] .start-title{font-size:clamp(2.25rem,9vw,4.25rem);line-height:.98}[data-variant=B] .btn-primary{background:var(--ice);box-shadow:inset 0 0 0 1px #c9eeff,0 0 24px #7cd3ff73}[data-variant=B] .btn-quiet{box-shadow:inset 0 0 0 1px var(--ice)}[data-variant=B] .question-card{box-shadow:inset 0 0 0 1px var(--line);background:#1a1040e6}[data-variant=B] .scale-answer{color:#fff;text-shadow:0 0 16px #7cd3ffcc}[data-variant=B] .scale-track{--thumb:30px;border-radius:6px}[data-variant=B] .scale-fill{background:var(--ice);box-shadow:0 0 12px #7cd3ffcc}[data-variant=B] .scale-stop{background:#22164f;border-radius:3px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #4a3a8c}[data-variant=B] .scale-stop[data-active]{background:var(--ice);box-shadow:0 0 14px #7cd3ffe6}[data-variant=B] .scale-thumb{box-shadow:0 0 0 3px var(--ice), 0 0 26px #7cd3ffe6;background:#fff;border-radius:6px;transform:translate(-50%,-50%)rotate(45deg)}[data-variant=B] .step-bar span{border-radius:0;height:4px}[data-variant=B] .step-bar span[data-done]{background:var(--ice);box-shadow:0 0 10px #7cd3ffb3}[data-variant=B] .tab[aria-selected=true]{color:#fff;box-shadow:inset 0 -3px 0 var(--ice);background:0 0}[data-variant=B] .track{box-shadow:inset 0 -1px 0 var(--line);background:0 0;border-radius:0}[data-variant=B] .track[data-selected]{box-shadow:inset 3px 0 0 var(--ice);background:linear-gradient(90deg,#7cd3ff29,#0000 70%)}[data-variant=B] .track-toggle{border-radius:6px;box-shadow:inset 0 0 0 1px #5a48a8}[data-variant=B] .track-toggle[aria-pressed=true]{box-shadow:0 0 16px #7cd3ff99}[data-variant=B] .tray{box-shadow:0 -1px 0 var(--ice), 0 -12px 30px #05021499;background:#1d1248}[data-variant=B] .tray-meter span{border-radius:1px}[data-variant=B] .tray-meter span[data-on]{box-shadow:0 0 8px #7cd3ffcc}@media (min-width:960px){[data-variant=B] .tray{box-shadow:inset 0 0 0 1px var(--line)}}.dancers-b .b-beam{opacity:.06;transition:opacity .26s var(--ease)}.dancers-b .b-pool{opacity:0;transition:opacity .26s var(--ease)}.dancers-b .b-figure{fill:#6f5fb0;stroke:#6f5fb0;stroke-width:5px;stroke-linecap:round;transform-box:fill-box;transform-origin:50% 100%;transition:fill .26s var(--ease), stroke .26s var(--ease)}.dancers-b [data-on] .b-beam{opacity:.75}.dancers-b [data-on] .b-pool{opacity:.45}.dancers-b [data-on] .b-figure{fill:#fff;stroke:#fff}@media (prefers-reduced-motion:no-preference){.dancers-b [data-on] .b-figure{animation:.62s ease-in-out infinite alternate b-bounce}.dancers-b [data-on] .b-beam{animation:2.4s ease-in-out infinite alternate b-flicker}}@keyframes b-bounce{to{transform:translateY(-6px)}}@keyframes b-flicker{to{opacity:.5}}.dancers-spot .s-beam{opacity:.05;transition:opacity .26s var(--ease)}.dancers-spot .s-pool{opacity:0;transition:opacity .26s var(--ease)}.dancers-spot .s-figure{opacity:.45;transform-box:fill-box;transform-origin:50% 100%;transition:opacity .26s var(--ease)}.dancers-spot [data-on] .s-beam{opacity:.8}.dancers-spot [data-on] .s-pool{opacity:.4}.dancers-spot [data-on] .s-figure{opacity:1}@media (prefers-reduced-motion:no-preference){.dancers-spot [data-on] .s-figure{animation:.9s ease-in-out infinite alternate s-sway}}@keyframes s-sway{0%{transform:rotate(-4deg)translateY(0)}to{transform:rotate(4deg)translateY(-4px)}}
