:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fg:#e8e8f0;--muted:#9a9ab0;--panel:#0c0c149e;--accent:#ff3d81}*{box-sizing:border-box}html,body{height:100%;color:var(--fg);background:#05050a;margin:0;font:13px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{left:max(12px, env(safe-area-inset-left));top:max(12px, env(safe-area-inset-top));background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none;border-radius:10px;max-width:min(320px,100vw - 24px);padding:10px 12px;position:fixed}#hud.hidden{display:none}.title{letter-spacing:.02em;margin-bottom:8px;font-weight:650}#modes{flex-wrap:wrap;gap:6px;display:flex}#modes button{font:inherit;color:var(--fg);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:5px 12px}#modes button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}#hint{color:var(--muted);margin-top:8px}#stats{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:12px}#error{text-align:center;color:var(--fg);background:#05050a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}#error[hidden]{display:none}@media (max-width:600px){#hud{top:auto;bottom:max(12px, env(safe-area-inset-bottom))}#hint{display:none}}[hidden]{display:none!important}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,summary:focus-visible{outline-offset:5px;outline:2px solid #c6d5ff}.universe-header{z-index:2;inset:max(24px, env(safe-area-inset-top)) 36px auto;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed}.brand{letter-spacing:-.06em;text-shadow:0 2px 20px #000;font-size:28px;font-weight:550;display:block}.brand-dot{color:#b6b5f5}.brand-caption{letter-spacing:.22em;color:#d0d2e4;font-size:9px;display:block}nav{gap:10px;display:flex}.glass-button,.glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#11131de8;border:1px solid #ffffff24;box-shadow:0 12px 40px #0003}.glass-button{border-radius:24px;min-height:44px;padding:10px 18px}.glass-button:hover{background:#262a3be8}.universe-invitation{text-align:center;pointer-events:none;text-shadow:0 2px 20px #000;transition:opacity .4s;position:fixed;top:20%;left:0;right:0}.universe-invitation>span,.eyebrow{letter-spacing:.2em;color:#c8ccdf;font-size:9px;font-weight:600}.universe-invitation h1{letter-spacing:-.045em;margin:12px 0;font-size:clamp(24px,4vw,44px);font-weight:400}.universe-invitation p{color:#d7d9e8;font-size:14px}.has-selection .universe-invitation,.is-exploring .universe-invitation{opacity:0;visibility:hidden}.ambient-card{z-index:4;border:1px solid #ffffff35;border-top:2px solid var(--zone-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#10121bad,#080d177d);border-radius:22px;width:min(330px,100vw - 32px);max-height:calc(100dvh - 240px);padding:18px 22px 22px;position:fixed;overflow-y:auto;box-shadow:0 16px 60px #0005}.card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.ambient-card h2,.ui-dialog h2{letter-spacing:-.04em;margin:10px 0 14px;font-size:28px;font-weight:450;line-height:1.2}.ambient-card p{color:#d5d7e3;margin:10px 0}.ambient-card .ambient-detail{color:#b0b6cc;font-size:12px;line-height:1.8}.ambient-card .color-recipe{color:#eef3ff;border-top:1px solid #ffffff24;padding-top:10px;font-size:11px;line-height:1.7}.primary-button{color:#181b2a;background:#e0e4f4;border:0;border-radius:12px;width:100%;min-height:46px;margin-top:16px;font-weight:650}.primary-button:hover{background:#fff}.ambient-card small{color:#a9afc4;text-align:center;margin-top:12px;font-size:10px;display:block}.icon-button,.play-button{background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;min-width:44px;min-height:44px;font-size:24px;display:grid}.icon-button:hover:not(:disabled){background:#ffffff15}.play-button{color:#181b2a;background:#e0e4f4;font-size:18px}.music-footer{z-index:3;width:min(460px,100vw - 32px);bottom:max(18px, env(safe-area-inset-bottom));position:fixed;left:50%;transform:translate(-50%)}.player{border-radius:24px;align-items:center;gap:14px;padding:16px 18px;display:flex}.player-copy{flex:1;min-width:0}.player-copy strong{font-size:14px;font-weight:500;display:block}.player-copy span{color:#b0b6cc;margin-top:4px;font-size:11px;display:block}.transport{flex-shrink:0;align-items:center;gap:6px;display:flex}.player-copy .track-times{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.player-copy .track-times span{color:#c4c9da;margin-top:0;font-size:10px}.effect-definitions{pointer-events:none;position:absolute}@property --neon-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.player{--neon-color:#838aaf;--neon-angle:0deg;isolation:isolate;position:relative}.player:before{content:"";pointer-events:none;border-radius:inherit;background:conic-gradient(from var(--neon-phase,0deg), transparent 5%, var(--neon-color) 20%, #fff6dc 26%, #fff 28%, var(--neon-color) 34%, transparent 48%, var(--neon-color) 69%, #fff2df 76%, var(--neon-color) 80%, transparent 92%);-webkit-mask-composite:xor;opacity:0;padding:3px;transition:opacity .8s;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.player.has-ambient{border-color:color-mix(in srgb, var(--neon-color) 45%, #ffffff20)}.player.is-playing:before{opacity:.9;animation:14s linear infinite neon-orbit}.player.motion-paused,.player.motion-paused:before{animation-play-state:paused}@keyframes neon-orbit{to{--neon-angle:360deg}}.player.is-playing:before{opacity:.68;filter:brightness(1.05);padding:2px}.player.is-playing{box-shadow:0 0 18px color-mix(in srgb, var(--neon-color) 40%, transparent), 0 0 50px color-mix(in srgb, var(--neon-color) 24%, transparent)}.player.is-playing:before{animation:none}.universe-message{text-align:center;pointer-events:none;opacity:0;color:#f4f1ff;letter-spacing:-.025em;text-shadow:0 2px 28px #000;width:80%;margin:0;font-size:clamp(22px,3.5vw,38px);font-weight:300;position:fixed;top:28%;left:10%}.player.motion-paused.is-playing:before{opacity:.75;filter:none}#audio-progress{appearance:none;background:linear-gradient(to right, var(--neon-color) var(--played,0%), #ffffff35 var(--played,0%)) center / 100% 4px no-repeat;cursor:pointer;border:0;width:100%;height:28px;margin:4px auto 0;display:block}#audio-progress::-webkit-slider-runnable-track{background:0 0;height:4px}#audio-progress::-webkit-slider-thumb{appearance:none;width:12px;height:12px;box-shadow:0 0 8px var(--neon-color);background:#fff;border-radius:50%;margin-top:-4px}#audio-progress::-moz-range-track{background:0 0;height:4px}#audio-progress::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}#audio-progress:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #c6d5ff}#audio-progress:disabled{opacity:.4;cursor:default}#audio-error{color:#ffe0e9;background:#22121bea;border-radius:14px;padding:12px 16px}.volume-control{align-items:center;gap:16px;margin:24px 0;display:flex}.volume-control input{accent-color:#b9c9ff;flex:1;min-height:44px}.audio-credits{color:#c0c6dc;margin-top:20px;font-size:12px;line-height:1.7}.audio-credits a{color:#d8dcff}.footer-meta{color:#c1c5d9;letter-spacing:.1em;text-shadow:0 2px 8px #000;justify-content:space-between;align-items:center;padding:4px 14px 0;font-size:9px;display:flex}.text-button{color:#d3d7e7;letter-spacing:0;background:#10121bbd;border:0;border-radius:12px;min-height:36px;padding:5px 10px;font-size:11px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-dialog{color:var(--fg);background:#10121bf5;border:1px solid #ffffff30;border-radius:24px;width:min(440px,100vw - 24px);max-height:calc(100dvh - 40px);padding:22px;box-shadow:0 24px 100px #0009}.ui-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03040a99}.ui-dialog>p{color:#afb6cd;line-height:1.7}.ambient-option{text-align:left;border:1px solid #ffffff18;border-left:3px solid var(--zone-color);background:#ffffff07;border-radius:12px;width:100%;min-height:64px;margin:10px 0;padding:14px;line-height:1.6;display:block}.ambient-option:hover{background:#ffffff14}.settings-dialog .lil-gui.lil-root{--width:100%;width:100%;max-width:100%;position:static}.settings-dialog #hud{background:0 0;max-width:100%;padding:12px 0;position:static}.debug-details{color:#aeb5cd;margin-top:20px}@media (max-width:600px){.universe-header{left:18px;right:18px;top:max(18px, env(safe-area-inset-top));gap:8px}.brand{font-size:25px}.brand-caption{display:none}nav{gap:6px}.glass-button{padding:8px 12px;font-size:11px}.universe-invitation{top:19%}.player{gap:10px;padding:13px}.player-copy span{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.universe-invitation>span,.universe-invitation h1,.universe-invitation p,.brand,.brand-caption,.footer-meta>span{background:#00000038;border-radius:8px;width:-moz-fit-content;width:fit-content;padding:3px 8px;box-shadow:0 0 14px 7px #00000021}.universe-invitation>span{display:inline-block}.universe-invitation h1,.universe-invitation p{margin-left:auto;margin-right:auto}.universe-message{background:#00000040;border-radius:14px;width:-moz-fit-content;width:fit-content;max-width:80%;padding:10px 18px;left:50%;translate:-50%;box-shadow:0 0 24px 12px #0000001a}.breathing-guide{z-index:5;text-align:center;color:#eef3ff;width:min(430px,90vw);position:fixed;top:calc(28% + 100px);left:50%;translate:-50%}.breathing-guide p{letter-spacing:.05em;text-shadow:0 1px 8px #000;font-size:12px}.breathing-actions{justify-content:center;gap:16px;display:flex}.breathing-actions button{background:#0003;border-radius:20px;min-height:44px;padding:8px 12px}.breathing-guide small{color:#e2e6f2;background:#0003;border-radius:8px;margin-top:8px;padding:3px 8px;font-size:11px;display:inline-block}.breathing-active .universe-invitation{visibility:hidden!important}.breathing-active .universe-message{visibility:visible}@media (max-width:600px){.universe-header{gap:6px;left:16px;right:16px}nav{gap:5px}nav .glass-button{padding:8px 10px;font-size:11px}.brand{font-size:23px}.brand-caption{display:none}}.player{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1024a8;border-radius:20px;gap:9px;padding:10px 12px}.player-copy strong{font-size:12px}.player-copy span{margin-top:2px;font-size:10px}.player .transport{gap:2px}.player .play-button,.player .icon-button{width:44px;min-width:44px;height:44px}.ambient-card{background:linear-gradient(135deg,#10121b9c,#080d176b);border-radius:18px;width:min(275px,100vw - 40px);padding:12px 16px 14px}.ambient-card h2{margin:6px 0 8px;font-size:22px}.ambient-card p{margin:7px 0;font-size:12px}.ambient-card .ambient-detail{font-size:11px;line-height:1.5}.ambient-card .color-recipe{padding-top:7px;font-size:10px}.ambient-card .primary-button{min-height:40px;margin-top:8px}.ambient-card small{margin-top:8px;font-size:9px}.universe-message{text-shadow:0 2px 8px #000;background:#0009;box-shadow:0 0 24px 10px #00000038}#motion-toggle{margin:12px 0}@media (max-width:600px){.player{padding:10px 12px}}.player{border-radius:18px;gap:10px;padding:8px 12px}.player-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:8px;display:grid}.player-copy strong{white-space:nowrap;text-overflow:ellipsis;grid-area:1/1;font-size:12px;line-height:16px;overflow:hidden}.player-copy #player-detail{text-align:right;white-space:nowrap;text-overflow:ellipsis;grid-area:1/2;margin:0;font-size:10px;line-height:16px;overflow:hidden}.player-copy #audio-progress{grid-area:2/1/3/3;height:22px;margin:0}.player-copy .track-times{grid-area:3/1/4/3;line-height:11px}.player-copy .track-times span{font-size:9px;line-height:11px}.player svg{display:block}.ambient-card{width:min(240px,100vw - 40px);padding:12px 14px}.ambient-card #close-card{position:absolute;top:2px;right:3px}.ambient-card h2{margin:2px 0 6px;padding-right:28px;font-size:20px;line-height:1.2}.ambient-card #ambient-mood{margin:5px 0;font-size:12px;line-height:1.45}.ambient-card .color-recipe{background:#ffffff0b;border:0;border-radius:6px;margin:7px 0;padding:4px 6px;font-size:10px;line-height:1.4}.ambient-card .primary-button{min-height:36px;margin-top:4px;font-size:12px}@media (max-width:600px){.player{padding:8px 10px}}.player .transport{z-index:2;position:relative}.player .transport button{touch-action:manipulation;position:relative}button svg,button svg *{pointer-events:none}.player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b10246b}.universe-header .glass-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11131d38;border-color:#ffffff30;box-shadow:0 4px 20px #0002}.universe-header .glass-button:hover{background:#11131d75}#audio-progress{background:0 0}#audio-progress::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--neon-color) var(--played,0%), #ffffff35 var(--played,0%));border-radius:999px;height:4px}#audio-progress::-moz-range-track{background:linear-gradient(to right, var(--neon-color) var(--played,0%), #ffffff35 var(--played,0%));border-radius:999px;height:4px}.user-avatar{place-items:center;width:44px;height:44px;display:grid;overflow:hidden;padding:0!important}.user-avatar img{object-fit:cover;pointer-events:none;width:100%;height:100%}.account-menu{left:auto;right:max(20px, env(safe-area-inset-right));width:min(280px,100vw - 32px);margin:0;padding:16px;position:fixed;top:84px}.account-menu::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0002}.account-menu h2{font-size:23px}.account-links,.account-links #account-settings-slot{gap:5px;display:grid}.account-links button{text-align:left;background:#ffffff06;border:0;border-radius:10px;width:100%;min-height:44px;padding:10px 12px;font-size:13px;display:block}.account-links button:hover{background:#ffffff18}.account-email{opacity:.72;overflow-wrap:anywhere;margin-top:4px;display:block}.account-dialog{width:min(400px,100vw - 32px)}.account-dialog label{color:#e0e2ed;gap:7px;margin:14px 0;display:grid}.account-dialog input,.account-dialog textarea{width:100%;min-height:44px;color:inherit;font:inherit;background:#0003;border:1px solid #ffffff30;border-radius:10px;padding:10px 12px}.account-dialog textarea{resize:vertical}.account-dialog #access-local{width:100%;margin-top:14px}.discovery-invitation{z-index:2;text-align:center;pointer-events:none;width:min(560px,100vw - 40px);position:fixed;top:17%;left:50%;transform:translate(-50%)}.discovery-invitation h1{letter-spacing:-.045em;text-shadow:0 2px 24px #000;margin:9px 0;font-size:clamp(28px,4vw,42px);font-weight:350}.discovery-caption{color:#eceaf4;text-shadow:0 2px 16px #000;margin:0 0 18px}.discovery-composer{pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;background:#080c1878;border:1px solid #ffffff35;border-radius:24px;padding:12px 12px 8px;box-shadow:0 8px 32px #0002}.discovery-composer:focus-within{border-color:#ffffff85}.discovery-composer textarea{resize:none;color:#fff;width:100%;min-height:54px;max-height:120px;font:inherit;background:0 0;border:0;outline:none;padding:3px 8px}.discovery-composer textarea::placeholder{color:#d3d4e0}.composer-actions{justify-content:space-between;align-items:center;display:flex}#discovery-send{color:#171925;background:#e5e9f4}#discovery-mic[aria-pressed=true]{color:#ffb5cb;background:#ff3d7040}#discovery-status{color:#e4e6f2;text-shadow:0 2px 12px #000;background:#0509165c;border-radius:12px;margin:8px 0;padding:5px 10px;font-size:12px;line-height:1.5}#discovery-status:empty{display:none}.discovery-privacy{color:#e1dfec;text-shadow:0 1px 8px #000;font-size:10px;display:block}.research-choice{pointer-events:auto;color:#e1dfec;text-shadow:0 1px 8px #000;justify-content:center;align-items:center;gap:7px;margin:7px auto;font-size:10px;display:flex}.research-choice input{accent-color:#a7baff;width:18px;height:18px}.accept-ambient{color:#d6dcf0}.accept-ambient[aria-pressed=true]{color:#99ffd9;background:#00ffac15}.has-discovery .discovery-invitation{top:110px}.has-discovery .discovery-invitation h1{font-size:24px}.has-discovery .discovery-caption{display:none}.breathing-active .discovery-invitation{opacity:0;visibility:hidden}@media (max-width:600px){.discovery-invitation{top:16%}.discovery-invitation h1{font-size:30px}.discovery-privacy,.research-choice{font-size:9px}.discovery-composer{padding:10px 10px 6px}}@media (max-height:540px){.discovery-invitation{top:95px}.discovery-caption{display:none}.discovery-invitation h1{font-size:24px}.discovery-composer textarea{height:32px;min-height:32px}.discovery-privacy{display:none}}.universe-message{font-size:clamp(18px,2.8vw,30px);top:28%}.breathing-active .universe-message{font-size:clamp(24px,3.5vw,38px);top:38%}@media (max-height:600px){body:not(.breathing-active) .universe-message{visibility:hidden}}.breathing-active .universe-message{text-align:center;min-width:min(260px,80vw);padding:16px 26px}.breath-current-line{white-space:nowrap;justify-content:center;align-items:baseline;gap:16px;display:flex}#breath-current{background:linear-gradient(90deg, #fff var(--phase-progress,0%), #cdd0de var(--phase-progress,0%));color:#0000;-webkit-background-clip:text;background-clip:text}#breath-count{font-variant-numeric:tabular-nums;color:#fff;min-width:.7em;font-size:.8em;font-weight:450}#breath-count:empty{display:none}#breath-next{color:#c7cad7;opacity:.75;letter-spacing:.03em;margin-top:10px;font-size:.53em;line-height:1.5;display:block}#breath-next:before{content:"Después · ";opacity:.75}@media (prefers-reduced-motion:reduce){#breath-current{color:#fff;background:0 0}}.discovery-invitation{width:min(480px,100vw - 40px)}.discovery-composer{border-radius:999px;align-items:center;gap:6px;padding:5px 6px 5px 16px;display:flex}.discovery-composer #discovery-text{color:#fff;min-width:0;height:44px;font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.discovery-composer #discovery-text::placeholder{color:#d3d4e0}.composer-actions{flex-shrink:0;justify-content:flex-end;gap:2px}.discovery-composer .icon-button{width:44px;height:44px}@media (max-width:600px){.discovery-composer{padding:4px 5px 4px 14px}.discovery-invitation{width:calc(100vw - 36px)}}.discovery-confirm{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c184a;border:1px solid #ffffff20;margin:9px auto 0}.chat-toggle{place-items:center;width:44px;height:44px;display:grid;padding:0!important}.discovery-confirm{color:#99ffd9;background:#00ffac15;border-color:#99ffd930;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:auto;min-width:0;height:34px;min-height:34px;margin-top:10px;padding:5px 12px;font-size:11px;line-height:1.2;display:inline-flex}.discovery-confirm svg{width:16px;height:16px}.discovery-confirm:hover{color:#baffea;background:#00ffac25}@media (pointer:coarse){.discovery-confirm{position:relative}.discovery-confirm:after{content:"";position:absolute;inset:-5px 0}}.discovery-composer{isolation:isolate;transition:border-color .4s,box-shadow .4s,transform .4s;position:relative}.voice-capture{flex:1;align-items:center;gap:12px;min-width:0;height:44px;padding-right:8px;display:none}.record-dot{background:#ff719b;border-radius:50%;flex:0 0 6px;width:6px;height:6px;animation:1.2s ease-in-out infinite record-breathe;box-shadow:0 0 12px #ff719b}#voice-wave{flex:1;justify-content:center;align-items:center;gap:3px;height:32px;display:flex;overflow:hidden}#voice-wave i{background:linear-gradient(#e6d9ff,#a89cff);border-radius:9px;flex:0 0 3px;height:10px;max-height:30px;transition:height 90ms linear;animation:.8s ease-in-out infinite alternate voice-flow;display:block}#voice-wave i:nth-child(3n){animation-delay:-.4s}#voice-wave i:nth-child(3n+1){animation-delay:-.15s}#voice-time{color:#f3c9da;font-variant-numeric:tabular-nums;font-size:11px}[data-state=recording] #discovery-text,[data-state=permission] #discovery-text{display:none}[data-state=recording] .voice-capture,[data-state=permission] .voice-capture{animation:.3s ease-out capture-enter;display:flex}[data-state=recording] .discovery-composer{border-color:#ff8eb759;box-shadow:0 0 30px #ff558820}[data-state=recording] #discovery-mic,[data-state=permission] #discovery-mic{color:#ffb0c9;background:#ff558818}[data-state=sending] .discovery-composer{animation:.65s ease-in-out send-bloom}[data-state=sending] .discovery-composer:after{content:"";pointer-events:none;background:#c1c8ff;border-radius:50%;width:9px;height:9px;animation:.65s ease-in-out forwards intention-flight;position:absolute;top:22px;left:24px;box-shadow:0 0 20px 5px #a4b4ff}[data-state=searching] .discovery-composer{border-color:#b8b9ff85;animation:2s ease-in-out infinite search-glow}[data-state=searching] #discovery-send svg{animation:3s linear infinite search-turn}[data-state=arriving] .discovery-composer,[data-state=ready] .discovery-composer,[data-state=fallback] .discovery-composer{animation:.9s ease-out arrival-glow}[data-state=ready] #discovery-status,[data-state=fallback] #discovery-status{animation:.6s ease-out capture-enter}[data-state=searching] #discovery-status:after{content:" · · ·";animation:1.4s ease-in-out infinite record-breathe;display:inline-block}@keyframes voice-flow{0%{opacity:.6;transform:scaleY(.55)}to{opacity:1;transform:scaleY(1)}}@keyframes record-breathe{50%{opacity:.35;transform:scale(.85)}}@keyframes capture-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes send-bloom{50%{transform:scale(.985);box-shadow:0 0 28px #c0bbff55}}@keyframes intention-flight{to{opacity:0;left:calc(100% - 38px);transform:scale(.3)}}@keyframes search-glow{50%{box-shadow:0 0 32px #a3aaff30,inset 0 0 18px #8580ff15}}@keyframes search-turn{to{transform:rotate(360deg)}}@keyframes arrival-glow{30%{border-color:#a6ffdb;box-shadow:0 0 36px #86ffd54d}}@media (prefers-reduced-motion:reduce){.discovery-invitation *,.discovery-composer:after{transition:none!important;animation:none!important}.discovery-composer:after{display:none}}.discovery-delivery{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;pointer-events:none;background:#00000061;border-radius:24px;align-items:center;gap:14px;max-width:85vw;padding:12px 18px;font-size:13px;display:flex;position:fixed;top:43%;left:50%;transform:translate(-50%,-50%)}.discovery-delivery[hidden]{display:none}.delivery-orbit{border:1px solid #fff;border-color:#fff #85ffe4 #ffffff30 #ffffff30;border-radius:50%;flex-shrink:0;width:23px;height:23px;animation:1.8s linear infinite delivery-spin;box-shadow:0 0 18px #82ffe650}@keyframes delivery-spin{to{transform:rotate(360deg)}}.universe-message.listening-message{border:1px solid color-mix(in srgb, var(--listening-color) 28%, transparent);box-shadow:0 6px 35px #0004, 0 0 24px color-mix(in srgb, var(--listening-color) 13%, transparent);color:color-mix(in srgb, var(--listening-color) 48%, white)}.breathing-active .universe-message.listening-message{color:#fff;box-shadow:none;border-color:#0000}.breathing-active .discovery-delivery{visibility:hidden}@media (prefers-reduced-motion:reduce){.delivery-orbit{animation:none}}button,a,input,textarea,select,summary,label{touch-action:manipulation}input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select,.discovery-composer #discovery-text{font-size:16px}.breathing-active .universe-message,.breathing-active .universe-message.listening-message{width:min(310px,76vw);min-width:0;box-shadow:none;isolation:isolate;background:0 0;border:0;padding:0;overflow:visible}.breath-cue{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-shadow:0 2px 8px #000;border:1px solid #ffffff29;border-radius:18px}.breath-current-line{z-index:2;background:#050710c9;justify-content:center;align-items:center;min-height:86px;padding:20px 22px;position:relative;box-shadow:0 12px 35px #0004}.breath-preview-card{text-align:center;opacity:.45;background:#0c1226a8;justify-content:center;align-items:center;min-height:64px;padding:12px 18px;display:flex;position:absolute;inset:-84px 0 auto}.breath-departing{z-index:3;pointer-events:none;position:absolute;inset:0 0 auto}.breath-preview-card[hidden]{display:none}#breath-next{color:#f0efff;opacity:1;letter-spacing:.02em;margin:0;font-size:.57em;line-height:1.4;display:block}#breath-next:before{content:none}@media (max-width:420px){.breath-current-line{min-height:78px;padding:18px}}.post-use-invitation{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070c1866;border:1px solid #ffffff24;border-radius:24px;align-items:center;animation:.9s ease-out post-invite-enter;display:flex;position:fixed;top:18%;left:50%;translate:-50%}.post-use-invitation[hidden],.post-use-thanks[hidden]{display:none}.post-use-invitation .glass-button{background:0 0;border:0;padding:10px 8px 10px 17px;font-size:13px}.post-use-invitation .icon-button{color:#d9dfea;min-width:36px;min-height:36px;font-size:18px}.discovery-dismiss{pointer-events:auto;position:absolute;top:-26px;right:-8px}.discovery-invitation[data-purpose=post] h1{font-size:28px}.discovery-invitation[data-purpose=post] .discovery-caption{margin-bottom:14px;font-size:13px;display:block}.post-use-thanks{z-index:5;color:#f5f2ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#050710c9;border-radius:16px;max-width:80vw;margin:0;padding:12px 18px;animation:5s both post-thanks;position:fixed;top:28%;left:50%;translate:-50%}body:has(.post-use-thanks:not([hidden])) .universe-message{visibility:hidden}@keyframes post-invite-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes post-thanks{0%,to{opacity:0}12%,85%{opacity:1}}@media (prefers-reduced-motion:reduce){.post-use-invitation,.post-use-thanks{animation:none}}.breathing-active .universe-message,.breathing-active .universe-message.listening-message{width:min(230px,64vw);font-size:clamp(24px,3vw,32px)}.breath-current-line{border-color:color-mix(in srgb, var(--breath-color,#9dcfff) 55%, transparent);min-height:72px;box-shadow:0 0 16px color-mix(in srgb, var(--breath-color,#9dcfff) 22%, transparent), inset 0 0 12px #ffffff06;padding:14px 18px}.breath-preview-card{border-color:color-mix(in srgb, var(--breath-color,#9dcfff) 30%, transparent);min-height:48px;padding:9px 14px;top:-68px}.breath-departing>span:last-child{font-variant-numeric:tabular-nums;font-size:.8em}nav .post-use-invitation{animation:.6s ease-out post-invite-enter;position:static;translate:none}nav .post-use-invitation .glass-button{white-space:nowrap;padding:9px 10px;font-size:12px}nav .post-use-invitation .icon-button{min-width:28px;min-height:32px}@media (max-width:600px){nav .post-use-invitation .glass-button{padding:8px;font-size:10px}nav .post-use-invitation .icon-button{min-width:24px}.universe-header{gap:4px}}.post-use-context{color:#d1d4e2;text-shadow:0 2px 8px #000;margin:9px 0 0;font-size:11px;line-height:1.5}.post-use-context[hidden]{display:none}nav .post-use-invitation{z-index:6;border-radius:50%;position:fixed;inset:auto auto 32px calc(50% + 232px);translate:none}nav .post-use-invitation .glass-button{width:46px;height:46px;font-size:inherit;place-items:center;padding:0;display:grid}nav .post-use-invitation svg{pointer-events:none}@media (max-width:680px){nav .post-use-invitation{bottom:105px;left:auto;right:14px}}body.feedback-active .universe-message,body.feedback-active #ambient-card,body.feedback-active #breathing-open,body.feedback-active #user-menu-open,body.feedback-active #discovery-open,body.feedback-active #post-use-invitation,body.feedback-active #discovery-delivery,body.feedback-active #post-use-thanks{visibility:hidden;pointer-events:none}body.feedback-active .discovery-invitation{opacity:1;visibility:visible}#breathing-open,#user-menu-open,#discovery-open,#post-use-invitation{opacity:1;transition:opacity .28s,visibility linear}body.feedback-active #breathing-open,body.feedback-active #user-menu-open,body.feedback-active #discovery-open,body.feedback-active #post-use-invitation{opacity:0;transition:opacity .22s,visibility 0s linear .22s}@media (prefers-reduced-motion:reduce){#breathing-open,#user-menu-open,#discovery-open,#post-use-invitation,body.feedback-active #breathing-open,body.feedback-active #user-menu-open,body.feedback-active #discovery-open,body.feedback-active #post-use-invitation{transition:none}}body.creation-active .universe-header nav,body.creation-active .player,body.creation-active .universe-footer,body.creation-active .discovery-invitation,body.creation-active #universe-message,body.creation-active #discovery-delivery,body.creation-active .ambient-card,body.creation-active .creation-launch,body.feedback-active .creation-launch,body.creation-active .lil-gui{visibility:hidden!important;pointer-events:none!important}.creation-launch{z-index:7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11162677;font-size:12px;position:fixed;bottom:33px;left:calc(50% - 390px)}#creation-workspace{z-index:8;pointer-events:none;animation:.7s ease-out creation-in;position:fixed;inset:0}#creation-workspace[hidden],.creation-tools[hidden],#creation-download[hidden],.creation-toast[hidden]{display:none}#creation-zones{pointer-events:auto;touch-action:none;width:100%;height:100%;position:absolute;inset:0}#creation-zones path{fill:var(--pad);fill-opacity:.035;stroke:var(--pad);stroke-opacity:.14;stroke-width:.2px;cursor:pointer}#creation-zones path:focus-visible{stroke-opacity:1;stroke-width:.7px;fill-opacity:.12;outline:none}#creation-labels{pointer-events:none;position:absolute;inset:0}#creation-labels span{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--pad);background:#03061577;border:1px solid #ffffff18;border-radius:16px;padding:8px 14px;position:absolute;transform:translate(-50%,-50%)}#creation-labels b{font-size:15px;font-weight:500}#creation-labels small{opacity:.7;margin-top:4px;font-size:10px;display:block}.creation-header{letter-spacing:.12em;align-items:center;gap:18px;font-size:12px;display:flex;position:absolute;top:26px;right:26px}.creation-header small{opacity:.65;letter-spacing:.08em;margin-top:5px;font-size:9px;display:block}.creation-header button{pointer-events:auto;font-size:12px}.creation-cue{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0206138a;border-radius:24px;gap:10px;width:230px;padding:14px;display:grid;position:absolute;top:37%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 28px #a78bfa15}#creation-next{opacity:.45;font-size:12px}#creation-phase{font-size:22px;font-weight:400}#creation-count{opacity:.75;font-size:12px}.creation-dock{box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#040916a8;border:1px solid #b8a1ff40;border-radius:22px;width:min(590px,100vw - 28px);padding:12px 16px;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 0 26px #8b5cf625}.creation-meta{color:#c7c8df;justify-content:space-between;gap:10px;font-size:10px;display:flex}.creation-beats{gap:5px;margin:12px 0;display:flex}.creation-beats i{background:#ffffff20;border-radius:3px;flex:1;height:3px}.creation-beats i:nth-child(4n+1){background:#c4a9ff50}.creation-beats i.current{background:#d9c8ff;box-shadow:0 0 12px #b494ff}.creation-controls{align-items:center;gap:8px;display:flex}.creation-controls button{border-radius:50%;place-items:center;min-width:42px;min-height:42px;display:grid}#creation-hint{color:#d2cce3;margin-left:auto;font-size:11px}.creation-tools{gap:12px;max-height:35vh;margin-top:12px;display:grid;overflow:auto}.creation-title-label{align-items:center;gap:12px;font-size:12px;display:flex}.creation-tools input[type=text],#creation-title,.creation-tools select{color:#fff;background:#090d20a8;border:1px solid #ffffff25;border-radius:10px;min-width:0;padding:9px;font-size:16px}#creation-title{flex:1;width:100%}.creation-base{align-items:center;gap:8px;font-size:12px;display:flex}.creation-file-actions{flex-wrap:wrap;gap:8px;display:flex}.creation-file-actions>*{font-size:12px;text-decoration:none}.creation-tools select{width:100%;font-size:13px}#creation-status{color:#d4d1e7;margin:8px 0 0;font-size:11px;line-height:1.45}#creation-status:empty{display:none}.creation-toast{z-index:9;background:#030715c9;border-radius:20px;max-width:80vw;padding:12px 20px;font-size:13px;position:fixed;top:28%;left:50%;transform:translate(-50%)}@keyframes creation-in{0%{opacity:0}to{opacity:1}}@media (max-width:740px){.creation-launch{bottom:105px;left:14px}.creation-header{gap:10px;top:20px;right:14px}.creation-header>span{position:fixed;top:88px;left:18px}.creation-cue{width:190px;top:36%}#creation-phase{font-size:19px}.creation-dock{padding:10px 12px;bottom:14px}.creation-meta{font-size:9px}#creation-hint{font-size:10px}#creation-labels span{padding:6px 10px}#creation-labels b{font-size:13px}}@media (prefers-reduced-motion:reduce){#creation-workspace{animation:none}}body.creation-active #hud,body.creation-active #post-use-thanks,body.creation-active .universe-invitation,body.breathing-active .creation-launch{visibility:hidden!important}.creation-header{z-index:5;pointer-events:none}.creation-header button{pointer-events:auto;min-height:44px}.creation-dock{z-index:6}.creation-cue{z-index:3}@media (max-width:740px){.creation-header{gap:8px}.creation-header button{padding:8px 12px}}#creation-workspace{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#creation-workspace input,#creation-workspace textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.creation-header{gap:10px}.creation-header>span{opacity:.78;margin-right:8px}.creation-header button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#e5e4f1;background:#0a10234d;border:1px solid #ffffff20;border-radius:22px;justify-content:center;align-items:center;gap:7px;transition:background .2s,border-color .2s;display:inline-flex}.creation-header button:hover{background:#18203c85;border-color:#c6b4ff65}.creation-header button:focus-visible{outline-offset:3px;outline:2px solid #cdbaff}.creation-header svg{pointer-events:none;flex-shrink:0}#creation-exit{border-radius:50%;width:44px;height:44px;padding:0}#creation-restart{letter-spacing:.02em;padding:9px 14px;font-size:11px}.creation-tools{border-top:1px solid #ffffff14;padding-top:12px;animation:.24s ease-out creation-tools-in}.creation-file-actions .glass-button{box-sizing:border-box;background:#ffffff06;border-color:#ffffff18;border-radius:14px;justify-content:center;align-items:center;min-height:38px;display:inline-flex}.creation-tools .creation-title-label{color:#c6bfd9}.creation-base{color:#c6bfd9;accent-color:#b9a0ff}@keyframes creation-tools-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.creation-tools{animation:none}.creation-header button{transition:none}}.creation-dock .creation-cue{-webkit-backdrop-filter:none;backdrop-filter:none;width:auto;box-shadow:none;text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:baseline;gap:12px;padding:0;display:flex;position:static;top:auto;left:auto;transform:none}.creation-dock #creation-phase{letter-spacing:-.01em;font-size:15px;font-weight:450}.creation-dock #creation-count{color:#c4bdd4;white-space:nowrap;font-size:11px}#creation-next,#creation-hint{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.creation-session-note{color:#aaa2ba;font-size:10px}.creation-controls{justify-content:center}.creation-beats{margin:10px 0 8px}@media (max-width:740px){.creation-dock .creation-cue{gap:8px}.creation-dock #creation-phase{font-size:14px}.creation-dock #creation-count{font-size:10px}}.creation-export-row{justify-content:flex-end;display:flex}#creation-export-toggle{color:#c9bfdc;background:0 0;border:0;align-items:center;gap:8px;min-height:36px;padding:7px 4px;font-size:11px;display:inline-flex}#creation-export-toggle svg{pointer-events:none;transition:transform .2s}#creation-export-toggle[aria-expanded=true] svg{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){#creation-export-toggle svg{transition:none}}#creation-export-toggle{color:#ded4ef;background:#ffffff06;border:1px solid #ffffff10;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:7px;right:10px}#creation-export-toggle[hidden]{display:none}#creation-export-toggle svg,#creation-export-toggle[aria-expanded=true] svg{transition:none;transform:none}body.creation-active,body.creation-active *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}body.creation-active input,body.creation-active textarea,body.creation-active [contenteditable=true]{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}#creation-labels span{box-shadow:none;background:#0306155c;border:0}#creation-zones path{stroke:none;stroke-opacity:0}#creation-zones path:focus-visible{stroke:none;fill-opacity:.1;outline:none}@media (prefers-reduced-motion:reduce){#creation-labels span{animation:none}}#creation-labels span{animation:.55s ease-out creation-labels-in}@keyframes creation-labels-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){#creation-labels span{animation:none}}.creation-share-simple{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;max-height:none;overflow:visible}.creation-share-simple .creation-title-label{min-width:0}.creation-share-simple #creation-share{color:#eee7ff;white-space:nowrap;background:#a68bf01a;border:1px solid #c6acff38;border-radius:14px;min-height:44px;padding:10px 18px;font-size:13px}.creation-share-simple #creation-share[aria-busy=true]{opacity:.7;cursor:progress}.creation-finished .creation-cue{padding-right:0}body.dialogue-active #ambient-card,body.dialogue-active #universe-message,body.dialogue-active .universe-message,body.dialogue-active #discovery-delivery,body.dialogue-active #post-use-thanks,body.dialogue-active #breathing-open,body.dialogue-active #user-menu-open,body.dialogue-active #discovery-open,body.dialogue-active #post-use-invitation,body.dialogue-active .creation-launch,body.dialogue-active #creation-workspace,body.dialogue-active .creation-toast,body.dialogue-active .lil-gui{visibility:hidden!important;pointer-events:none!important}body.dialogue-active .discovery-invitation{opacity:1;visibility:visible}nav #post-use-invitation{box-sizing:border-box;place-items:center;width:48px;height:48px;padding:0;display:grid}nav #post-use-open{box-sizing:border-box;border:0;border-radius:50%;justify-content:center;align-items:center;width:46px;min-width:0;height:46px;min-height:0;margin:0;line-height:0;display:flex;padding:0!important}nav #post-use-open svg{flex:none;margin:0;display:block}.creation-countdown{letter-spacing:-.025em;pointer-events:none;color:#f2eafa;text-align:center;background:#03061588;border-radius:18px;margin:0;padding:12px 24px;font-size:clamp(26px,4vw,42px);font-weight:300;position:fixed;top:28%;left:50%;translate:-50%;box-shadow:0 0 28px #0003}#creation-zones,#creation-labels,.creation-dock{animation:.55s ease-out creation-in}#breathing-open,#user-menu-open,#discovery-open,#post-use-invitation,.creation-launch,.universe-header nav{opacity:1;transition:opacity .24s,transform .24s,visibility}body.dialogue-active :is(#breathing-open,#user-menu-open,#discovery-open,#post-use-invitation,.creation-launch),body.creation-active :is(.universe-header nav,.creation-launch){opacity:0;transition:opacity .22s,transform .22s,visibility 0s .22s;transform:translateY(-5px)}nav #post-use-invitation{border:0;box-shadow:inset 0 0 0 1px #ffffff24}nav #post-use-open{width:48px;height:48px}nav #post-use-open svg{width:22px;height:22px;overflow:visible}@media (prefers-reduced-motion:reduce){#breathing-open,#user-menu-open,#discovery-open,#post-use-invitation,.creation-launch,.universe-header nav{transition:none!important}#creation-zones,#creation-labels,.creation-dock{animation:none}}.creation-countdown{width:min(230px,72vw);box-shadow:none;background:0 0;padding:0}.creation-count-current,.creation-count-next,.creation-count-departing{box-sizing:border-box;text-align:center;background:#050710c9;border-color:#c7b3ff50;border-radius:18px;justify-content:center;align-items:center;min-height:72px;padding:14px 18px;display:flex;box-shadow:0 0 20px #af8cff1c,inset 0 0 12px #ffffff06}.creation-count-current{z-index:2;position:relative}.creation-count-next{opacity:.45;background:#0c1226a8;min-height:48px;font-size:.65em;position:absolute;inset:-64px 0 auto}.creation-count-departing{z-index:3;pointer-events:none;position:absolute;inset:0 0 auto}.creation-musical-info{color:#b7accb;letter-spacing:.03em;align-items:center;gap:7px;margin-top:5px;font-size:10px;display:flex}.creation-musical-info>span{opacity:.5}.creation-launch{border-radius:50%;place-items:center;width:46px;height:46px;padding:0;display:grid}.creation-launch svg{pointer-events:none;display:block}.instrument-controls{z-index:3;left:max(14px, env(safe-area-inset-left));pointer-events:auto;flex-direction:column;align-items:center;gap:10px;max-height:calc(100dvh - 180px);display:flex;position:fixed;top:50%;overflow-y:auto;transform:translateY(-50%)}.instrument-controls[hidden]{display:none}.instrument-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;touch-action:manipulation;background:#10132160;border:1px solid #ffffff28;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:22px;transition:opacity .2s,background .2s,box-shadow .2s;display:grid}.instrument-toggle[aria-pressed=true]{background:#ffffff1a;box-shadow:inset 0 0 12px #ffffff10}.instrument-toggle[aria-pressed=false]{opacity:.4}.instrument-toggle:focus-visible{outline-offset:3px;outline:2px solid #fff}body.feedback-active .instrument-controls,body.creation-active .instrument-controls{visibility:hidden;pointer-events:none}.instrument-toggle>span{pointer-events:none;place-items:center;display:grid}@media (max-width:480px){.instrument-controls{left:max(8px, env(safe-area-inset-left));gap:8px}.instrument-toggle{width:44px;height:44px}}.dev-meter{z-index:20;bottom:max(4px, env(safe-area-inset-bottom));left:max(9px, env(safe-area-inset-left));color:#ffffff70;font-variant-numeric:tabular-nums;letter-spacing:.025em;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0005;border-radius:5px;padding:2px 5px;font:9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;position:fixed}.audio-diagnostics{white-space:pre-wrap;overflow-wrap:anywhere;color:#b6bfd0;font:10px/1.5 ui-monospace,Consolas,monospace}.ambient-card{padding-inline:10px}.universe-message,.breath-current-line{padding-inline:12px}.breath-preview-card{padding-inline:10px}#development-data-notice{z-index:20;color:#d4cff0;pointer-events:none;white-space:nowrap;background:#080c1dcc;border:1px solid #b9a7ff40;border-radius:20px;margin:0;padding:5px 12px;font:10px/1.4 system-ui;position:fixed;top:65px;left:50%;translate:-50%}.listener-profile-open{z-index:25;padding:8px 12px;font-size:11px;position:fixed;top:18px;left:18px}#listener-profile{color:#f3efff;z-index:1000;background:#121527f2;border:1px solid #ffffff26;border-radius:22px;width:min(420px,100% - 32px);max-height:90dvh;margin:auto;padding:26px;font:13px/1.55 system-ui;position:fixed;inset:0;overflow:auto}#listener-profile::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05071499}#listener-profile label{margin:13px 0;font-size:12px;display:block}#listener-profile input,#listener-profile select{box-sizing:border-box;color:#fff;background:#22283b;border:1px solid #ffffff26;border-radius:9px;width:100%;margin:5px 0;padding:11px;font:16px system-ui;display:block}#listener-profile p,#listener-profile small{color:#c2bdd4}#listener-profile h2{margin:10px 0;font-size:22px}#listener-profile .listener-profile-close{float:right;color:#fff;cursor:pointer;background:0 0;border:0;font-size:24px}body[data-listener-policy=restricted] #creation-open,body[data-listener-policy=restricted] #breathing-open{opacity:.45}.rhythm-active #universe-message,.rhythm-active .discovery-invitation,.rhythm-active .ambient-card,.rhythm-active .creation-launch,.rhythm-active #discovery-delivery,.rhythm-active #post-use-thanks,.rhythm-active .lil-gui,.rhythm-active .universe-header nav,.rhythm-active #listener-profile-open{visibility:hidden!important;pointer-events:none!important}.rhythm-active .player{opacity:.5}.rhythm-active .instrument-controls{visibility:hidden;pointer-events:none}#rhythm-workspace{z-index:45;pointer-events:none;color:#f7f4ff;-webkit-user-select:none;user-select:none;background:radial-gradient(#08091a22,#08091a77);font-family:system-ui;position:fixed;inset:0;overflow:auto}#rhythm-workspace button,#rhythm-workspace details{pointer-events:auto}#rhythm-workspace [hidden]{display:none!important}.rhythm-header{justify-content:space-between;align-items:center;margin:28px 32px;display:flex}.rhythm-header h2{letter-spacing:-.6px;margin:5px 0;font-size:20px;font-weight:500}.rhythm-eyebrow{letter-spacing:2.6px;color:#c1b9e5;font-size:9px}.rhythm-stage{text-align:center;text-shadow:0 2px 20px #000b;width:min(500px,100% - 30px);margin:0 auto;position:relative}.rhythm-levels{color:#a09ab4;justify-content:center;gap:20px;margin:10px 0 24px;font-size:11px;display:flex}.rhythm-levels .current{color:#b8ffe5;text-shadow:0 0 18px #76f3c0}.rhythm-next{letter-spacing:3px;color:#c0b7df;min-height:22px;font-size:13px}#rhythm-instruction{letter-spacing:-1px;margin:10px 0;font-size:clamp(27px,5vw,44px);font-weight:450}#rhythm-hint{color:#d0c8de;font-size:13px}.rhythm-orbit{width:260px;height:220px;margin:8px auto;position:relative}#rhythm-pad{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;touch-action:manipulation;cursor:pointer;background:radial-gradient(circle,#8072c933,#1b163244);border:1px solid #c7b9ff99;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:118px;height:118px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 26px #d2baff22,0 0 50px #9b76ff33}#rhythm-pad[data-grade=perfect]{border-color:#8cffda;box-shadow:0 0 55px #71f8bb55}#rhythm-pad[data-grade=extra]{border-color:#d3b0c0}#rhythm-symbol{font-size:43px;line-height:1.1}#rhythm-pad small{letter-spacing:2px;color:#d4cbe6;margin-top:9px;font-size:8px}#rhythm-halo{pointer-events:none;border:1px solid #c5b5ff;border-radius:50%;width:150px;height:150px;position:absolute;top:50%;left:50%;box-shadow:0 0 30px #a380ef55}#rhythm-lane{pointer-events:none;position:absolute;inset:0}#rhythm-lane i{background:#c5bcff;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;box-shadow:0 0 13px #a6bbff}.rhythm-stats{text-transform:uppercase;letter-spacing:1px;color:#c3bdd5;justify-content:center;gap:38px;font-size:8px;display:flex}.rhythm-stats b{letter-spacing:-.5px;color:#fff;margin:4px;font-size:23px;font-weight:500;display:block}#rhythm-feedback{color:#c8f6e6;min-height:36px;font-size:12px}#rhythm-progress{background:#ffffff15;border-radius:10px;height:3px;margin:18px 25px;overflow:hidden}#rhythm-progress i{background:linear-gradient(90deg,#ad8bff,#84f7d8);width:0;height:100%;display:block}#rhythm-actions{margin:16px}#rhythm-settings{color:#d2c9e4;text-align:left;background:#0e102599;border-radius:12px;width:min(330px,100%);margin:20px auto;padding:10px;font-size:10px}#rhythm-settings input{width:100%}#rhythm-settings label{padding-top:14px;display:block}.rhythm-track{color:#bcb2d4;margin:18px 0 100px;font-size:10px}#rhythm-result{pointer-events:auto;box-sizing:border-box;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111326bb;border:1px solid #ffffff25;border-radius:28px;width:min(460px,100% - 36px);margin:5vh auto 120px;padding:35px 25px;position:relative;box-shadow:0 0 80px #9980ee22}#rhythm-result h3{letter-spacing:-1px;font-size:28px;font-weight:450}#rhythm-stars{letter-spacing:8px;color:#aff4d8;font-size:34px}#rhythm-final-score{font-size:42px;font-weight:500}#rhythm-record,#rhythm-rounds,#rhythm-save{color:#c9bedf;font-size:12px}#rhythm-rounds{margin:23px 0}.rhythm-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#rhythm-result button{font-size:11px}#rhythm-workspace button:focus-visible{outline-offset:4px;outline:2px solid #c9ffe5}@media (max-height:750px){.rhythm-header{margin:16px 22px}.rhythm-levels{margin:5px 0 12px}.rhythm-orbit{height:180px}.rhythm-track{margin:12px 0 100px}#rhythm-instruction{font-size:28px}#rhythm-settings{margin:10px auto}}@media (prefers-reduced-motion:reduce){#rhythm-halo{transform:translate(-50%,-50%)!important}#rhythm-pad{animation:none!important}}.rhythm-active .universe-header{visibility:hidden!important;pointer-events:none!important}#rhythm-workspace .rhythm-header{visibility:visible}#rhythm-workspace .rhythm-stage{padding-bottom:35px}#rhythm-workspace #rhythm-pad{will-change:transform}#rhythm-workspace #rhythm-feedback{text-shadow:0 1px 6px #000;background:#090d1d88;border-radius:12px;padding:8px 12px}@keyframes rhythm-orbit-pulse{0%{opacity:.65;transform:translate(-50%,-50%)scale(1)}to{opacity:.12;transform:translate(-50%,-50%)scale(1.18)}}#rhythm-halo{will-change:transform, opacity;animation:.5s ease-out infinite paused rhythm-orbit-pulse}@media (prefers-reduced-motion:reduce){#rhythm-halo{animation:none!important}}#rhythm-pad{background:radial-gradient(circle,#252139dd,#111426d9)}@media (max-height:850px){.rhythm-header{margin:16px 22px}.rhythm-levels{margin:4px 0 10px}.rhythm-next{min-height:18px;margin:6px 0}#rhythm-instruction{margin:7px 0;font-size:28px}#rhythm-hint{margin:6px 0}.rhythm-orbit{height:150px;margin:6px auto}#rhythm-feedback{min-height:28px;margin:6px 0}.rhythm-stats b{font-size:21px}#rhythm-progress{margin:12px 25px}#rhythm-actions{margin:10px}#rhythm-settings{margin:10px auto}.rhythm-track{margin:8px 0 95px}#rhythm-workspace .rhythm-stage{padding-bottom:0}}@media (max-width:600px){.rhythm-header h2{font-size:18px}.rhythm-header{margin:16px 18px}.rhythm-levels{gap:12px;font-size:10px}.rhythm-next{letter-spacing:2px;font-size:11px}#rhythm-result{margin-top:20px}.rhythm-stats{gap:28px}}.module-invitation{z-index:42;opacity:0;box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f7f3ff;pointer-events:none;background:linear-gradient(130deg,#151627dc,#252039c9);border:1px solid #d1c2ff35;border-radius:22px;width:min(360px,100% - 36px);padding:22px 24px;font:13px/1.5 system-ui;transition:opacity .25s,transform .25s;position:fixed;bottom:125px;left:50%;transform:translate(-50%,12px);box-shadow:0 15px 65px #0004}.module-invitation.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.module-invitation h2{letter-spacing:-.5px;margin:6px 18px 9px 0;font-size:20px;font-weight:500}.module-invitation p{color:#c5bfd8;margin:8px 0 17px}.module-invitation .module-invitation-eyebrow{letter-spacing:2px;color:#b0e4d7;margin:0;font-size:8px}.module-invitation>div{flex-wrap:wrap;gap:9px;display:flex}.module-invitation #module-invitation-accept{background:#b5e5d51f;border-color:#b5e5d56b}.module-invitation-close{color:#c9c2dd;cursor:pointer;background:0 0;border:0;padding:5px 9px;font-size:22px;position:absolute;top:9px;right:12px}.module-invitation-active #universe-message,.module-invitation-active #post-use-thanks{visibility:hidden;pointer-events:none}.module-invitation-settings{margin-top:24px;font-size:12px}.module-invitation-settings label{align-items:center;gap:10px;display:flex}.module-invitation-settings p{color:#bdb8cd;font-size:11px}@media (max-height:600px){.module-invitation{padding:16px 20px;bottom:105px}}@media (prefers-reduced-motion:reduce){.module-invitation{transition:none;transform:translate(-50%)}}.modules-debug-open{z-index:60;opacity:.7;padding:7px 10px;font:10px system-ui;position:fixed;bottom:42px;left:14px}.modules-debug{color:#f3f0ff;background:#11162af2;border-radius:22px;width:min(620px,100% - 30px);max-height:85dvh;padding:26px;font:13px/1.5 system-ui;overflow:auto}.modules-debug::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03061588}.modules-debug header{justify-content:space-between;align-items:center;display:flex}.modules-debug header p{letter-spacing:2px;color:#b9aed7;font-size:8px}.modules-debug h2{margin:4px 0;font-size:24px;font-weight:500}.modules-debug p{color:#b8b5cb;font-size:12px}.modules-debug section{background:#ffffff04;border:1px solid #ffffff19;border-radius:14px;margin:14px 0;padding:16px}.modules-debug h3{margin:0;font-size:15px}.modules-debug section>div{gap:10px;display:flex}.modules-debug button{font-size:11px}.modules-debug #modules-debug-cancel{border-color:#de9fb84d;margin-top:10px}.notes-active .universe-header,.notes-active #universe-message,.notes-active .creation-launch,.notes-active .discovery-invitation,.notes-active .ambient-card,.notes-active .instrument-controls,.notes-active #listener-profile-open,.notes-active #post-use-thanks,.notes-active .lil-gui{visibility:hidden!important;pointer-events:none!important}.notes-active .player{opacity:.5}#notes-workspace{z-index:45;pointer-events:none;color:#f4f0ff;-webkit-user-select:none;user-select:none;background:radial-gradient(#080d1c11,#08091a88);font:13px/1.5 system-ui;position:fixed;inset:0;overflow:auto}#notes-workspace [hidden]{display:none!important}#notes-workspace button,#notes-options{pointer-events:auto}#notes-workspace>header{justify-content:space-between;align-items:center;margin:22px 28px;display:flex}#notes-workspace h2{margin:4px 0;font-size:21px;font-weight:500}.notes-eyebrow{letter-spacing:2.5px;color:#b9e6da;font-size:8px}.notes-center{text-align:center;width:min(540px,100% - 32px);margin:auto;padding-bottom:110px}#notes-step{letter-spacing:-.5px;margin:12px 0;font-size:23px}#notes-hint{color:#c5c0d7;margin-bottom:14px;font-size:11px}#notes-board{--board-h:260px;--note-travel:calc(var(--board-h) - 86px);height:var(--board-h);background:repeating-linear-gradient(90deg,#11132977 0 calc(20% - 1px),#d3bfff22 calc(20% - 1px) 20%);border:1px solid #d1bfff24;border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #03061655}#notes-targets{pointer-events:none;position:absolute;inset:0 0 48px}.falling-note{box-sizing:border-box;will-change:transform;pointer-events:none;background:linear-gradient(130deg,#b4a7f0b0,#4ca6ceaa);border:1px solid #c5baffaa;border-radius:12px;place-items:center;width:52px;height:32px;font-size:12px;display:grid;position:absolute;top:0;box-shadow:0 0 22px #c0a3ff55}.notes-hit-line{background:linear-gradient(90deg,#ab8dff55,#b9ffe9,#ab8dff55);height:2px;position:absolute;bottom:70px;left:0;right:0;box-shadow:0 0 20px #aaf4dc66}#notes-pads{grid-template-columns:repeat(5,1fr);gap:1px;height:48px;display:grid;position:absolute;inset:auto 0 0}.note-pad{touch-action:manipulation;color:#dcd5f0;cursor:pointer;background:#21233eaa;border:0;border-top:1px solid #d2c5ff44;font-size:12px}.note-pad[data-hit=perfect],.note-pad[data-hit=good]{color:#d4fff1;background:#25676cbb}.note-pad[data-hit=extra]{background:#49334baa}#notes-feedback{color:#c5ebdd;background:#070a18aa;border-radius:12px;min-height:34px;padding:8px;font-size:12px}.notes-numbers{color:#bcb5ce;text-transform:uppercase;letter-spacing:1px;justify-content:center;gap:40px;margin:12px;font-size:8px;display:flex}.notes-numbers b{color:#fff;letter-spacing:-.4px;font-size:23px;font-weight:500;display:block}#notes-options{color:#beb6d1;margin:16px auto;font-size:10px}#notes-options label{align-items:center;gap:8px;margin:5px 10px;display:inline-flex}#notes-options input[type=range]{width:100px}#notes-key{color:#b7b2cd;margin:14px;font-size:10px}#notes-result{pointer-events:auto;box-sizing:border-box;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#14182bd9;border:1px solid #d8c6ff33;border-radius:25px;width:min(440px,100% - 34px);margin:30px auto 120px;padding:30px 24px}#notes-result h3{letter-spacing:-.6px;font-size:25px;font-weight:450}#notes-stars{letter-spacing:5px;color:#b3f6dc;font-size:36px}#notes-final-score{font-size:38px;font-weight:500}#notes-record,#notes-stage-results,#notes-save,#notes-accuracy{color:#c1bad7;font-size:12px}#notes-result button{margin:4px;font-size:11px}#notes-workspace button:focus-visible{outline-offset:3px;outline:2px solid #baffdf}@media (max-height:850px){#notes-workspace>header{margin:14px 22px}#notes-board{--board-h:190px}#notes-step{margin:8px 0;font-size:21px}#notes-hint{margin:7px 0 12px}.notes-numbers{margin:10px}#notes-feedback{min-height:28px;margin:8px 0}#notes-options,#notes-key{margin:8px}}@media (max-width:600px){.falling-note{width:42px}.note-pad{font-size:10px}.notes-numbers{gap:32px}}@media (prefers-reduced-motion:reduce){.falling-note{box-shadow:none}#notes-board{background:#111329cc}}#modules-debug-cancel{background:#292038ed;position:sticky;bottom:0}.modules-debug-open:focus-visible{opacity:1;outline-offset:3px;outline:2px solid #bff2dc}.modules-debug section{margin:10px 0;padding:12px 14px}.modules-debug section p{margin:6px 0 10px;font-size:11px}.modules-debug h3{font-size:14px}.pulse-active .universe-header,.pulse-active #universe-message,.pulse-active .creation-launch,.pulse-active .discovery-invitation,.pulse-active .ambient-card,.pulse-active .instrument-controls,.pulse-active #listener-profile-open,.pulse-active #post-use-thanks,.pulse-active .lil-gui,.pulse-silent .player,.pulse-silent #dev-meter{visibility:hidden!important;pointer-events:none!important}.pulse-active .player{opacity:.5}#pulse-workspace{z-index:45;pointer-events:none;color:#f4f0ff;-webkit-user-select:none;user-select:none;background:radial-gradient(#0a102633,#080b1c88);font:13px/1.5 system-ui;position:fixed;inset:0;overflow:auto}#pulse-workspace [hidden]{display:none!important}#pulse-workspace button,#pulse-offset-label{pointer-events:auto}#pulse-workspace>header{justify-content:space-between;align-items:center;margin:22px 28px;display:flex}#pulse-workspace h2{margin:5px 0;font-size:22px;font-weight:500}.pulse-center{text-align:center;width:min(470px,100% - 36px);margin:20px auto 110px}#pulse-round{color:#bdb4d6;letter-spacing:1px;font-size:11px}#pulse-instruction{letter-spacing:-.8px;margin:20px 0 10px;font-size:32px;font-weight:450}#pulse-hint{color:#c9c0dc;max-width:390px;margin:10px auto 20px;font-size:12px}#pulse-pad{color:#f5efff;touch-action:manipulation;cursor:pointer;background:radial-gradient(circle,#282445cc,#11182ad9);border:1px solid #bda9ff77;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;margin:18px auto;display:flex;box-shadow:0 0 80px #9970dc22}#pulse-pad span{font-size:70px;font-weight:200;line-height:1.1}#pulse-pad small{letter-spacing:1.8px;color:#c1b9d6;font-size:8px}#pulse-feedback{color:#c5e9dc;background:#090d1daa;border-radius:13px;min-height:38px;padding:12px 18px;font-size:12px}#pulse-offset-label{color:#bcb4cf;justify-content:center;align-items:center;gap:10px;margin:20px;font-size:10px;display:flex}#pulse-offset{width:100px}#pulse-result{pointer-events:auto;box-sizing:border-box;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#14172bd9;border:1px solid #ddc5ff33;border-radius:26px;width:min(440px,100% - 34px);margin:30px auto 120px;padding:30px}#pulse-result h3{letter-spacing:-.7px;font-size:26px;font-weight:450}#pulse-stars{color:#a7edcf;letter-spacing:5px;font-size:34px}#pulse-score{font-size:40px;font-weight:500}#pulse-rounds,#pulse-record,#pulse-save{color:#c6bed9;font-size:12px}#pulse-result button{margin:4px;font-size:11px}#pulse-workspace button:focus-visible{outline-offset:4px;outline:2px solid #c2ffe1}@media (max-height:750px){#pulse-workspace>header{margin:14px 22px}.pulse-center{margin-top:10px}#pulse-instruction{margin-top:14px;font-size:28px}#pulse-pad{width:130px;height:130px;margin:12px auto}#pulse-pad span{font-size:58px}#pulse-hint{margin-bottom:10px}}.echo-active .universe-header,.echo-active #universe-message,.echo-active .creation-launch,.echo-active .discovery-invitation,.echo-active .ambient-card,.echo-active .instrument-controls,.echo-active #listener-profile-open,.echo-active #discovery-delivery,.echo-active #post-use-thanks,.echo-active .lil-gui{visibility:hidden!important;pointer-events:none!important}.echo-active .player{opacity:.5}#echo-workspace{z-index:45;pointer-events:none;color:#f4f0ff;-webkit-user-select:none;user-select:none;background:radial-gradient(#08091a11,#08091a66);font:13px/1.5 system-ui;position:fixed;inset:0;overflow:auto}#echo-workspace[hidden],#echo-workspace [hidden],#module-completion-receipt[hidden]{display:none!important}#echo-workspace button,#echo-workspace label{pointer-events:auto}#echo-workspace>header{justify-content:space-between;align-items:center;margin:22px 28px;display:flex}#echo-title{margin:5px 0;font-size:21px;font-weight:450}.echo-center{text-align:center;text-shadow:0 2px 16px #000;width:min(440px,100% - 32px);margin:5vh auto 120px}#echo-round{letter-spacing:1.5px;color:#d8cbed;font-size:11px}#echo-instruction{letter-spacing:-1px;margin:20px 0 12px;font-size:clamp(26px,4vw,38px);font-weight:450;line-height:1.2}#echo-hint{color:#d4cde1;max-width:340px;margin:0 auto;font-size:12px}#echo-pattern{justify-content:center;align-items:center;gap:15px;min-height:38px;margin:16px 0;transition:opacity .3s;display:flex}#echo-pattern i{background:#241c38;border:1px solid #d2b9ff55;border-radius:50%;width:9px;height:9px;font-size:0;transition:background 80ms,box-shadow 80ms}#echo-pattern i.lit{background:#d6b9ff;box-shadow:0 0 20px #c79eff}#echo-pattern.remember{opacity:.2}#echo-pad{color:#f6eaff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:manipulation;cursor:pointer;background:radial-gradient(circle,#352448d9,#141329cc);border:1px solid #d4b9ff88;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;margin:12px auto;display:flex;box-shadow:inset 0 0 30px #d6b9ff11,0 0 40px #ad8aff22}#echo-pad span{font-size:65px;line-height:1.1}#echo-pad small{letter-spacing:2px;margin-top:8px;font-size:8px}#echo-feedback{color:#e3d7f1;background:#070a18b8;border-radius:14px;max-width:340px;min-height:36px;margin:16px auto;padding:8px 12px;font-size:12px}#echo-offset-label{color:#d8cbe7;max-width:260px;margin:16px auto;font-size:10px;display:block}#echo-offset{width:100%;display:block}#echo-result{pointer-events:auto;box-sizing:border-box;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#101325bf;border:1px solid #d2b9ff33;border-radius:26px;width:min(420px,100% - 30px);margin:3vh auto 120px;padding:28px 20px;box-shadow:0 0 80px #a27bdc22}#echo-result h3{letter-spacing:-.8px;font-size:29px;font-weight:450}#echo-stars{color:#baffdf;letter-spacing:6px;font-size:32px}#echo-score{font-size:40px;font-weight:450}#echo-rounds,#echo-save,#echo-record{color:#d2c6e3;font-size:12px}#echo-result button{margin:4px;font-size:11px}#echo-workspace button:focus-visible{outline-offset:4px;outline:2px solid #bbffe0}#module-completion-receipt{z-index:44;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ded6ed;background:#0b0e22dc;border:1px solid #c5b9ed33;border-radius:16px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:8px 12px;font:11px/1.5 system-ui;display:flex;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}#module-completion-receipt button{padding:6px 9px;font-size:10px}body.dialogue-active #echo-workspace,body.feedback-active #echo-workspace,body.dialogue-active #module-completion-receipt,body.feedback-active #module-completion-receipt,body.echo-active #module-completion-receipt,body.rhythm-active #module-completion-receipt,body.notes-active #module-completion-receipt,body.pulse-active #module-completion-receipt,body.creation-active #module-completion-receipt{visibility:hidden;pointer-events:none}body:has(dialog[open]) #module-completion-receipt{visibility:hidden;pointer-events:none}@media (max-height:750px){#echo-workspace>header{margin:14px 20px}.echo-center{margin-top:10px}#echo-instruction{margin-top:12px;font-size:28px}#echo-pad{width:122px;height:122px}#echo-pattern{margin:10px 0}#echo-pad span{font-size:51px}#echo-hint{font-size:11px}}@media (prefers-reduced-motion:reduce){#echo-pattern,#echo-pattern i{transition:none}}.breathing-active .universe-message,.breathing-active .universe-message.listening-message{width:max-content;max-width:min(260px,85vw);padding-inline:0}.breath-current-line{border-radius:15px;gap:10px;min-height:58px;padding:10px 12px}.breath-preview-card{border-radius:12px;width:max-content;min-width:90px;min-height:35px;padding:6px 10px;font-size:18px;inset:-51px auto auto 50%;translate:-50%}.module-invitation{background:linear-gradient(130deg,#151627d9,#211b30bf);border-color:#b19aff80;border-radius:18px;width:min(310px,100% - 30px);padding:14px;box-shadow:0 0 18px #a27aff25,inset 0 0 13px #a8e9e908,0 10px 35px #0004}.module-invitation h2{margin:5px 18px 7px 0;font-size:18px;line-height:1.25}.module-invitation p{margin:6px 0 12px;font-size:12px}.module-invitation .module-invitation-eyebrow{letter-spacing:1.6px;font-size:7px}.module-invitation .glass-button{padding:8px 10px;font-size:10px}.module-invitation>div{gap:7px}.module-invitation-close{top:5px;right:8px}#rhythm-workspace,#echo-workspace,#pulse-workspace{background:radial-gradient(#0b102011,#08091a33)}.rhythm-stage,.echo-center,.pulse-center{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(150deg,#15172ba3,#11152673);border:1px solid #c4acff35;border-radius:24px;width:min(360px,100% - 30px);margin:3vh auto 115px;box-shadow:0 0 40px #9677d414;padding:16px 14px 20px!important}#rhythm-instruction,#echo-instruction,#pulse-instruction{letter-spacing:-.6px;margin:12px 0 8px;font-size:26px;font-weight:450;line-height:1.2}#rhythm-hint,#echo-hint,#pulse-hint{color:#d8cee6;max-width:300px;margin:8px auto 12px;font-size:12px;line-height:1.6}.rhythm-levels{gap:14px;margin:3px 0 10px;font-size:9px}.rhythm-next{letter-spacing:1.8px;margin:8px 0;font-size:11px}.rhythm-orbit{width:min(260px,100%);height:210px;margin:6px auto}#rhythm-pad{background:#18172cdd;border-color:#b8a2ef88;width:76px;height:76px;top:auto;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 24px #b9a0ff22}#rhythm-symbol{font-size:27px}#rhythm-pad small{letter-spacing:1px;margin-top:3px;font-size:7px}#rhythm-halo{opacity:.35;width:92px;height:92px;animation:none;top:auto;bottom:-8px;transform:translate(-50%)!important}#rhythm-lane{height:0;inset:auto 0 38px 50%}#rhythm-lane i{will-change:transform;background:#d6c5ff;border:1px solid #e8dcff;width:10px;height:10px;top:0;left:0;box-shadow:0 0 17px #b7a0ff88}.rhythm-stats{gap:25px;font-size:7px}.rhythm-stats b{font-size:18px}#rhythm-feedback,#echo-feedback,#pulse-feedback{box-sizing:border-box;background:#070a18a6;border-radius:12px;min-height:30px;margin:10px auto;padding:8px 10px;font-size:12px;line-height:1.5}#rhythm-settings{box-sizing:border-box;max-width:100%;margin:12px auto;font-size:10px}.rhythm-track{margin:12px 0 0;font-size:9px;line-height:1.5}#echo-pad,#pulse-pad{background:radial-gradient(circle,#3a2b5055,#13172b99);border-color:#c8b5f477;width:105px;height:105px;margin:14px auto;box-shadow:0 0 35px #ac82ee20}#echo-pad span,#pulse-pad span{font-size:48px}#echo-pad small,#pulse-pad small{letter-spacing:1.3px;font-size:7px}.module-turns{justify-content:center;gap:9px;margin:15px 0 6px;display:flex}.module-turns span{color:#a69ab9;border:1px solid #b8a7d922;border-radius:20px;padding:5px 9px;font-size:10px}#echo-workspace[data-turn=listen] [data-turn=listen],#echo-workspace[data-turn=play] [data-turn=play]{color:#e6fff3;background:#b3e9db0c;border-color:#b3e9db88;box-shadow:0 0 15px #b3e9db18}#echo-workspace[data-turn=play] #echo-pad{border-color:#b3f7dc;box-shadow:0 0 35px #93e2bc44}#pulse-offset-label{margin:14px 0;font-size:9px}#pulse-round,#echo-round{letter-spacing:.8px;font-size:10px}@media (max-height:750px){.rhythm-stage,.echo-center,.pulse-center{margin-top:8px;padding-top:12px!important}.rhythm-orbit{height:155px}#rhythm-instruction,#echo-instruction,#pulse-instruction{font-size:24px}#rhythm-feedback{margin:8px auto}.rhythm-header{margin:12px 18px}}.breath-current-line{min-width:max-content}.breath-preview-card #breath-next{font-size:17px}#echo-workspace{--echo-color:#c6adff;background:0 0}#echo-workspace .echo-center{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:0;width:min(440px,100% - 30px);margin-top:5vh;padding:10px 12px 20px!important}#echo-round{background:#05091766;border-radius:20px;width:-moz-fit-content;width:fit-content;margin:0 auto 12px;padding:4px 9px}#echo-instruction{text-shadow:0 2px 16px #000,0 0 30px #000;font-size:27px}#echo-hint{background:#05091766;border-radius:14px;width:-moz-fit-content;width:fit-content;max-width:330px;padding:7px 12px;font-size:12px}#echo-workspace .module-turns span{color:#cdc3dd;background:#05091777;border:0;padding:5px 10px}#echo-workspace .module-turns [data-turn]{box-shadow:none}#echo-workspace[data-turn=listen] [data-turn=listen],#echo-workspace[data-turn=play] [data-turn=play]{color:#fff;background:color-mix(in srgb, var(--echo-color) 18%, #05091799);text-shadow:0 0 12px var(--echo-color)}#echo-pattern i{background:color-mix(in srgb, var(--echo-color) 45%, white);opacity:.5;width:5px;height:5px;box-shadow:0 0 10px var(--echo-color);border:0}#echo-pattern i.lit{opacity:1;box-shadow:0 0 18px var(--echo-color);background:#fff}.echo-orbit{isolation:isolate;--echo-glow:var(--echo-color);width:210px;height:180px;margin:0 auto;position:relative}#echo-workspace #echo-pad{width:150px;height:150px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:2;background:0 0;border:0;gap:28px;margin:auto;position:absolute;inset:0}#echo-workspace #echo-pad .echo-light-core{width:15px;height:15px;box-shadow:0 0 14px white, 0 0 30px var(--echo-color), 0 0 65px var(--echo-color);background:#faffff;border-radius:50%;font-size:0;display:block}#echo-pad small{letter-spacing:2px;text-shadow:0 1px 12px #000;background:#05091777;border-radius:12px;padding:4px 8px;font-size:8px;position:absolute;bottom:19px}.echo-light-wave{pointer-events:none;opacity:0;background:radial-gradient(circle, #fffb 0%, color-mix(in srgb, var(--echo-color) 60%, transparent) 12%, color-mix(in srgb, var(--echo-color) 32%, transparent) 30%, transparent 65%);mix-blend-mode:screen;width:210px;height:210px;box-shadow:inset 0 0 24px color-mix(in srgb, var(--echo-color) 32%, transparent);z-index:1;border-radius:50%;position:absolute;top:-15px;left:0}.echo-light-wave[data-kind=answer]{background:radial-gradient(circle, #fffc 0%, color-mix(in srgb, var(--echo-color) 75%, transparent) 15%, color-mix(in srgb, var(--echo-color) 38%, transparent) 35%, transparent 68%)}#echo-workspace #echo-feedback{background:#05091788;width:-moz-fit-content;width:fit-content;max-width:340px;min-height:0;margin-top:4px;padding:7px 12px}#echo-workspace[data-turn=play] #echo-pad{box-shadow:none;border:0}#echo-workspace[data-turn=play] .echo-light-core{width:19px;height:19px;box-shadow:0 0 16px white, 0 0 40px var(--echo-color), 0 0 85px var(--echo-color)}#echo-offset-label{background:#05091777;border-radius:12px;padding:8px 12px}@media (max-height:750px){#echo-workspace .echo-center{margin-top:8px}.echo-orbit{height:150px}#echo-pattern{margin:10px 0}.echo-light-wave{top:-30px}#echo-pad small{bottom:12px}}@media (prefers-reduced-motion:reduce){.echo-light-wave{display:none}#echo-workspace #echo-pad .echo-light-core{box-shadow:0 0 16px var(--echo-color)}}.music-footer{transition:transform .45s,opacity .35s}body:is(.rhythm-active,.notes-active,.echo-active,.pulse-active) .music-footer{opacity:0;pointer-events:none;transform:translate(-50%,calc(100% + 90px))}body:is(.rhythm-active,.notes-active,.echo-active,.pulse-active) :is(.instrument-controls,.modules-debug-open,#listener-profile-open){visibility:hidden!important;pointer-events:none!important}#rhythm-open{display:none}#rhythm-workspace{background:0 0}#rhythm-workspace .rhythm-stage{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:0;width:min(400px,100% - 28px);margin:4vh auto 20px;padding:10px!important}#rhythm-workspace .rhythm-orbit{--echo-color:#b6ffea;height:200px}#rhythm-workspace #rhythm-pad{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;width:200px;height:160px}#rhythm-symbol{text-shadow:0 0 24px #c4ffe4;font-size:24px}#rhythm-halo,#rhythm-lane{display:none}#rhythm-workspace .rhythm-levels{gap:12px;font-size:10px}#rhythm-workspace .rhythm-track{margin:12px 0}#rhythm-workspace #rhythm-feedback{background:#050913a8;width:-moz-fit-content;width:fit-content;margin:10px auto}#rhythm-workspace .rhythm-stats{gap:24px;font-size:8px}#rhythm-workspace .rhythm-stats b{font-size:18px}#pulse-workspace .pulse-center{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}@media (max-height:750px){#rhythm-workspace .rhythm-stage{margin-top:0}#rhythm-workspace .rhythm-orbit{height:120px}}body:is(.rhythm-active,.notes-active,.echo-active,.pulse-active) #development-data-notice{visibility:hidden}.echo-entry{color:#fff;height:52px;text-shadow:0 0 22px var(--echo-color), 0 2px 9px #000;margin:12px auto 4px;font-size:42px;font-weight:500;line-height:52px}#echo-workspace[data-turn=listen] .echo-entry,#echo-workspace[data-turn=play] .echo-entry{letter-spacing:.18em;font-size:18px}#echo-workspace[data-turn=count] .echo-entry{color:#baffdf}#echo-workspace[data-turn=count] [data-turn=play]{color:#baffdf;border:1px solid #baffdf55}#echo-workspace[data-turn=ready] #echo-pattern,#echo-workspace[data-turn=count] #echo-pattern{opacity:.35}#echo-entry:empty{height:0;margin:0}@media (max-height:750px){.echo-entry{height:36px;margin-top:4px;font-size:30px;line-height:36px}#echo-workspace .echo-orbit{height:105px}}#echo-workspace .echo-center{pointer-events:none;width:100%;margin:0;position:absolute;inset:0;padding:0!important}#echo-stage #echo-tempo{opacity:.7;font-size:10px;position:absolute;top:80px;left:50%;translate:-50%}#echo-round{font-size:10px;position:absolute;top:100px;left:50%;translate:-50%}#echo-stage #echo-instruction{width:calc(100% - 40px);margin:0;font-size:clamp(23px,4vw,32px);position:absolute;top:19%;left:50%;translate:-50%}#echo-entry{margin:0;position:absolute;top:27%;left:50%;translate:-50%}#echo-stage .module-turns,#echo-pattern,#echo-pad small,#echo-workspace>header .notes-eyebrow{display:none}#echo-stage #echo-hint{width:max-content;max-width:calc(100% - 50px);margin:0;position:absolute;bottom:15%;left:50%;translate:-50%}#echo-stage #echo-feedback{width:max-content;max-width:calc(100% - 50px);margin:0;position:absolute;bottom:8%;left:50%;translate:-50%}#echo-stage .echo-orbit{height:180px;position:absolute;top:50%;left:50%;translate:-50% -50%}#echo-stage :is(#echo-start,#echo-resume){position:absolute;bottom:23%;left:50%;translate:-50%}#echo-offset-label{pointer-events:auto;position:absolute;bottom:2%;left:50%;translate:-50%}#echo-stage .echo-light-wave[data-kind=listen],#echo-stage .echo-light-wave[data-kind=answer]{box-shadow:0 0 24px var(--echo-color), inset 0 0 30px var(--echo-color);border:2px solid #e8fff6cc;width:240px;height:240px;top:-30px;left:-15px}@media (max-height:600px){#echo-stage #echo-tempo,#echo-round{display:none}#echo-stage #echo-instruction{top:14%}#echo-entry{top:24%}}.instrument-controls{top:auto;bottom:max(92px, calc(env(safe-area-inset-bottom) + 82px));left:max(12px, env(safe-area-inset-left));max-height:none;display:block;overflow:visible;transform:none}.instrument-controls summary{cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#e7fff9;background:linear-gradient(145deg,#d8fff51c,#172c3b50);border:1px solid #d9fff54d;border-radius:45% 55% 58% 42%;place-items:center;width:48px;height:48px;list-style:none;transition:border-radius .5s,background .4s;display:grid;box-shadow:inset 0 1px 12px #eaffff20,0 5px 28px #0003}.instrument-controls summary::-webkit-details-marker{display:none}.instrument-controls[open] summary{background:#bceeea29;border-radius:55% 45% 42% 58%}#instrument-list{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(160deg,#d7fff51a,#09182585);border:1px solid #dcfff52e;border-radius:30px 30px 25px 25px;flex-direction:column;gap:8px;max-height:65dvh;padding:10px 7px;animation:.3s ease-out instruments-flow-in;display:flex;position:absolute;bottom:60px;left:0;overflow:auto;box-shadow:inset 1px 1px 12px #e8ffff12,0 12px 32px #0004}.instrument-controls summary:focus-visible{outline-offset:4px;outline:2px solid #c3ffee}@keyframes instruments-flow-in{0%{opacity:0;filter:blur(4px);transform:translateY(15px)scale(.85)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){#instrument-list{animation:none}}body.creation-active #instrument-controls{visibility:hidden!important;pointer-events:none!important;display:none!important}#echo-workspace #echo-pad .echo-light-core,#echo-workspace[data-turn=play] #echo-pad .echo-light-core{width:32px;height:32px;box-shadow:0 0 18px 5px #fff, 0 0 55px 18px var(--echo-color), 0 0 110px 32px var(--echo-color)}#echo-workspace #echo-pad{box-shadow:0 0 55px color-mix(in srgb, var(--echo-color) 28%, transparent);border:1px solid #dfffff55;border-radius:50%}#echo-workspace #echo-hint,#echo-workspace[data-turn=listen] #echo-entry,#echo-workspace[data-turn=play] #echo-entry{display:none}#echo-workspace:is([data-turn=ready],[data-turn=listen],[data-turn=count]) #echo-feedback{visibility:hidden}#echo-stars{color:#baffdf;justify-content:center;gap:9px;margin:24px auto;display:flex}:is(#echo-workspace:has(#echo-start:not([hidden])) #echo-feedback,#echo-workspace:has(#echo-resume:not([hidden])) #echo-feedback){visibility:visible}#creation-open{display:none!important}:is(.glass-button,.icon-button,.primary-button,.play-button,.instrument-toggle){-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#effffb;background:linear-gradient(145deg,#d8fff51c,#172c3b50);border:1px solid #d9fff54d;border-radius:22px 26px 24px 20px;transition:background .25s,border-radius .35s,opacity .25s;box-shadow:inset 0 1px 12px #eaffff20,0 5px 28px #0003}:is(.glass-button,.icon-button,.primary-button,.play-button,.instrument-toggle):hover{background:linear-gradient(145deg,#d8fff52c,#172c3b70);border-radius:26px 20px 22px 25px}:is(.glass-button,.icon-button,.primary-button,.play-button,.instrument-toggle):focus-visible{outline-offset:4px;outline:2px solid #bdffeb}body:is(.echo-active,.rhythm-active,.notes-active,.pulse-active) .universe-header,body:is(.echo-active,.rhythm-active,.notes-active,.pulse-active) .universe-header nav{visibility:visible!important;pointer-events:auto!important;opacity:1!important}body:is(.echo-active,.rhythm-active,.notes-active,.pulse-active) .universe-header #breathing-open{display:none}:is(#echo-workspace,#rhythm-workspace,#notes-workspace,#pulse-workspace)>header>div{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:is(#echo-exit,#rhythm-exit,#notes-exit,#pulse-exit){pointer-events:auto;place-items:center;width:44px;height:44px;padding:0;display:grid;position:fixed;top:94px;right:24px}#echo-stage #echo-tempo{top:auto;bottom:max(22px, env(safe-area-inset-bottom));margin:0;left:auto;right:24px;translate:none}#echo-stage #echo-round{top:auto;bottom:max(22px, env(safe-area-inset-bottom));margin:0;left:50%;translate:-50%}#echo-stage #echo-hint{background:#05091788;font-size:12px;display:block;bottom:64px}#echo-stage #echo-instruction{top:24%}#echo-stage #echo-entry{top:32%}#echo-stage #echo-repeat{pointer-events:auto;min-height:44px;padding:9px 17px;font-size:12px;position:absolute;bottom:110px;left:50%;translate:-50%}#echo-workspace[data-turn=wait] #echo-entry{display:none}#echo-workspace #echo-feedback{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}:is(#echo-workspace:has(#echo-resume:not([hidden])) #echo-feedback,#echo-workspace:has(#echo-start:not([hidden])) #echo-feedback){clip-path:none;width:max-content;height:auto;padding:7px 12px;position:absolute;bottom:15%;left:50%;translate:-50%}@media (max-height:600px){#echo-stage #echo-tempo,#echo-round{display:block}#echo-stage #echo-instruction{top:22%}#echo-stage #echo-entry{top:30%}#echo-stage #echo-repeat{bottom:80px}#echo-stage #echo-hint{font-size:10px;bottom:40px}#echo-stage #echo-round,#echo-stage #echo-tempo{bottom:12px}#echo-stage .echo-orbit{top:53%}#echo-stage #echo-pad{width:110px;height:110px}}@media (prefers-reduced-motion:reduce){:is(.glass-button,.icon-button,.primary-button,.play-button,.instrument-toggle){transition:none}}body:is(.rhythm-active,.notes-active,.pulse-active) :is(#rhythm-track,#notes-tempo,#pulse-tempo){right:24px;bottom:max(22px, env(safe-area-inset-bottom));opacity:.7;margin:0;font-size:10px;position:fixed}:is(#echo-result,#rhythm-result,#notes-result,#pulse-result){box-sizing:border-box;border-radius:24px;width:min(350px,100% - 32px);max-height:74dvh;margin:0;padding:38px 20px 22px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}:is(#echo-result,#rhythm-result,#notes-result,#pulse-result) h3{margin:10px 0 16px;font-size:23px}:is(#echo-result,#rhythm-result,#notes-result,#pulse-result) .module-result-close{place-items:center;width:36px;height:36px;margin:0;padding:0;display:grid;position:absolute;top:8px;right:8px}:is(#echo-score,#rhythm-final-score,#notes-final-score,#pulse-score){font-size:30px}#echo-stars{gap:6px;margin:16px auto}#echo-stars svg{width:25px;height:25px}#echo-rounds p{margin:6px 0}#echo-save,#echo-record{margin:10px 0;font-size:11px}#echo-stage #echo-entry{display:none}nav .post-use-invitation{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#d8fff51c,#172c3b50);border:1px solid #d9fff54d;border-radius:22px 26px 24px 20px;box-shadow:inset 0 1px 12px #eaffff20,0 5px 28px #0003}nav .post-use-invitation #post-use-open{box-shadow:none;border-radius:inherit;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}:is(#discovery-dismiss,.listener-profile-close,[data-close]){-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#effffb;background:linear-gradient(145deg,#d8fff51c,#172c3b50);border:1px solid #d9fff54d;border-radius:22px 26px 24px 20px;min-width:36px;min-height:36px;box-shadow:inset 0 1px 12px #eaffff20,0 5px 28px #0003}#echo-stage .echo-meta{bottom:max(22px, env(safe-area-inset-bottom));white-space:nowrap;align-items:center;gap:14px;display:flex;position:absolute;left:50%;translate:-50%}#echo-stage .echo-meta :is(#echo-round,#echo-tempo){opacity:.75;background:0 0;border-radius:0;margin:0;padding:0;font-size:10px;position:static;translate:none}#echo-stage #echo-hint,#echo-stage #echo-feedback{clip-path:inset(50%)!important;background:0 0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (max-height:600px){#echo-stage .echo-meta{bottom:12px}}.music-footer{width:min(320px,100vw - 24px)}body:is(.echo-active,.rhythm-active,.notes-active,.pulse-active) .universe-header nav{display:none!important}:is(#echo-exit,#rhythm-exit,#notes-exit,#pulse-exit,#creation-exit,#discovery-dismiss,#close-card){top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:80;place-items:center;width:44px;height:44px;margin:0;padding:0;display:grid;position:fixed;bottom:auto;left:auto}dialog[open] :is([data-close],.listener-profile-close,#modules-debug-close){top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));float:none;z-index:1001;place-items:center;width:44px;height:44px;margin:0;padding:0;display:grid;position:fixed}body:has(dialog[open],#discovery-panel:not([hidden])) .universe-header nav{padding-right:58px}body:is(.echo-active,.rhythm-active,.notes-active,.pulse-active) .universe-header nav{padding-right:58px}.modules-debug-open{bottom:max(10px, env(safe-area-inset-bottom));right:max(12px, env(safe-area-inset-right));z-index:65;min-height:32px;padding:6px 10px;font-size:10px;left:auto}.dev-meter{bottom:max(1px, env(safe-area-inset-bottom));left:max(3px, env(safe-area-inset-left));z-index:70;padding:1px 3px;font-size:8px}:is(body:has(#discovery-panel[hidden]) #discovery-dismiss,body:has(#ambient-card[hidden]) #close-card){display:none!important}body:has(#discovery-panel[inert]) #discovery-dismiss{pointer-events:none;opacity:0}body:is(.echo-active,.rhythm-active,.notes-active,.pulse-active,.creation-active,.breathing-active) :is(#discovery-dismiss,#close-card),body:is(.dialogue-active,.feedback-active) #close-card{display:none!important}body:has(dialog[open]) :is(#discovery-dismiss,#close-card){display:none!important}.runtime-notice{inset:auto;top:max(76px, env(safe-area-inset-top));box-sizing:border-box;z-index:2147483647;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#18232aee;border:1px solid #d8fff54d;border-radius:20px;align-items:center;gap:12px;width:min(430px,100vw - 28px);margin:0;padding:12px 14px;font:13px/1.5 system-ui;display:flex;position:fixed;left:50%;translate:-50%;box-shadow:0 8px 40px #0007}.runtime-notice[popover]:not(:popover-open){display:none}.runtime-notice span{flex:1}.runtime-notice button{flex:none;width:34px;height:34px}#echo-encouragement{color:#e6fff3;text-shadow:0 2px 15px #000,0 0 30px #0009;width:min(480px,100% - 40px);margin:0;font-size:clamp(16px,2.3vw,22px);animation:.6s ease-out echo-encouragement-in;position:absolute;top:32%;left:50%;translate:-50%}#echo-encouragement[hidden]{display:none}@keyframes echo-encouragement-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){#echo-encouragement{animation:none}}:root{--liquid-panel:linear-gradient(145deg, #d8fff522, #102531d9);--liquid-edge:#d9fff54d;--liquid-shadow:inset 0 1px 18px #eaffff18, 0 16px 55px #0006}:is(dialog.ui-dialog,#listener-profile,#ambient-card,#echo-result,#rhythm-result,#notes-result,#pulse-result,#module-invitation,.module-result){background:var(--liquid-panel);border:1px solid var(--liquid-edge);-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);box-shadow:var(--liquid-shadow);color:#effffb;box-sizing:border-box;border-radius:23px 28px 25px 22px;padding:16px}dialog.ui-dialog,#listener-profile{max-height:calc(100dvh - 32px)}dialog.ui-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02090c66}#listener-profile::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02090c66}dialog[open] :is([data-close],.listener-profile-close,#modules-debug-close){width:36px;min-width:36px;height:36px;min-height:36px;position:absolute!important;inset:9px 9px auto auto!important}:is(dialog.ui-dialog,#listener-profile) h2{margin-top:8px;padding-right:40px;font-size:22px}:is(dialog.ui-dialog,#listener-profile) label{margin:10px 0}#ambient-card #close-card{z-index:2;width:36px;height:36px;position:absolute;inset:8px 8px auto auto}#module-invitation{z-index:120;width:min(320px,100% - 28px);margin:0;padding:15px;inset:auto auto 120px 50%}#module-invitation[popover]:not(:popover-open){display:none}#module-invitation .module-invitation-close{place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;inset:7px 7px auto auto}#module-invitation h2{padding-right:32px;font-size:18px}#module-invitation .module-invitation-eyebrow{display:none}:is(#echo-result,#rhythm-result,#notes-result,#pulse-result){width:min(320px,100% - 28px);padding:48px 16px 17px}:is(#echo-result,#rhythm-result,#notes-result,#pulse-result) .module-result-close{width:34px;min-width:34px;height:34px;margin:0;padding:0;display:grid;position:absolute;inset:8px 8px auto auto}:is(#echo-result,#rhythm-result,#notes-result,#pulse-result) :is(#echo-share,#rhythm-share,#notes-share,#pulse-share){place-items:center;width:34px;min-width:34px;height:34px;margin:0;padding:0;display:grid;position:absolute;inset:8px 48px auto auto}:is(body:has(#echo-result:not([hidden])) #echo-exit,body:has(#rhythm-result:not([hidden])) #rhythm-exit,body:has(#notes-result:not([hidden])) #notes-exit,body:has(#pulse-result:not([hidden])) #pulse-exit){display:none!important}#echo-result :is(#echo-stars,#echo-score,#echo-record,.notes-eyebrow){display:none}#echo-result h3{margin:3px 0 18px;font-size:22px}#echo-rounds p{justify-content:center;margin:8px 0;font-size:12px;line-height:1.6;display:flex}#echo-save:empty{display:none}#echo-again{min-height:42px;margin-top:14px!important}#echo-turn-cue{white-space:nowrap;letter-spacing:.04em;color:#e8fff5;text-shadow:0 2px 12px #000;pointer-events:none;font-size:12px;position:absolute;top:calc(50% + 78px);left:50%;translate:-50%}#echo-workspace:is([data-turn=ready],[data-turn=listen]) #echo-pad .echo-light-core{opacity:.55;width:24px;height:24px;box-shadow:0 0 14px #fff9, 0 0 38px var(--echo-color)}#echo-workspace[data-turn=wait] #echo-pad{border-color:#d7fff4b3;animation:2.4s ease-in-out infinite echo-your-turn}#echo-workspace[data-turn=wait] #echo-turn-cue{color:#fff}@keyframes echo-your-turn{0%,to{box-shadow:0 0 35px color-mix(in srgb, var(--echo-color) 30%, transparent)}50%{box-shadow:0 0 75px color-mix(in srgb, var(--echo-color) 65%, transparent)}}@media (prefers-reduced-motion:reduce){#echo-workspace[data-turn=wait] #echo-pad{box-shadow:0 0 45px var(--echo-color);animation:none}}:is(#echo-result,#rhythm-result,#notes-result,#pulse-result) :is(.module-result-close,#echo-share,#rhythm-share,#notes-share,#pulse-share){aspect-ratio:1;border-radius:50%;place-items:center;display:grid;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important}:is(#echo-result,#rhythm-result,#notes-result,#pulse-result) :is(#echo-share,#rhythm-share,#notes-share,#pulse-share){right:58px}#echo-result{padding-top:60px}#echo-overview{color:#d8fff2;margin:6px 0 14px;font-size:15px}#echo-result #echo-rounds p{margin:6px 0;font-size:12px}#echo-pagination{color:#d1e7e3;justify-content:center;align-items:center;gap:8px;margin:10px 0 4px;font-size:10px;display:flex}#echo-pagination[hidden]{display:none}#echo-pagination button{border-radius:50%;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;font-size:22px}#echo-finish{top:max(18px, env(safe-area-inset-top));pointer-events:auto;border-radius:999px;min-height:44px;padding:8px 16px;font-size:12px;position:fixed;right:76px}#echo-finish[hidden]{display:none}#echo-stage .echo-meta{color:#fff;background:#000b;border:1px solid #ffffff20;border-radius:999px;gap:12px;padding:6px 12px;box-shadow:0 2px 16px #0005}#echo-stage .echo-meta :is(#echo-round,#echo-tempo){opacity:1;color:#fff;font-variant-numeric:tabular-nums}body:is(.rhythm-active,.notes-active,.pulse-active) :is(#rhythm-track,#notes-tempo,#pulse-tempo){opacity:1;color:#fff;background:#000b;border:1px solid #ffffff20;border-radius:14px;padding:5px 9px}@media (max-width:380px){#echo-stage .echo-meta{gap:8px;padding:6px 9px}#echo-stage .echo-meta p{font-size:9px}}#echo-workspace #echo-pad,#echo-workspace #echo-pad:is(:hover,:active,:focus){appearance:none;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;background:0 0}#echo-workspace #echo-pad:focus-visible{outline-offset:5px;outline:2px solid #dfffffaa}:root{--liquid-control-radius:22px 26px 24px 20px}section[id$=-result] .glass-button:not([aria-label]),.audio-setup .glass-button{border-radius:var(--liquid-control-radius);flex:none;justify-content:center;align-items:center;width:auto;min-width:0;max-width:100%;min-height:44px;padding:8px 12px;font-size:12px;display:inline-flex}.audio-setup{box-sizing:border-box;border:1px solid var(--liquid-edge);background:var(--liquid-panel);width:min(340px,100% - 28px);box-shadow:var(--liquid-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:#effffb;text-align:center;border-radius:26px;padding:48px 18px 18px;position:fixed}.audio-setup p{font-size:12px;line-height:1.6}.audio-setup h2{font-size:24px}.audio-setup .setup-close{width:44px;height:44px;padding:0;position:absolute;top:8px;right:8px}.audio-setup .setup-pad{width:90px;height:90px;margin:16px auto;font-size:40px;display:flex}.audio-setup [hidden]{display:none!important}.audio-setup label{font-size:12px;display:block}.audio-setup input{width:100%;margin:12px 0;display:block}.audio-setup::backdrop{background:#0004}.module-finish{z-index:3;pointer-events:auto;min-height:44px;padding:8px 12px;position:fixed;top:18px;right:76px}.module-workspace:has(.module-result:not([hidden]))>.module-finish{display:none}.module-result [id$=-stars],.module-result [id$=-score],.module-result [id$=-record],.module-result>.notes-eyebrow,.module-result>.rhythm-eyebrow{display:none}.module-result-overview{color:#d8fff2;margin:6px 0 14px;font-size:15px}.module-result [id$=-save]:empty{display:none}.module-result button{flex:none}.module-result .rhythm-result-actions{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.rhythm-stats>span:not(:last-child),.notes-numbers>span:not(:last-child){display:none}.rhythm-stats [hidden]{display:none!important}#rhythm-resume,#notes-resume,#pulse-resume{font-size:12px}#rhythm-workspace #rhythm-pad,#pulse-workspace #pulse-pad{appearance:none;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}#pulse-workspace #pulse-feedback,#notes-workspace #notes-feedback,#rhythm-workspace #rhythm-feedback{box-shadow:none;text-shadow:0 2px 12px #000;background:0 0;border:0;padding:4px 8px}.module-result{animation:none!important}:is(.glass-button,.icon-button,.primary-button,.play-button,.instrument-toggle){font-family:inherit}#rhythm-workspace .rhythm-levels,#rhythm-workspace #rhythm-next{display:none}#rhythm-workspace #rhythm-instruction{margin:0;font-size:clamp(26px,4vw,40px);position:fixed;top:24%;left:14px;right:14px}#rhythm-workspace #rhythm-hint{margin:0;position:fixed;top:32%;left:14px;right:14px}#rhythm-workspace .rhythm-orbit{margin:0;position:fixed;top:50%;left:50%;translate:-50% -50%}#rhythm-workspace #rhythm-pad{border:1px solid #dfffff55;border-radius:50%;gap:24px;width:150px;height:150px;box-shadow:0 0 45px #ac82ee40}#rhythm-workspace .game-light-core{background:#faffff;border-radius:50%;width:30px;height:30px;display:block;box-shadow:0 0 18px 5px #fff,0 0 55px 18px #ac82ee,0 0 110px 32px #ac82ee}#rhythm-workspace #rhythm-pad small{font-size:8px;position:absolute;bottom:12px}#rhythm-workspace[data-turn=wait] #rhythm-pad{border-color:#d7fff4b3}#rhythm-workspace .module-game-meta{bottom:max(25px, env(safe-area-inset-bottom));background:#000b;border:1px solid #ffffff24;border-radius:22px;justify-content:center;align-items:center;gap:12px;max-width:calc(100vw - 28px);padding:6px 12px;display:flex;position:fixed;left:50%;translate:-50%}#rhythm-workspace .module-game-meta :is(#rhythm-feedback,#rhythm-track){color:#fff;background:0 0;border:0;min-height:0;margin:0;padding:0;font-size:11px;position:static;inset:auto;translate:none}#rhythm-workspace .module-game-meta #rhythm-track{white-space:nowrap}#rhythm-workspace #rhythm-progress{width:240px;margin:0;position:fixed;bottom:90px;left:calc(50% - 120px)}#rhythm-workspace #rhythm-hint{text-align:center;width:auto;max-width:none}#module-invitation .invitation-countdown{pointer-events:none;height:2px;position:absolute;top:-1px;left:24px;right:28px}#module-invitation .invitation-countdown-fill{transform-origin:0;background:var(--orbit-color,#a3ffe8);width:100%;height:100%;box-shadow:0 0 5px var(--orbit-color,#a3ffe8), 0 0 12px color-mix(in srgb, var(--orbit-color,#a3ffe8) 60%, transparent);border-radius:999px;display:block}@media (prefers-reduced-motion:reduce){#module-invitation .invitation-countdown-fill{box-shadow:none}}#module-invitation{overflow:visible}.stem-active :is(.universe-header nav,#universe-message,.creation-launch,.instrument-controls,#listener-profile-open,#post-use-thanks,.lil-gui){visibility:hidden!important;pointer-events:none!important}.stem-active .music-footer{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(110%)}#stem-workspace{z-index:45;color:#effffb;pointer-events:none;-webkit-user-select:none;user-select:none;font:13px/1.5 system-ui;position:fixed;inset:0}#stem-workspace [hidden]{display:none!important}#stem-workspace button{pointer-events:auto;touch-action:manipulation}#stem-exit{place-items:center;width:44px;height:44px;padding:0;display:grid;position:fixed;top:18px;right:18px}#stem-instruction{text-align:center;letter-spacing:-.6px;text-shadow:0 2px 16px #000;margin:0;font-size:clamp(24px,4vw,38px);font-weight:450;position:absolute;top:17%;left:14px;right:14px}#stem-detail{text-align:center;color:#e0eee9;text-shadow:0 2px 12px #000;margin:0;font-size:12px;position:absolute;top:25%;left:20px;right:20px}#stem-field{width:min(640px,100vw);height:min(340px,43dvh);position:absolute;top:53%;left:50%;translate:-50% -50%}#stem-light{--echo-color:#a5ffe2;place-items:center;width:100px;height:100px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}#stem-light .game-light-core{background:#fff;border-radius:50%;width:24px;height:24px;box-shadow:0 0 15px 4px #fff,0 0 48px 12px #a5ffe2,0 0 90px 22px #a5ffe288}#stem-options{position:absolute;inset:0}#stem-options .stem-option{text-align:center;border-radius:var(--liquid-control-radius);flex-direction:column;justify-content:center;align-items:center;gap:4px;width:102px;max-width:26vw;min-height:68px;padding:9px 7px;font:11px/1.3 system-ui;display:flex;position:absolute;translate:-50% -50%}#stem-options .stem-option:disabled{opacity:.42}#stem-options .stem-option.recognized{opacity:1;border-color:#a3ffe8;box-shadow:0 0 25px #83ffd344,inset 0 0 14px #a4ffdf22}#stem-workspace .stem-actions{justify-content:center;gap:8px;display:flex;position:absolute;bottom:14%;left:14px;right:14px}#stem-workspace .stem-meta{bottom:max(24px, env(safe-area-inset-bottom));white-space:nowrap;font-variant-numeric:tabular-nums;background:#000b;border:1px solid #ffffff24;border-radius:22px;align-items:center;gap:12px;max-width:calc(100vw - 28px);padding:6px 12px;font-size:11px;display:flex;position:absolute;left:50%;translate:-50%}#stem-workspace #stem-result{pointer-events:auto;box-sizing:border-box;background:var(--liquid-panel);border:1px solid var(--liquid-edge);-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);width:min(320px,100% - 28px);height:-moz-fit-content;height:fit-content;max-height:calc(100dvh - 60px);box-shadow:var(--liquid-shadow);text-align:center;border-radius:23px 28px 25px 22px;margin:auto;padding:60px 16px 17px;position:fixed;inset:0;overflow:auto}#stem-result h3{margin:3px 0 14px;font-size:22px;font-weight:450}#stem-result p{font-size:12px}#stem-result .module-result-overview{font-size:15px}#stem-result :is(.module-result-close,#stem-share){place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:8px}#stem-result .module-result-close{right:8px}#stem-share{right:58px}body:has(#stem-result:not([hidden])) #stem-exit{display:none}#stem-pagination{justify-content:center;align-items:center;gap:8px;margin:12px 0;display:flex}#stem-pagination button{width:36px;height:36px;padding:0;font-size:22px}#stem-save{font-size:12px}@media (max-height:600px){#stem-instruction{font-size:24px;top:13%}#stem-detail{top:23%}#stem-field{height:42dvh}#stem-options .stem-option{min-height:56px;padding:6px}#stem-workspace .stem-actions{bottom:12%}#stem-workspace .stem-meta{bottom:8px}}@media (prefers-reduced-motion:reduce){#stem-light .game-light-core{box-shadow:0 0 20px #a5ffe2}}.module-result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.module-result-actions>.glass-button{margin:0!important}#stem-options .stem-option{transition:opacity .35s,border-color .4s,box-shadow .4s}#module-invitation .invitation-actions{padding-right:44px}#module-invitation .invitation-seconds{box-sizing:content-box;text-align:center;font-variant-numeric:tabular-nums;color:#fff;border:1px solid color-mix(in srgb, var(--orbit-color,#a3ffe8) 60%, transparent);pointer-events:none;min-width:24px;text-shadow:0 0 8px var(--orbit-color,#a3ffe8);background:#000a;border-radius:10px;padding:3px 7px;font:12px/1.4 system-ui;position:absolute;bottom:13px;right:13px}#stem-workspace[data-turn=feedback] #stem-instruction{z-index:2;top:50%;translate:0 -50%}#stem-workspace[data-turn=feedback] #stem-detail{z-index:2;top:calc(50% + 42px)}#stem-workspace[data-turn=feedback] #stem-options{pointer-events:none}#stem-workspace[data-turn=feedback] #stem-options .stem-option{opacity:0}#stem-detail{white-space:pre-line}#stem-workspace[data-turn=feedback] #stem-light{opacity:0}#stem-instruction,#stem-detail{box-sizing:border-box;text-shadow:0 1px 3px #000;color:#fff;background:#02070ddd;border-radius:16px;width:max-content;max-width:calc(100vw - 32px);padding:7px 14px;left:50%;right:auto;translate:-50%;box-shadow:0 4px 20px #0004}#stem-workspace[data-turn=feedback] #stem-instruction{translate:-50% -50%}#stem-workspace[data-turn=feedback] #stem-detail{top:calc(50% + 49px)}#stem-detail:empty{display:none}:is(#echo-instruction,#rhythm-instruction,#pulse-instruction,#notes-step,#discovery-title,#universe-message){text-shadow:0 1px 3px #0009,0 3px 14px #0006;-webkit-text-stroke:0}.ambient-card .color-recipe{background:0 0;margin:13px 0 15px;padding:0}.recipe-bar{background:#0008;border-radius:999px;gap:0;height:9px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff15}.recipe-bar>span{transform-origin:0;background:var(--recipe-color);min-width:0;box-shadow:0 0 12px color-mix(in srgb, var(--recipe-color) 45%, transparent);border-radius:0;flex-shrink:0;display:block}.recipe-labels{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin:10px 0 0;padding:0;list-style:none;display:grid}.recipe-labels li{color:#f3fff9;align-items:center;gap:6px;min-width:0;font:11px/1.4 system-ui;display:flex}.recipe-labels i{border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 5px #fff3}.recipe-labels span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recipe-labels strong{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-weight:550}#pulse-workspace{background:0 0;overflow:hidden}body.pulse-active .universe-header{visibility:visible!important;pointer-events:auto!important}#pulse-workspace>header{margin:0}#pulse-workspace>header>div{display:none}#pulse-exit{place-items:center;width:44px;height:44px;padding:0;display:grid;position:fixed;top:18px;right:18px}#pulse-workspace .pulse-center{width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;margin:0;position:absolute;inset:0;padding:0!important}#pulse-instruction{box-sizing:border-box;background:#02070ddd;border-radius:16px;width:max-content;max-width:calc(100vw - 32px);margin:0;padding:7px 14px;font-size:clamp(25px,4vw,38px);font-weight:450;line-height:1.3;position:absolute;top:18%;left:50%;translate:-50%}#pulse-hint{color:#effffb;box-sizing:border-box;background:#02070dc9;border-radius:13px;width:max-content;max-width:min(380px,100vw - 36px);margin:0;padding:6px 11px;line-height:1.5;position:absolute;top:29%;left:50%;translate:-50%}#pulse-workspace #pulse-pad{--echo-color:var(--orbit-color,#a5ffe2);background:radial-gradient(circle,#caffed15,#03121915);border:1px solid #c3fff34d;border-radius:50%;gap:12px;width:180px;height:180px;margin:0;display:flex;position:absolute;top:54%;left:50%;overflow:visible;translate:-50% -50%;box-shadow:0 0 65px #a5ffe216}#pulse-pad .game-light-core{width:24px;height:24px;box-shadow:0 0 14px 4px #fff, 0 0 42px 12px var(--echo-color);background:#fff;border-radius:50%;flex:none;transition:opacity .35s,box-shadow .35s}#pulse-pad #pulse-cue{letter-spacing:0;color:#fff;text-shadow:0 1px 6px #000;font:14px/1.3 system-ui}#pulse-pad #pulse-cue-detail{letter-spacing:0;color:#e3f8ef;font:10px/1.3 system-ui}#pulse-pad .echo-light-wave{pointer-events:none;border:1px solid var(--echo-color);width:auto;height:auto;box-shadow:0 0 22px var(--echo-color);border-radius:50%;position:absolute;inset:-16px}#pulse-workspace[data-turn=gap] #pulse-pad{border-color:#effffbc9;box-shadow:0 0 32px #b4ffea44}#pulse-workspace[data-turn=gap] #pulse-pad .game-light-core{opacity:.55;box-shadow:0 0 12px #fff, 0 0 26px var(--echo-color)}#pulse-workspace[data-turn=rest] #pulse-instruction{z-index:2;top:48%;translate:-50% -50%}#pulse-workspace[data-turn=rest] #pulse-hint{z-index:2;top:calc(48% + 45px)}#pulse-workspace #pulse-feedback{color:#effffb;box-sizing:border-box;background:#02070dcc;border-radius:12px;width:max-content;max-width:calc(100vw - 36px);min-height:0;margin:0;padding:6px 10px;font:11px/1.5 system-ui;position:absolute;bottom:14%;left:50%;translate:-50%}#pulse-workspace .pulse-meta{bottom:max(24px, env(safe-area-inset-bottom));white-space:nowrap;background:#02070dcc;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:5px 10px;display:flex;position:absolute;left:50%;translate:-50%}#pulse-workspace .pulse-meta p{letter-spacing:0;color:#effffb;margin:0;font:11px/1.3 system-ui}#pulse-start,#pulse-resume{margin:0;position:absolute;bottom:21%;left:50%;translate:-50%}#pulse-offset-label[hidden]{display:none}#pulse-result{width:min(320px,100vw - 30px);margin:0;position:absolute}#pulse-result h3{margin:12px 0;padding-right:0;font-size:22px}#pulse-result .notes-eyebrow,#pulse-record{display:none}#pulse-result p,#pulse-rounds{font-size:12px}@media (max-height:550px){#pulse-workspace #pulse-pad{gap:7px;width:130px;height:130px;top:55%}#pulse-instruction{font-size:24px;top:15%}#pulse-hint{font-size:11px;top:27%}#pulse-workspace #pulse-feedback{bottom:11%}#pulse-workspace .pulse-meta{bottom:8px}#pulse-start,#pulse-resume{bottom:19%}}@media (prefers-reduced-motion:reduce){#pulse-pad .game-light-core{transition:none}}body:has(#pulse-result:not([hidden])) #pulse-exit{display:none}#pulse-workspace .pulse-meta :is(#pulse-round,#pulse-tempo){background:0 0;border:0;margin:0;padding:0;position:static;inset:auto;translate:none}#pulse-hint:empty{display:none}#pulse-workspace #pulse-instruction,#pulse-workspace[data-turn=rest] #pulse-instruction{max-width:calc(100vw - 32px);min-height:1.3em;margin:0;font-size:clamp(24px,4vw,32px);position:absolute;top:20%;left:50%;right:auto;translate:-50%}#pulse-workspace #pulse-hint,#pulse-workspace[data-turn=rest] #pulse-hint{max-width:calc(100vw - 36px);min-height:1.5em;top:calc(20% + 65px);left:50%;translate:-50%}#pulse-workspace #pulse-feedback{clip-path:inset(50%)!important;border:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;position:absolute!important;inset:auto!important;overflow:hidden!important}#pulse-pad #pulse-cue,#pulse-pad #pulse-cue-detail{display:none}#pulse-workspace #pulse-pad{gap:0;width:150px;height:150px;transition:opacity .25s,border-color .25s}#pulse-workspace[data-turn=rest] #pulse-pad{opacity:.35;pointer-events:none}@media (max-height:550px){#pulse-workspace #pulse-instruction,#pulse-workspace[data-turn=rest] #pulse-instruction{font-size:23px;top:16%}#pulse-workspace #pulse-hint,#pulse-workspace[data-turn=rest] #pulse-hint{top:calc(16% + 53px)}#pulse-workspace #pulse-pad{width:120px;height:120px;top:57%}}button:is([aria-label^=Cerrar],[aria-label^=Salir\ de],[data-close],.module-result-close){place-items:center;font-size:20px;display:grid;box-sizing:border-box!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-clip:padding-box!important;border:8px solid #0000!important;padding:0!important}button:is([aria-label^=Cerrar],[aria-label^=Salir\ de],[data-close],.module-result-close)>svg{pointer-events:none;width:16px!important;height:16px!important}@media (prefers-reduced-motion:reduce){#pulse-workspace #pulse-pad{transition:none}}.module-tutorial{text-align:center;width:min(350px,100vw - 28px);height:-moz-fit-content;height:fit-content;max-height:calc(100dvh - 28px);margin:auto;position:fixed;inset:0;overflow:auto;background:linear-gradient(145deg,#07151fed,#030910e8)!important;padding:20px!important}#tutorial-close{position:absolute;top:5px;right:5px}.module-tutorial .tutorial-eyebrow{letter-spacing:1.8px;color:#a8d5ca;margin:1px 0 7px;font:9px/1.3 system-ui}.module-tutorial #tutorial-title{margin:6px 0 15px;padding:0 20px;font-size:24px}.tutorial-preview{background:radial-gradient(ellipse at 15% 20%, color-mix(in srgb, var(--orbit-color,#78dfff) 28%, transparent), transparent 65%), radial-gradient(ellipse at 90% 90%, #9533ff50, transparent 60%), #020a12;isolation:isolate;border:1px solid #b8fff42e;border-radius:20px;height:175px;position:relative;overflow:hidden}.tutorial-halo{border:1px solid var(--orbit-color,#a4fff0);width:66px;height:66px;box-shadow:0 0 25px var(--orbit-color,#a4fff0), inset 0 0 20px #8cfce62b;pointer-events:none;border-radius:50%;position:absolute;top:calc(46% - 33px);left:calc(50% - 33px)}.tutorial-halo:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:26px;left:26px;box-shadow:0 0 14px #fff}.tutorial-cells{justify-content:space-around;align-items:center;gap:14px;display:flex;position:absolute;inset:25px 30px 48px}.tutorial-cells>span{background:#92eede55;border:1px solid #e2fff85c;border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px #8df9e222}.tutorial-cells>.tutorial-lit{box-shadow:0 0 22px var(--orbit-color,#97ffdf);background:#edfff9}.tutorial-preview[data-module=stem-detective] .tutorial-cells>:is(span,button){width:44px;height:44px;box-shadow:none;background:#0a171dc9;border-radius:16px;place-items:center;display:grid}.tutorial-cells svg{color:#e9fff7;width:24px;height:24px}.tutorial-cursor{opacity:0;pointer-events:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;top:90px;left:calc(50% - 9px);box-shadow:0 0 18px #fff9}#tutorial-caption{color:#effffb;text-shadow:0 2px 4px #000;margin:0;padding:0;font:12px/1.4 system-ui;position:absolute;bottom:12px;left:10px;right:10px}.tutorial-line{background:#e7fffb77;height:1px;display:none;position:absolute;top:113px;left:24px;right:24px}.tutorial-note{background:#a5fff0;border-radius:50%;width:12px;height:12px;display:none;position:absolute;top:65px;left:calc(50% - 6px);box-shadow:0 0 15px #a5fff0}.tutorial-preview[data-module=falling-notes] .tutorial-note,.tutorial-preview[data-module=falling-notes] .tutorial-line{display:block}.tutorial-preview[data-module=falling-notes] .tutorial-cells{top:100px;bottom:40px}.tutorial-preview[data-module=pulse-return][data-phase="1"] .tutorial-cells{opacity:.15}.tutorial-preview[data-module=breathing] .tutorial-cells{display:none}.module-tutorial #tutorial-instruction{color:#e8f4ee;min-height:3em;margin:14px 0;font:12px/1.5 system-ui}.tutorial-actions{justify-content:center;align-items:center;gap:12px;display:flex}#tutorial-play{min-width:105px;min-height:40px}#tutorial-replay{width:38px;height:38px;padding:0;font-size:23px}.tutorial-preview-label{color:#d9fffbb3;letter-spacing:1px;font:8px/1.3 system-ui;position:absolute;top:8px;left:10px}.tutorial-preview[data-module=creation] .tutorial-cells>span{border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.setting-toggle{box-sizing:border-box;cursor:pointer;background:#ffffff09;border:1px solid #ffffff21;border-radius:18px;align-items:center;gap:10px;width:100%;min-height:44px;margin-top:12px;padding:10px 12px;font-size:12px;display:flex}.setting-toggle input{accent-color:#a8d8ef;flex:none;width:18px;height:18px}#universe-message,#universe-message.listening-message{box-shadow:none;-webkit-backdrop-filter:none;text-shadow:0 1px 3px #0009,0 3px 14px #0006;-webkit-text-stroke:0;color:color-mix(in srgb, var(--listening-color,#d6ecff) 22%, white);background:0 0;border:0;border-radius:24px}.breath-current-line{box-shadow:none;-webkit-backdrop-filter:blur(7px);background:#0a121f24}.breath-preview-card{box-shadow:none;background:#0a121f12}#stem-instruction,#stem-detail{box-shadow:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:0 1px 3px #0009,0 3px 14px #0006;background:#0a121f1f}#breathing-open[hidden]{display:none!important}body.breathing-active #breathing-open{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:65;position:fixed}@media (max-width:600px){.modules-debug-open{bottom:calc(104px + env(safe-area-inset-bottom))}}body.breathing-active .universe-header nav{opacity:0;visibility:hidden;pointer-events:none}.settings-dialog{width:min(460px,100vw - 28px)}.settings-dialog>p{margin:4px 0 16px}.settings-dialog label{gap:7px;margin:12px 0;display:grid}.settings-dialog .settings-check{align-items:center;gap:10px;display:flex}.settings-dialog select{width:100%;min-height:40px;color:inherit;background:#101725bb;border:1px solid #ffffff25;border-radius:16px;padding:8px 12px}.settings-dialog details{margin-top:14px}.settings-dialog summary{cursor:pointer;padding:8px 0}#about-open{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.session-orbits{border-radius:20px;height:8px;margin:12px 0;display:flex;overflow:hidden}.session-orbits span{min-width:0}.session-stat-list{flex-wrap:wrap;gap:8px 18px;font-size:13px;display:flex}.session-results{padding-left:18px;font-size:13px}.account-menu details{margin-top:16px}.account-menu #share-session{margin-top:12px}.tutorial-preview:is([data-module=rhythmic-echo],[data-module=pulse-return]) .tutorial-cells{display:none}.tutorial-preview[data-lit=false] .tutorial-halo{box-shadow:none;opacity:.12!important}.tutorial-library{padding:0}#tutorial-inline-instruction{font-size:12px;line-height:1.6}.tutorial-preview[data-module=breathing] .tutorial-cursor{display:none}.account-menu .session-caption{opacity:.7;font-size:12px}.account-links a{color:inherit;padding:10px 12px}.ambient-card #close-card{z-index:1;width:30px;min-width:30px;height:30px;min-height:30px;position:absolute;top:5px;right:5px}.settings-dialog>section{border-top:1px solid #ffffff15;margin-top:14px;padding-top:8px}.settings-dialog h3{margin:10px 0;font-size:13px}.settings-dialog .setting-toggle{align-items:center;display:flex}.session-results li{margin-bottom:10px}.session-results .icon-button{vertical-align:middle;width:30px;height:30px;margin-left:8px}.tutorial-phrase{justify-content:space-between;align-items:center;gap:5px;display:none;position:absolute;top:115px;left:20%;right:20%}.tutorial-preview[data-module=rhythmic-echo] .tutorial-phrase{display:flex}.settings-dialog label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:10px;display:flex}.settings-dialog input[type=checkbox]{width:17px;height:17px;min-height:17px;accent-color:var(--orbit-color,#a3eaff);flex:none;margin:0}.settings-dialog .haptic-note{opacity:.7;margin:4px 0 8px;font-size:11px;line-height:1.5}.settings-dialog .volume-control{gap:5px}.settings-dialog .volume-control:has(input[type=checkbox]){justify-content:space-between}#tutorial-caption{text-align:center}.settings-dialog section>button{margin-bottom:6px;margin-right:6px}.settings-dialog label:has(input[type=checkbox]){justify-content:flex-start!important}.settings-dialog input[type=checkbox]{order:-1}#session-dialog .session-share{width:44px;height:44px;padding:0;position:absolute;top:10px;right:52px}#session-dialog #session-title{margin:6px 50px 10px 0;font-size:24px}#pulse-result{height:-moz-fit-content;height:fit-content;max-height:calc(100dvh - 36px);margin:auto;position:fixed;inset:0;overflow:auto;transform:translate(0,0)}#echo-stage #echo-pattern{opacity:1;pointer-events:none;align-items:center;gap:11px;height:18px;position:absolute;top:calc(48% + 100px);left:50%;translate:-50%;display:flex!important}#echo-stage #echo-pattern i{opacity:1;background:#ffffff25;border:none;border-radius:50%;flex:none;width:5px;height:5px;font-size:0;display:block}#echo-stage #echo-pattern i[data-note=true]{background:color-mix(in srgb, var(--echo-color,#b5dbff) 65%, transparent);width:8px;height:8px}#echo-stage #echo-pattern i.lit{box-shadow:0 0 15px var(--echo-color,#b5dbff);background:#fff;scale:1.3}#echo-stage #echo-pattern i.played{background:var(--echo-color,#b5dbff)}.settings-helper{opacity:.7;margin:6px 0 12px;font-size:11px}#session-dialog{width:min(360px,100vw - 28px);height:-moz-fit-content;height:fit-content;max-height:calc(100dvh - 32px);margin:auto;position:fixed;inset:0;overflow:auto}#session-dialog .card-top{min-height:34px}#session-dialog #session-title{white-space:normal;max-width:100%;margin:0 0 12px}.settings-dialog label:has(input[type=checkbox]){box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff18;border-radius:16px;min-height:40px;padding:8px 10px;font-size:12px}#bug-report-form{gap:12px;display:grid}#bug-report-message{box-sizing:border-box;resize:vertical;width:100%;min-height:100px;color:inherit;font:inherit;background:#08121b66;border:1px solid #ffffff2b;border-radius:16px;padding:12px;font-size:16px}#bug-report-send{justify-self:end}#bug-report-status{margin:0;font-size:13px}.inline-alert{color:#e8f3fc;background:#0b1a2bd6;border:1px solid #a9c9e440;border-radius:16px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.inline-alert-icon{flex:none;margin-top:1px}.inline-alert[data-kind=success]{color:#d0ffea;background:#103d35bb;border-color:#8bffd360}.inline-alert[data-kind=error]{color:#ffe5d7;background:#4e281fbb;border-color:#ffbd9366}.inline-alert[data-kind=loading] .inline-alert-icon{animation:1.1s linear infinite inline-alert-spin}@keyframes inline-alert-spin{to{transform:rotate(360deg)}}.universe-select{width:100%;min-width:0;display:grid;position:relative}.universe-select-native{opacity:0;clip-path:inset(50%);pointer-events:none;width:1px!important;height:1px!important;margin:0!important;padding:0!important;position:absolute!important}body .universe-select-trigger{color:#f2f7fb;width:100%;min-width:0;font:inherit;text-align:left;cursor:pointer;background:#152838a6;border:1px solid #ffffff30;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:9px 12px;font-size:12px;display:flex;box-shadow:inset 0 1px #ffffff0f}.universe-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.universe-select-trigger>svg{flex:none;transition:transform .18s}.universe-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.universe-select-trigger:disabled{opacity:.45;cursor:default}.universe-select-trigger:focus-visible{outline-offset:2px;outline:2px solid #b8f9e2}.universe-select-panel{box-sizing:border-box;overscroll-behavior:contain;color:#f2f7fb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;background:#101e2ef2;border:1px solid #d4ecff3b;border-radius:18px;margin:0;padding:6px;position:fixed;inset:auto;overflow:auto;box-shadow:0 16px 50px #0008}body .universe-select-panel button{width:100%;min-height:36px;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;margin:0;padding:9px 12px;font-size:13px;display:block}.universe-select-panel button[aria-selected=true]{color:#caffed;background:#8bffd322}.universe-select-panel button[data-active=true]{background:#bfe9ff15;outline:1px solid #bcf7e466}.universe-select-panel button:disabled{opacity:.35;cursor:default}@media (prefers-reduced-motion:reduce){.inline-alert[data-kind=loading] .inline-alert-icon{animation:none}.universe-select-trigger>svg{transition:none}}.bug-report-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bug-report-actions #bug-report-send{margin-left:auto}.bug-report-actions #bug-report-mic{align-items:center;gap:7px;display:inline-flex}.bug-report-actions #bug-report-mic[data-recording=true]{color:#ffd3d3;background:#693c5055;border-color:#ff9e9e77}#bug-report-status.inline-alert{margin:0}:root{--experience-copy-shadow:0 1px 2px #020610, 0 2px 10px #020610cc, 0 0 24px #02061080;--experience-copy-halo:radial-gradient(ellipse at center, #03081224, transparent 72%)}body .module-workspace :is([id$=-instruction],[id$=-hint],[id$=-feedback],#notes-step,#stem-detail,.echo-meta,.pulse-meta,.stem-meta,.module-game-meta,#notes-tempo,#rhythm-track),body :is(#universe-message,#universe-message.listening-message,.breath-current-line,.breath-preview-card,.creation-countdown,.creation-cue){background:var(--experience-copy-halo);box-shadow:none;-webkit-backdrop-filter:none;text-shadow:var(--experience-copy-shadow);-webkit-text-stroke:0;color:#f5fffc;border:0}body .module-workspace :is([id$=-instruction],#notes-step){text-wrap:balance;font-weight:500}body .module-workspace :is([id$=-hint],#stem-detail){text-wrap:pretty;line-height:1.6}body #universe-message{color:color-mix(in srgb, var(--listening-color,#d6ecff) 14%, #fff)}body :is(.module-result,#session-dialog) .module-toolbar-icon{place-items:center;display:grid;box-sizing:border-box!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-clip:padding-box!important;border:5px solid #0000!important;border-radius:22px 26px 24px 20px!important;margin:0!important;padding:0!important}body :is(.module-result,#session-dialog) .module-toolbar-icon svg{pointer-events:none;width:19px!important;height:19px!important}:is(.module-tutorial,.tutorial-library) .tutorial-halo{transform-origin:50%;top:76px;left:50%;translate:-50% -50%}:is(.module-tutorial,.tutorial-library) .tutorial-cursor{box-sizing:border-box;transform-origin:50%;width:22px;height:22px;top:76px;left:50%;translate:-50% -50%}:is(.module-tutorial,.tutorial-library) .tutorial-cells{justify-content:space-evenly;height:102px;inset:25px 30px auto}.module-tutorial .tutorial-preview:is([data-module=stem-detective],[data-module=creation],[data-module=falling-notes]) .tutorial-halo{visibility:hidden}:is(.module-tutorial,.tutorial-library) .tutorial-preview[data-module=creation] .tutorial-cells{grid-template-columns:repeat(3,1fr);place-items:center;gap:0;display:grid;inset-inline:8%}:is(.module-tutorial,.tutorial-library) .tutorial-preview[data-module=creation] .tutorial-cells>span{flex:none}:is(.module-tutorial,.tutorial-library) .tutorial-preview[data-module=creation] .tutorial-cursor{top:76px}:is(.module-tutorial,.tutorial-library) .tutorial-preview[data-module=stem-detective] .tutorial-cursor{top:76px;left:50%}:is(.module-tutorial,.tutorial-library) .tutorial-preview[data-module=falling-notes] .tutorial-cells{display:none}:is(.module-tutorial,.tutorial-library) .tutorial-preview[data-module=falling-notes] .tutorial-cursor{top:113px}:is(.module-tutorial,.tutorial-library) .tutorial-preview[data-module=falling-notes] .tutorial-note{top:6px}:is(.module-tutorial,.tutorial-library) .tutorial-preview[data-module=falling-notes] .tutorial-line{top:113px}.module-result-count{opacity:.75;white-space:nowrap;margin-top:8px;font-size:11px;display:block}body.breathing-active #universe-message{width:max-content;min-width:0;max-width:calc(100vw - 32px);box-shadow:none;background:0 0;border:0;padding:0;top:42%;overflow:visible}body.breathing-active #universe-message .breath-current-line{border:1px solid color-mix(in srgb, var(--breath-color,#9dcfff) 38%, transparent);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff12,#d7fff506);border-radius:24px;justify-content:center;align-items:center;gap:18px;min-width:0;min-height:64px;padding:10px 16px;display:flex}body.breathing-active #breath-current{color:#f8fffd;letter-spacing:-.025em;text-shadow:var(--experience-copy-shadow);background:0 0;-webkit-background-clip:border-box;background-clip:border-box;font-size:clamp(28px,5vw,40px);font-weight:400;line-height:1.2}body.breathing-active #breath-count:not(:empty){color:#f8fffd;width:34px;min-width:0;height:34px;text-shadow:var(--experience-copy-shadow);background:#ffffff09;border:1px solid #ffffff38;border-radius:50%;flex:none;place-items:center;font-size:20px;font-weight:450;line-height:1;display:grid}body.breathing-active #universe-message .breath-preview-card{top:-40px;left:50%;-webkit-backdrop-filter:none;backdrop-filter:none;width:max-content;min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;padding:0;inset-inline-end:auto;translate:-50%}body.breathing-active #breath-next{color:#eaf6f2;letter-spacing:.03em;text-shadow:var(--experience-copy-shadow);margin:0;font-size:15px;font-weight:400}.tutorial-hide{color:#e0eee8;cursor:pointer;justify-content:center;align-items:center;gap:9px;font:12px/1.5 system-ui;display:flex;margin:4px 0 16px!important}.tutorial-hide[hidden]{display:none}.tutorial-hide input{width:16px;height:16px;accent-color:var(--orbit-color,#9dffe1);margin:0}.tutorial-library{background:0 0;width:auto;height:auto;margin:12px 0 0;padding:0;position:static;inset:auto}#tutorial-library-empty{color:#d0e2dc;font:13px/1.7 system-ui}body .module-result{min-height:min(220px,100dvh - 32px);padding-top:40px!important}body .module-result h3{margin-bottom:12px;margin-top:0!important}body .module-result .module-result-close{inset:2px 4px auto auto!important}body .module-result [id$=-share]{inset:2px 48px auto auto!important}body .phrase-indicator{--phrase-color:var(--echo-color,var(--orbit-color,#a5eaff));justify-content:space-between;align-items:center;gap:5px;display:flex}body .phrase-indicator>span{background:#ffffff60;border-radius:6px;flex:none;width:6px;height:3px;transition:background .18s,box-shadow .18s,transform .18s;display:block;box-shadow:0 0 0 1px #040916a6,0 1px 5px #020610}body .phrase-indicator>span[data-note=true]{background:#e7f5ffb0;height:8px}body .phrase-indicator>span.played{background:var(--phrase-color)}body .phrase-indicator>span.active{box-shadow:0 0 0 1px #040916, 0 0 12px var(--phrase-color), 0 2px 5px #020610;background:#fff;transform:scale(1.25)}body #echo-stage #echo-pattern{width:min(200px,60vw);height:18px}@media (prefers-reduced-motion:reduce){body .phrase-indicator>span{transition:none}}body .tutorial-phrase.phrase-indicator{width:min(200px,60%);height:18px;left:50%;right:auto;translate:-50%}body .tutorial-preview:not([data-module=rhythmic-echo]) .tutorial-phrase{display:none}body #echo-workspace,body #echo-workspace *{-webkit-touch-callout:none;-webkit-user-select:none!important;user-select:none!important}body.echo-active :is(#echo-workspace,#canvas){touch-action:manipulation}body .tutorial-preview[data-module=rhythmic-echo] .tutorial-cursor{display:none}body .tutorial-preview[data-module=rhythmic-echo] .tutorial-halo{--echo-color:var(--orbit-color,#a5eaff);opacity:1;box-shadow:none;border:0}body .tutorial-preview[data-module=rhythmic-echo] .echo-light-wave{border:1px solid #e8fff6cc;width:100px;height:100px;top:-17px;left:-17px}body .phrase-indicator>span{position:relative}body .phrase-flash{border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 0 1px #040916, 0 0 12px var(--phrase-color);background:#fff;position:absolute;inset:0}body #echo-workspace #echo-turn-cue{color:#fff;text-shadow:0 1px 2px #000;-webkit-backdrop-filter:blur(6px);background:#050b18b8;border:1px solid #ffffff18;border-radius:10px;padding:4px 9px;font-weight:500;line-height:1.4}body .phrase-indicator>span>.phrase-flash{border-radius:inherit;width:auto;height:auto;transition:none}body #echo-stage #echo-pattern{top:calc(48% + 130px)}body .tutorial-instrument{color:#f5fffc;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:1px solid #d9fff74d;padding:0;position:relative}body .tutorial-instrument:focus-visible{outline-offset:4px;outline:2px solid #fff}body .tutorial-instrument svg{pointer-events:none}body .tutorial-instrument-wave{box-shadow:0 0 18px var(--orbit-color,#97ffdf), inset 0 0 12px var(--orbit-color,#97ffdf);opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff7a,#0000 70%);border:2px solid #eafffa;border-radius:50%;position:absolute;inset:-3px}body .tutorial-instrument svg{transition:opacity .2s}body .tutorial-instrument[data-muted=true] svg{opacity:.08}@media (prefers-reduced-motion:reduce){body .tutorial-instrument svg{transition:none}}body #experiences-open{place-items:center;width:40px;min-width:40px;height:40px;padding:0;display:grid}body #experiences-open[hidden]{display:none}body:is(.echo-active,.rhythm-active,.notes-active,.pulse-active,.breathing-active,.creation-active,.stem-active,.audio-setup-active) #experiences-open{opacity:0;visibility:hidden;pointer-events:none}.experiences-menu{width:min(340px,100vw - 32px);padding:16px}.experiences-menu header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.experiences-menu h2{margin:0;font-size:20px}.experiences-tools{gap:2px;display:flex}.experiences-tools .icon-button{place-items:center;width:40px;min-width:40px;height:40px;padding:0;display:grid}#experiences-list{gap:10px;display:grid}#experiences-list .glass-button{width:100%;min-height:44px;margin:0}#experiences-list small,.module-availability{color:#dce9e6;margin-top:6px;font-size:12px;line-height:1.5;display:block}#experiences-list small[hidden],.module-availability[hidden]{display:none}:is(#modules-debug,#experiences-menu) button:disabled{opacity:.4;cursor:not-allowed}.experience-choice{align-items:center;gap:8px;display:flex}.experience-choice>.glass-button{flex:1;min-width:0}body .module-availability-info{flex:none;place-items:center;width:40px;min-width:40px;height:40px;padding:0;display:grid}body .module-availability-info[hidden]{display:none}#modules-debug-remaining{border-top:1px solid #ffffff24;margin-top:18px;padding-top:14px}#modules-debug-extra>section>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#modules-debug-remaining>p{color:#c9dcd8;font-size:12px;line-height:1.5}#modules-debug :is(#modules-debug-catalog,#modules-debug-extra){min-width:0;display:block}#modules-debug :is(#modules-debug-known,#modules-debug-remaining){border-inline:0;background:0 0;border-bottom:0;border-radius:0;padding-inline:0}#modules-debug-catalog>section>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}body #modules-debug-open{opacity:.85;place-items:center;width:40px;min-width:40px;height:40px;padding:0;display:grid}#modules-debug-open svg{pointer-events:none}body #pulse-workspace[data-turn] :is(#pulse-instruction,#pulse-hint){text-align:center;box-sizing:border-box;width:min(430px,100vw - 40px);margin:0;left:50%;translate:-50%}body #pulse-workspace[data-turn] #pulse-instruction{background:0 0;padding:0;font-size:clamp(25px,4vw,36px);top:18%}body #pulse-workspace[data-turn] #pulse-hint{background:var(--experience-copy-halo);padding:0 8px;font-size:13px;line-height:1.5;top:auto;bottom:14%}body #pulse-workspace[data-turn] #pulse-pad{opacity:1;width:clamp(128px,24vw,180px);height:clamp(128px,24vw,180px);box-shadow:none;border:1px solid color-mix(in srgb, var(--orbit-color,#a5eaff) 40%, transparent);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle,#ffffff08,#0000 70%);padding:0;top:49%}body #pulse-workspace[data-turn=rest] #pulse-pad{pointer-events:auto}body #pulse-pad .game-light-core{width:26px;height:26px;position:absolute;top:50%;left:50%;translate:-50% -50%}body #pulse-pad :is(#pulse-cue,#pulse-cue-detail){display:none}body #pulse-workspace[data-turn=gap] #pulse-pad{border-style:dashed}body #pulse-workspace[data-turn=gap] #pulse-pad .game-light-core{opacity:.4}body #pulse-workspace[data-turn] #pulse-feedback{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}body #pulse-workspace[data-turn] #pulse-guide{width:min(320px,100vw - 36px);position:absolute;top:calc(49% + 104px);left:50%;translate:-50%}.pulse-guide{--phrase-color:var(--orbit-color,#a5eaff);text-align:center;pointer-events:none}.pulse-guide-beats{justify-content:center;align-items:center;gap:16px;height:12px;display:flex}.pulse-guide[data-state=gap] .pulse-guide-beats{opacity:.25}.pulse-guide-label{color:#fff;text-shadow:0 1px 2px #000;background:#050b189c;border-radius:10px;margin:10px 0 0;padding:4px 9px;font:12px/1.5 system-ui;display:inline-block}body #pulse-workspace[data-turn] :is(#pulse-resume,#pulse-start){bottom:22%}body #pulse-workspace[data-turn] .pulse-meta{padding:5px 9px}body #pulse-workspace[data-turn],body #pulse-workspace[data-turn] *{-webkit-touch-callout:none;-webkit-user-select:none!important;user-select:none!important}body.pulse-active #canvas{touch-action:manipulation}.pulse-preview-guide{display:none}.tutorial-preview[data-module=pulse-return] .pulse-preview-guide{width:100%;display:block;position:absolute;top:108px;left:0}.tutorial-preview[data-module=pulse-return] .pulse-guide-label{margin-top:4px;padding:2px 6px;font-size:10px}body .tutorial-preview[data-module=pulse-return] .tutorial-halo{--echo-color:var(--orbit-color,#a5eaff);box-shadow:none;border-color:#e5fff23d}body .tutorial-preview[data-module=pulse-return] .echo-light-wave{border:1px solid #eafff4b0;width:100px;height:100px;top:-17px;left:-17px}.tutorial-preview[data-module=pulse-return][data-phase="1"] .tutorial-halo{border-style:dashed}.tutorial-preview[data-module=pulse-return][data-phase="1"] .tutorial-halo:after{opacity:.4}@media (max-height:500px){body #pulse-workspace[data-turn] #pulse-instruction{font-size:24px;top:14%}body #pulse-workspace[data-turn] #pulse-pad{width:110px;height:110px;top:46%}body #pulse-workspace[data-turn] #pulse-guide{top:calc(46% + 68px)}body #pulse-workspace[data-turn] #pulse-hint{font-size:11px;bottom:11%}body #pulse-workspace[data-turn] .pulse-meta{bottom:10px}}body #pulse-guide[data-state=listen] .pulse-guide-label,.tutorial-preview[data-module=pulse-return] #tutorial-caption{display:none}body #modules-debug{padding:18px}#modules-debug :is(#modules-debug-catalog,#modules-debug-extra)>section{margin:10px 0;padding:14px}#modules-debug :is(#modules-debug-catalog,#modules-debug-extra)>section>p{margin:6px 0 12px}body .audio-setup{text-align:center;width:min(350px,100vw - 32px);max-height:calc(100dvh - 32px);padding:16px;overflow:auto}.audio-setup>header{justify-content:space-between;align-items:center;gap:12px;display:flex}body .audio-setup h2{margin:0;font-size:19px;font-weight:500}body .audio-setup .setup-close{place-items:center;width:40px;min-width:40px;height:40px;padding:0;display:grid;position:static}.setup-stage{min-height:224px;padding-top:8px}body .audio-setup .setup-pad{--echo-color:var(--orbit-color,#b3e7ff);border:1px solid color-mix(in srgb, var(--echo-color) 50%, transparent);width:112px;height:112px;min-height:112px;box-shadow:0 0 30px color-mix(in srgb, var(--echo-color) 12%, transparent);color:#f4fff9;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle,#ffffff0d,#ffffff02 70%);border-radius:50%;place-items:center;margin:12px auto 20px;padding:0;display:grid;position:relative}.audio-setup .setup-pad:disabled{opacity:1;cursor:default}.audio-setup .setup-pad:focus-visible{outline-offset:5px;outline:2px solid #fff}.setup-symbol{pointer-events:none;place-items:center;display:grid}.setup-core{width:22px;height:22px;box-shadow:0 0 13px #fff, 0 0 32px var(--echo-color);pointer-events:none;background:#fff;border-radius:50%;display:none}.audio-setup:is([data-phase=listen],[data-phase=tap]) .setup-core{display:block}.audio-setup:is([data-phase=listen],[data-phase=tap]) .setup-symbol{display:none}.audio-setup .echo-light-wave{border:1px solid var(--echo-color);width:auto;height:auto;inset:-16px}body .audio-setup .setup-step{margin:0;font-size:24px;font-weight:450;line-height:1.3}body .audio-setup #setup-hint{color:#dcebe6;min-height:1.5em;margin:7px 0 12px;font-size:13px;line-height:1.5}.setup-progress{justify-content:center;align-items:center;gap:8px;min-height:12px;display:flex}.setup-progress i{background:#ffffff25;border-radius:50%;width:7px;height:7px;transition:background .16s,box-shadow .16s}.setup-progress i.complete{background:var(--orbit-color,#b3e7ff);box-shadow:0 0 7px var(--orbit-color,#b3e7ff)}.setup-actions{justify-content:center;align-items:center;gap:10px;min-height:44px;margin-top:10px;display:flex}.audio-setup .setup-actions .glass-button{min-height:44px;margin:0;padding:10px 20px}.audio-setup .setup-actions .setup-save{min-width:122px}body .audio-setup .setup-manual{text-align:left;border-top:1px solid #ffffff16;margin-top:16px;padding-top:10px}.audio-setup .setup-manual>summary{cursor:pointer;color:#d4e7e0;font-size:12px}.audio-setup .setup-manual[hidden]{visibility:hidden;display:block!important}.audio-setup .setup-manual label{padding:12px 2px 4px;font-size:12px}.audio-setup .setup-manual output{text-align:right;color:#d4e7e0;font-variant-numeric:tabular-nums;display:block}.audio-setup .setup-stage{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (prefers-reduced-motion:reduce){.setup-progress i{transition:none}}body .audio-setup .setup-actions .setup-repeat{place-items:center;width:44px;min-width:44px;padding:0;display:grid}body .pulse-guide-beats.phrase-indicator{width:min(200px, calc(var(--beat-count,4) * 24px));justify-content:space-between;height:18px;margin-inline:auto}.pulse-guide[data-state=gap][data-assisted=true] .pulse-guide-beats{opacity:1}body #pulse-workspace[data-turn] #pulse-hint{top:calc(49% + clamp(80px,12vw + 16px,106px));bottom:auto}body #pulse-workspace[data-turn] #pulse-guide{top:calc(49% + clamp(124px,12vw + 60px,150px))}@media (max-height:500px){body #pulse-workspace[data-turn] #pulse-hint{top:calc(46% + 70px);bottom:auto}body #pulse-workspace[data-turn] #pulse-guide{top:calc(46% + 112px)}}body #pulse-workspace[data-turn=paused] #pulse-guide{display:none}body #pulse-workspace[data-turn] #pulse-hint{pointer-events:none}body #pulse-workspace[data-turn] #pulse-hint[hidden]{display:none!important}body #pulse-workspace[data-turn] #pulse-resume{z-index:4;pointer-events:auto}body #pulse-guide,body #pulse-guide *{pointer-events:none!important}body #pulse-workspace[data-turn=gap] #pulse-pad .game-light-core,body .tutorial-preview[data-module=pulse-return][data-phase="1"] .tutorial-halo:after{opacity:1}body #pulse-workspace[data-turn=gap] .pulse-guide[data-assisted=true] .pulse-guide-label{visibility:hidden}body #pulse-pad .pulse-traveler{pointer-events:none;transform:translateY(calc(var(--pulse-descent,0) * clamp(64px, 13vh, 96px)));position:absolute;inset:0}body #pulse-workspace[data-turn=listen] #pulse-pad{overflow:visible}body #pulse-workspace[data-turn=gap] #pulse-pad{border-style:solid;overflow:visible}.pulse-guide[data-state=gap][data-assisted=false] .pulse-guide-beats{visibility:visible}@media (prefers-reduced-motion:reduce){body #pulse-pad .pulse-traveler{transform:none}body .tutorial-preview[data-module=pulse-return] .tutorial-halo{translate:none!important}}.pulse-arrival-ring,.tutorial-preview[data-module=pulse-return] .pulse-preview-target{pointer-events:none;border:1px solid #ffffffa6;border-radius:50%;width:42px;height:42px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 8px #02061080,inset 0 0 8px #02061040}.pulse-preview-target{display:none}.tutorial-preview[data-module=pulse-return] .pulse-preview-target{width:28px;height:28px;display:block;top:76px}body #notes-workspace .notes-center{width:min(920px,100% - 40px);margin:72px auto 0;padding-bottom:24px}body #notes-workspace #notes-step{margin:12px 0;font-size:clamp(23px,3vw,32px)}body #notes-workspace #notes-hint{margin:0 0 24px;font-size:14px}body #notes-workspace .falling-note{width:min(64px,15vw);height:40px;font-size:15px}body #notes-workspace .note-pad{font-size:16px;position:relative;overflow:visible}body #notes-workspace #notes-feedback{margin:18px auto;font-size:15px}.notes-touch-flash{border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(#ffffffc0,#83ffe94a 50%,#0000 75%);border:2px solid #ffffffd9;position:absolute;inset:0;box-shadow:0 0 32px #b8fff6a0}.notes-touch-flash[data-success=false]{background:radial-gradient(#ffac7540,#0000 75%);border-color:#ffc49c;box-shadow:0 0 18px #ffb77a60}@media (max-height:650px){body #notes-workspace .notes-center{margin-top:60px;padding-bottom:12px}body #notes-workspace #notes-board{--board-h:clamp(210px, 43vh, 320px)}body #notes-workspace #notes-hint{margin-bottom:12px}}body #notes-workspace .notes-center{width:min(1120px,100% - 32px)}body #notes-workspace #notes-board{--board-h:clamp(300px, 60vh, 680px);--note-travel:calc(var(--board-h) - 44px)}body #notes-workspace .notes-hit-line{z-index:1;pointer-events:none;bottom:24px}body #notes-workspace #notes-pads{background:#03081255}body #notes-workspace .note-pad{z-index:2;background:0 0}body #notes-workspace .notes-numbers{display:none}body #notes-workspace .notes-meta{color:#f5fffc;max-width:calc(100% - 48px);text-shadow:var(--experience-copy-shadow);pointer-events:none;background:#03081299;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;font-size:11px;display:flex;position:absolute;bottom:24px;right:24px}body #notes-workspace .notes-meta :is(#notes-key,#notes-tempo,#notes-progress){font-size:inherit;letter-spacing:0;background:0 0;border:0;margin:0;padding:0;position:static;transform:none}.notes-preview-board{display:none}.tutorial-preview[data-module=falling-notes]{height:250px}body .tutorial-preview[data-module=falling-notes] :is(.tutorial-note,.tutorial-line,.tutorial-cells,.tutorial-cursor,#tutorial-caption){display:none}.tutorial-preview[data-module=falling-notes] .notes-preview-board{--board-h:214px;--note-travel:calc(var(--board-h) - 44px);height:var(--board-h);background:repeating-linear-gradient(90deg,#03081255 0 calc(20% - 1px),#ffffff30 calc(20% - 1px) 20%);border:1px solid #ffffff38;border-radius:18px;display:block;position:absolute;inset:18px 12px auto;overflow:hidden}.notes-preview-board .notes-hit-line{bottom:24px}.notes-preview-pads{grid-template-columns:repeat(5,1fr);width:100%;height:48px;display:grid;position:absolute;bottom:0}.notes-preview-pads .note-pad{background:0 0;place-items:center;font-size:12px;display:grid;position:relative;overflow:visible}.notes-preview-pads .tutorial-lit{color:#fff;background:#aaffef55;box-shadow:0 0 26px #baffef}.notes-preview-note{background:#bca0ff88;border-color:#e3d4ff;width:44px;height:40px}@media (max-height:650px){body #notes-workspace #notes-board{--board-h:clamp(240px, 49vh, 350px)}body #notes-workspace .notes-meta{bottom:18px;right:16px}}body :is(.echo-meta,.pulse-meta,.stem-meta,.module-game-meta){color:#f5fffc;font-variant-numeric:tabular-nums;text-shadow:var(--experience-copy-shadow);background:#000b;border:1px solid #ffffff20;border-radius:14px}.notes-preview-note{background:#ff478e66;border-color:#ff478e}.notes-preview-pads>:first-child{border-bottom:2px solid #00e5ff}.notes-preview-pads>:nth-child(2){border-bottom:2px solid #a876ff}.notes-preview-pads>:nth-child(3){border-bottom:2px solid #ff478e}.notes-preview-pads>:nth-child(4){border-bottom:2px solid #ffd44b}.notes-preview-pads>:nth-child(5){border-bottom:2px solid #70efd3}body #notes-workspace .notes-hit-line,.notes-preview-board .notes-hit-line{display:none}body #notes-workspace #notes-board{--board-h:clamp(320px, calc(100dvh - 238px), 850px)}body #notes-workspace #notes-feedback{min-height:22px;margin:10px auto}.notes-lane-flash{pointer-events:none;z-index:1;background:linear-gradient(to top, color-mix(in srgb, var(--note-color) 75%, transparent), color-mix(in srgb, var(--note-color) 12%, transparent));width:20%;position:absolute;top:0;bottom:0}.notes-name-flash{pointer-events:none;z-index:-1;background:var(--note-color);border-radius:10px 10px 0 0;position:absolute;inset:0}body #notes-workspace .note-pad,.notes-preview-pads .note-pad{isolation:isolate;overflow:hidden}body #notes-workspace .note-pad[data-hit]{color:#fff;background:0 0}@media (max-height:650px){body #notes-workspace #notes-board{--board-h:max(220px, calc(100dvh - 232px))}}body #notes-workspace .notes-center{grid-template-rows:44px minmax(0,1fr) 36px;margin:0;padding:0;display:grid;position:absolute;top:72px;bottom:66px;left:50%;transform:translate(-50%)}body #notes-workspace .notes-center[hidden],body #notes-workspace #notes-hint{display:none}body #notes-workspace #notes-step{grid-row:1;align-self:center;margin:0;font-size:clamp(21px,3vw,30px);line-height:1.2}body #notes-workspace #notes-board{grid-row:2;height:100%;min-height:0}body #notes-workspace #notes-feedback{grid-row:3;min-height:0;margin:0;padding:6px 0 0}body #notes-workspace .notes-meta{justify-content:center;width:max-content;bottom:20px;left:50%;right:auto;transform:translate(-50%)}body #notes-workspace #notes-resume{position:absolute;bottom:42px;left:50%;transform:translate(-50%)}body #rhythm-workspace :is(#rhythm-lane,#rhythm-halo,#rhythm-pad-label){display:none}body #rhythm-workspace .game-light-core{width:26px;height:26px;margin:auto}.rhythm-preview-guide{display:none}.tutorial-preview[data-module=follow-rhythm] .rhythm-preview-guide{width:140px;display:flex;position:absolute;top:130px;left:50%;transform:translate(-50%)}body .tutorial-preview[data-module=follow-rhythm] .tutorial-cells{display:none}body .tutorial-preview[data-module=follow-rhythm] .echo-light-wave{width:100px;height:100px;top:-17px;left:-17px}body #rhythm-workspace .module-game-meta{font-size:11px}body #rhythm-workspace[data-turn=listen] #rhythm-feedback,body #rhythm-workspace[data-turn=wait] #rhythm-feedback{visibility:hidden}body #rhythm-workspace,body #rhythm-workspace *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body #rhythm-workspace .rhythm-orbit{display:none}.rhythm-score{color:#f5fffc;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:12px;display:grid;position:relative}.rhythm-score:before{display:none}.rhythm-score-beat{background:#03081235;border:1px solid #ffffff20;border-radius:16px;grid-template-rows:52px 32px;gap:14px;min-width:0;padding:10px 6px;display:grid;position:relative}.rhythm-score-beat[data-current=true]{border-color:var(--orbit-color,#b6ffea);background:#ffffff12}.rhythm-score-figure{place-items:center;height:44px;display:grid}body .rhythm-score .phrase-indicator{grid-template-columns:repeat(4,minmax(0,1fr));place-items:center;gap:0;width:100%;min-width:0;height:24px;margin:0;display:grid}body .rhythm-score .phrase-indicator>span{border-radius:50%;width:10px;height:10px;margin:0;position:relative}body .rhythm-score .phrase-indicator>span[data-note=false]{opacity:.35;width:4px;height:4px}body .rhythm-score .phrase-indicator>span.played{background:var(--orbit-color,#b6ffea)}body .tutorial-preview[data-module=follow-rhythm] :is(.tutorial-halo,.tutorial-cursor){display:none}body .tutorial-preview[data-module=follow-rhythm] .rhythm-preview-guide{gap:6px;width:calc(100% - 24px);display:grid;top:20px}body .tutorial-preview[data-module=follow-rhythm] .rhythm-score-beat{grid-template-rows:42px 24px;gap:8px;padding:4px 2px}body .tutorial-preview[data-module=follow-rhythm] .rhythm-score .phrase-indicator>span{width:6px;height:6px}body .tutorial-preview[data-module=follow-rhythm] .rhythm-score .phrase-indicator>span[data-note=false]{width:3px;height:3px}@media (max-width:420px){.rhythm-score{gap:6px}.rhythm-score-beat{padding:8px 3px}}body .rhythm-score-figure{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.rhythm-score-figure>span{place-items:center;min-width:0;display:grid}.rhythm-score-figure svg{width:24px;height:36px;overflow:visible;translate:4px}body .tutorial-preview[data-module=follow-rhythm] .rhythm-score-figure svg{width:16px;translate:2px}body .rhythm-score .phrase-indicator>span[data-note=false],body .rhythm-score .phrase-indicator>span[data-note=true]{box-sizing:border-box;opacity:1;width:11px;height:11px}body .rhythm-score .phrase-indicator>span[data-note=false]{background:#10172599;border:1.5px solid #e9fff5b3;box-shadow:0 1px 4px #020812}body .rhythm-score .phrase-indicator>span[data-note=true]{background:#f0fff8;border:1.5px solid #f0fff8;box-shadow:0 0 0 2px #03081280}body .rhythm-score .phrase-indicator>span.played[data-note=true]{background:var(--orbit-color,#b6ffea);border-color:#f0fff8}body .rhythm-score-figure svg{width:32px;height:44px;translate:none}body .tutorial-preview[data-module=follow-rhythm] .rhythm-score-figure svg{width:24px;height:36px;translate:none}body .tutorial-preview[data-module=follow-rhythm] .rhythm-score .phrase-indicator>span[data-note]{width:8px;height:8px}body .tutorial-preview[data-module=follow-rhythm] .rhythm-preview-guide{width:100%;height:100%;display:block;inset:0;transform:none}body .tutorial-preview[data-module=follow-rhythm] #tutorial-caption{top:auto;bottom:8px}body #rhythm-workspace[data-concept=lesson] .module-game-meta,body #rhythm-workspace[data-concept=lesson] #rhythm-feedback{display:none}body #rhythm-workspace.platform-workspace{z-index:32;pointer-events:auto;position:fixed;inset:0}body .platform-workspace header h2{display:none}#platform-exit,#platform-help{top:max(18px, env(safe-area-inset-top));z-index:2;width:44px;height:44px;position:absolute;right:18px}#platform-help{right:68px}.platform-heading{text-align:center;pointer-events:none;text-shadow:var(--experience-copy-shadow);position:absolute;top:15%;left:16px;right:16px}#platform-instruction{margin:0;font-size:clamp(24px,4vw,34px);font-weight:500}.platform-board{background:#030812b8;border:1px solid #ffffff24;border-radius:24px;height:46%;position:absolute;top:27%;left:16px;right:16px;overflow:hidden}body #platform-world{touch-action:manipulation;cursor:pointer;background:0 0;border:0;width:100%;height:100%;display:block}#platform-world:focus-visible{outline-offset:-4px;border-radius:24px;outline:2px solid #ffffffb0}.platform-board-top,.platform-board-bottom{pointer-events:none;color:#eaf4f0;text-shadow:var(--experience-copy-shadow);justify-content:space-between;align-items:center;gap:12px;font:11px/1.5 system-ui;display:flex;position:absolute;left:16px;right:16px}.platform-board-top{top:12px}.platform-board-bottom{bottom:10px}.platform-board-top span{text-overflow:ellipsis;white-space:nowrap;max-width:65%;overflow:hidden}.platform-board-bottom small{font:inherit}#platform-status{text-align:center;text-shadow:var(--experience-copy-shadow);margin:0;font-size:13px;position:absolute;top:77%;left:20px;right:20px}.platform-options{bottom:max(28px, env(safe-area-inset-bottom));align-items:center;gap:16px;width:max-content;max-width:calc(100% - 24px);font-size:11px;display:flex;position:absolute;left:50%;translate:-50%}.platform-options label{gap:5px;display:grid}.platform-options select{color:#fff;max-width:145px;font:inherit;background:#071421aa;border:1px solid #ffffff38;border-radius:12px;padding:8px 12px}body #platform-result{text-align:center;box-sizing:border-box;width:min(340px,100% - 32px);height:-moz-fit-content;height:fit-content;max-height:75dvh;margin:auto;padding:40px 20px 20px;position:fixed;inset:0;overflow:auto}#platform-result-close,#platform-share{position:absolute}#platform-result h3{margin:0 0 12px;font-size:22px}#platform-summary{margin:0 0 18px;font-size:14px}.platform-results-open :is(.platform-heading,.platform-board,.platform-options,#platform-status,#platform-help){visibility:hidden}#platform-guide{box-sizing:border-box;width:min(420px,100% - 32px);padding:40px 22px 22px}#platform-guide>button{position:absolute;top:8px;right:8px}#platform-guide h2{font-size:23px}#platform-guide h3{font-size:16px}#platform-guide p{font-size:13px;line-height:1.65}.tutorial-platform-canvas{width:100%;height:100%;display:block}body .tutorial-preview[data-module=follow-rhythm]{height:270px}@media (max-height:650px){.platform-heading{top:15%}.platform-board{height:49%;top:26%}#platform-status{font-size:12px;top:78%}.platform-options{bottom:12px}}#platform-guide details{border-top:1px solid #ffffff1c;padding:10px 0}#platform-guide summary{cursor:pointer;font-size:13px;line-height:1.6}.platform-options{flex-wrap:wrap;justify-content:center}.platform-options select:disabled{opacity:.6;cursor:default}#platform-difficulty-label{align-items:end;gap:5px;display:flex}#platform-level-help{width:36px;min-width:36px;height:36px;padding:0}.platform-run{color:#f0fffb;pointer-events:none;white-space:nowrap;text-shadow:var(--experience-copy-shadow);gap:16px;font-size:12px;display:flex;position:absolute;top:36px;left:50%;translate:-50%}.platform-workspace[data-judgement=hit]{--platform-feedback:#8bffd3}.platform-workspace[data-judgement=near]{--platform-feedback:#c4c6ff}.platform-workspace[data-judgement=miss]{--platform-feedback:#ffd18b}body .platform-workspace #platform-instruction{color:var(--platform-feedback,#fff);transition:color .18s}.platform-results-open .platform-run{visibility:hidden}#platform-guide li{margin-bottom:5px;font-size:13px;line-height:1.7}.platform-options{grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr) minmax(0,1.4fr);gap:10px;width:min(430px,100% - 32px);display:grid}.platform-options label{min-width:0}.platform-options select{box-sizing:border-box;width:100%;min-width:0;max-width:none;padding:7px 8px}#platform-difficulty-label{gap:2px;min-width:0}#platform-difficulty-label label{flex:1;min-width:0}#platform-level-help{width:30px;min-width:30px}.platform-options:has(#platform-difficulty-label[hidden]){grid-template-columns:1.3fr 1fr;width:min(260px,100% - 32px)}body .platform-board{border:0}body #platform-world:focus-visible{outline:none}.platform-board:has(#platform-world:focus-visible):after{content:"";background:var(--orbit-color,#b6ffea);pointer-events:none;border-radius:50%;width:6px;height:6px;position:absolute;bottom:12px;left:12px}body .platform-board-top{justify-content:flex-start;gap:12px}body .platform-board-bottom{justify-content:center;align-items:center;gap:12px}body #platform-metronome{z-index:2;color:#d5e4e9;cursor:pointer;background:#0c151eb8;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:7px;min-width:110px;min-height:42px;padding:5px 9px;display:flex;position:absolute;top:10px;right:12px}#platform-metronome>span{text-align:left;gap:1px;font-size:10px;display:grid}#platform-metronome .metronome-label{opacity:.8;font-size:10px}#platform-metronome-state{font-weight:650}#platform-metronome .metronome-arm{transform-origin:11.5px 17px}body #platform-metronome[aria-pressed=true]{color:#c5ffeb;background:#174e43c9;border-color:#8bffd380}body .platform-board-top{right:140px}.platform-score-svg{-webkit-user-select:none;user-select:none;display:block}body .platform-board-top{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 12px;display:grid;top:12px}.platform-context{align-items:baseline;gap:10px;min-width:0;display:flex}.platform-context #platform-song{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body .platform-board-top .platform-run{align-items:baseline;gap:10px;font-size:11px;display:flex;position:static;translate:none}#platform-section{color:#e6f2f0;opacity:.85;grid-column:1/-1;font-size:10px}@media (max-width:600px){body .platform-board-top{grid-template-columns:1fr;gap:4px}body .platform-board-top .platform-run{font-size:10px}}.creation-preview{display:none}.tutorial-preview[data-module=creation] .creation-preview{background:radial-gradient(#182c3e55,#02061355);border-radius:18px;display:block;position:absolute;inset:22px 8px 36px;overflow:hidden}.creation-preview>svg,.creation-preview-labels{width:100%;height:100%;position:absolute;inset:0}.creation-preview>svg>path{fill:var(--pad);fill-opacity:.12;stroke:var(--pad);stroke-opacity:.18;stroke-width:.25px}.creation-preview-labels>span{color:var(--pad);text-shadow:0 1px 5px #000;justify-items:center;gap:2px;font-size:9px;transition:filter .25s,scale .25s;display:grid;position:absolute;transform:translate(-50%,-50%)}.creation-preview-labels>span[data-active]{filter:brightness(1.7) drop-shadow(0 0 6px var(--pad));scale:1.1}.creation-preview-labels svg{width:18px;height:18px}body :is(.module-tutorial,.tutorial-library) .tutorial-preview[data-module=creation] :is(.tutorial-cells,.tutorial-cursor,.tutorial-line,.tutorial-note){display:none!important}#creation-zones[hidden],#creation-labels[hidden]{display:none}#creation-labels>span{-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:var(--experience-copy-shadow);background:0 0;border:0;border-radius:0;justify-items:center;gap:4px;display:grid}#creation-zones path{fill-opacity:.12;stroke:var(--pad);stroke-opacity:.16;stroke-width:.12px}#creation-labels>span svg{width:26px;height:26px}.creation-header{right:76px}body.creation-active #modules-debug-open{display:none}