:root{font-family:var(--font-ui);color:#eef2f2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-display:"Helvetica Neue", "Helvetica", "Liberation Sans", "Arial", sans-serif;--font-ui:"Helvetica Neue", "Helvetica", "Liberation Sans", "Arial", sans-serif;--mist-100:#f4f6f3;--mist-200:#d7e0e2;--mist-300:#b4c2c9;--mist-400:#8796a1;--warm-200:#f1c39b;background-color:#05070b;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;background-color:#05070b}html,body{height:100%;margin:0;overflow:hidden}#app{box-sizing:border-box;min-width:100dvw;min-height:100dvh}button{font-family:var(--font-ui)}a{color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}a.plain-link{text-decoration:none}.welcome{opacity:1;background:linear-gradient(#080c12cc,#080c12aa);flex-direction:column;place-items:center;min-width:300px;padding:24px;transition:opacity .6s;display:flex;position:absolute;inset:0}.welcome--hide{opacity:0;pointer-events:none}.welcome-about,.welcome-footer{text-align:center;text-wrap:balance;flex:1;font-size:.8rem;line-height:1.2rem}.welcome-about{background:linear-gradient(135deg,#40d9a6f2,#5682fff2);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;min-width:164px;margin:6px 64px 2rem;font-weight:600}.welcome-about a{border-bottom:2px solid;border-image:linear-gradient(135deg,#40d9a680,#5682ff80) 1;text-decoration:none;transition-property:border-image;transition-duration:.25s;transition-timing-function:ease-in-out}.welcome-about a:hover,.welcome-about a:focus-visible .welcome-about a:active{border-bottom:2px solid;border-image:linear-gradient(135deg,#40d9a6bf,#5682ffbf) 1;text-decoration:none}.welcome-footer{color:#dce6f5cc;align-items:flex-end;margin-top:2rem;display:flex}.welcome-card{text-align:center;flex-direction:column;align-items:center;max-width:400px;display:flex}.welcome-kicker{text-transform:uppercase;letter-spacing:.18em;color:#e6ebf5b3;margin:0 0 12px;font-size:.7rem;display:none}.welcome-title{color:#f3f6fcd9;width:100%;margin:0 0 12px;position:relative}.welcome-title-text{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.welcome-title-mark{width:100%;height:2.25rem;display:block}.welcome-copy{color:#dce6f5cc;text-wrap:balance;margin:0 0 24px;font-size:1rem;line-height:1.5}.welcome-button{color:#0a0c12f2;cursor:pointer;background:linear-gradient(135deg,#40d9a6f2,#5682fff2);border:0;border-radius:999px;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:17rem;padding:14px 42px;font-size:1.05rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 16px 35px #0000004d}.welcome-button:hover:not(:disabled){transform:scale(1.04);box-shadow:0 20px 40px #00000059}.welcome-button:active:not(:disabled){transform:scale(.97);box-shadow:0 12px 28px #0000004d}.welcome-button:disabled{opacity:.7;cursor:default;box-shadow:none}.welcome-button:focus-visible{outline-offset:3px;outline:2px solid #ffffffd9}@keyframes loading{0%{transform:translate(-75%)}to{transform:translate(75%)}}.welcome-button--loading{position:relative;overflow:hidden}.welcome-button--loading:after{content:"";pointer-events:none;background:linear-gradient(120deg,#fff0 20%,#ffffffa6 50%,#fff0 80%);animation:2s ease-in-out infinite loading;position:absolute;inset:-30%}.welcome-day-link{margin-top:14px;font-size:.95rem}.welcome-link{color:#bed2ffe6;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline;display:inline-block}.welcome-link:hover:not(:disabled){color:#dce8fff2}.welcome-link:disabled{opacity:.7;cursor:default}.welcome-link:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #ffffffd9}.welcome-loader{letter-spacing:.02em;color:#dce6f5b3;margin-top:16px;font-size:.95rem}@keyframes flashError{0%{background:#d7181880}50%{background:#d7181840}to{background:#d7181880}}.welcome-error{color:#fff;cursor:pointer;background:#d7181880;border-radius:24px;margin-top:16px;padding:12px 16px;font-size:.9rem;line-height:1.4;animation:1.5s ease-in-out infinite flashError;position:absolute;top:0}.welcome-error p{margin:0}.welcome-error p+p{color:#ffd2d2cc;margin-top:6px;font-size:.8rem}.menu-toggle{z-index:6;border-radius:14px;width:80px;height:80px;position:absolute;top:0;right:0}.menu-toggle-bar{background:#ebf2ffe6;border-radius:999px;width:18px;height:2px}.stage--buttons-dark .menu-toggle-bar{background:#0a0c12f2}.menu-overlay{--overlay-backdrop:#080c128c;--overlay-z:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.menu-card{--overlay-padding:12px;--overlay-gap:12px;--overlay-card-bg:#0a0e14;--overlay-max-height:min(90dvh, 580px);--overlay-overflow:auto}.menu-list{--menu-item-height:64px;gap:12px;display:grid}.menu-item,.menu-confirm-button{color:#dce6f5e6;text-align:left;cursor:pointer;height:var(--menu-item-height);background:#2e3d5299;border:1px solid #0000;border-radius:12px;flex-direction:row;align-items:center;gap:16px;padding:12px 16px;font-size:.95rem;transition:border-color .2s,background .2s;display:flex}@keyframes fadeInConfirm{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.menu-confirm-button{justify-content:center;width:100px;animation:.3s ease-out forwards fadeInConfirm}.menu-item:active:not(:disabled),.menu-confirm-button:active:not(:disabled){background:#000000bf;border-color:#78d6c480}@media (hover:hover) and (pointer:fine){.menu-item:hover:not(:disabled),.menu-confirm-button:hover:not(:disabled){background:#000000bf;border-color:#78d6c480}}.menu-item:disabled,.menu-confirm-button:disabled{opacity:.6;cursor:default}.menu-item.is-active{border-color:#78d6c4e6}.menu-item:focus-visible,.menu-confirm-button:focus-visible{outline-offset:3px;outline:2px solid #ffffffd9}.menu-item-label{color:#ebf0fff2;font-weight:600}.menu-item-label.is-current{background:linear-gradient(100deg,#2dd5c4 0%,#5cc6ff 85%);color:#0000;text-shadow:0 0 12px #46d6d140;-webkit-background-clip:text;background-clip:text}.menu-item-description{color:#c3d2ebbf;margin-top:4px;font-size:.85rem;display:block}.menu-item-text{flex-direction:column;flex:1;display:flex}.menu-item-icon{width:16px;height:16px;color:inherit;height:64px;padding-top:14px;display:inline-flex}.menu-item-icon svg{width:16px;height:16px;display:block}.menu-confirm{min-height:var(--menu-item-height);align-items:center;gap:12px;height:auto;display:flex}.menu-confirm-text{text-align:left;color:#c3d2ebbf;text-wrap:balance;font-size:.9rem;line-height:1.3}.menu-confirm-button+.menu-confirm-text{color:#ebf0fff2;text-align:center;flex:1;font-weight:600}.menu-confirm-button{text-align:center;white-space:nowrap;color:#ebf0fff2;font-weight:600}.menu-confirm-button:first-of-type{justify-self:start}.menu-confirm-button:last-of-type,.menu-confirm--single .menu-confirm-button,.menu-confirm--single .menu-confirm-time{margin-left:auto}.menu-confirm-time{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.menu-confirm-time-label{margin-right:.25em;display:none}.menu-confirm-time-input{border-radius:8px;font-size:1.5rem}.overlay{padding:var(--overlay-inset,0);background:var(--overlay-backdrop,#080c1299);z-index:var(--overlay-z,8);--spring-easing:linear(0, .0033 0.8%, .0276 2.39%, .0976 4.77%, .2298 7.96%, .5982 15.92%, .7772 20.69%, .8476 23.08%, .9217 26.26%, .9636 28.65%, 1.0034 31.83%, 1.0232, 1.0359, 1.043 38.99%, 1.046 42.18%, 1.0415 46.95%, 1.0141 60.48%, 1.0029 69.23%, .9981 80.38%, .9991 99.47%);--spring-duration:.5013s;place-items:center;animation:.2s ease-out forwards overlayFade;display:grid;position:absolute;inset:0}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.overlay-card{width:calc(100dvw - 2 * var(--overlay-padding,16px));max-width:440px;padding:var(--overlay-padding,18px);background:var(--overlay-card-bg,#0a0e14f5);gap:var(--overlay-gap,14px);max-height:var(--overlay-max-height,none);overflow-y:var(--overlay-overflow,visible);overscroll-behavior:contain;animation:overlayCardOpen var(--spring-duration) var(--spring-easing) forwards;border-radius:18px;display:grid;box-shadow:0 28px 60px #00000073}@keyframes overlayCardOpen{0%{opacity:0;transform:translateY(var(--overlay-card-translate,50vh)) scale(.25)}to{opacity:1;transform:translateY(0)scale(1)}}.overlay-card--from-top{--overlay-card-translate:-50vh}.overlay-card--from-bottom{--overlay-card-translate:50vh}.debug-controls{z-index:4;background:#0006;border-radius:999px;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.debug-toggle-zone{z-index:5;width:80px;height:80px;position:absolute;top:0;left:0}.debug-button{width:48px;color:var(--mist-100);cursor:pointer;letter-spacing:.04em;background:0 0;border:1px solid #0000;border-radius:999px;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;font-weight:600;display:inline-flex}.debug-button:hover:not(:disabled){background:#ffffff38}.debug-button:active:not(:disabled){transform:translateY(1px)}.debug-button:disabled{opacity:.5;cursor:not-allowed}.debug-button__icon{display:inline-block}.debug-button__icon--stop{color:tomato}.debug-button__label{text-transform:uppercase;color:inherit;font-size:8px;line-height:1}.share-record{z-index:7;place-items:center;width:80px;height:80px;display:grid;position:absolute;bottom:clamp(24px,5vh,48px);left:50%;transform:translate(-50%)}.share-record-ring{position:absolute;inset:0;transform:rotate(-90deg)}.share-record-ring-track{fill:none;stroke:#ebf2ff33;stroke-width:4px}.share-record-ring-progress{fill:none;stroke:#ebf2ffe6;stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.share-record-button{color:#ebf2ffe6;cursor:pointer;background:#ebf2ff40;border:0;border-radius:50%;width:64px;height:64px;position:relative}.share-record-button:disabled{opacity:.6;cursor:default}.share-record-dot{will-change:width, height, border-radius;background:#ff5c5c;border-radius:50%;width:64px;height:64px;transition-property:width,height,border-radius;transition-duration:.25s;transition-timing-function:ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.share-record-dot--active{border-radius:6px;width:32px;height:32px}.share-record-stop{color:#fff;width:24px;height:24px}.share-preview.overlay{--overlay-padding:0px;--overlay-card-bg:#06080cf5}.share-preview-card{border-radius:0;width:100%;max-width:none;height:100%;max-height:none;padding:0;position:relative;overflow:hidden}.share-preview-video{transform-origin:50%;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.share-preview-close{z-index:2;position:absolute;top:0;right:0}.share-preview-action{position:relative}.share-preview-close,.share-preview-action{color:#fff!important}.share-preview-close:before,.share-preview-action:before{content:"";z-index:-1;background:#0006;border-radius:25px;width:50px;height:50px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.share-preview-actions{z-index:2;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.share-record-button:active:not(:disabled){transform:translateY(1px)}.stage{min-height:100dvh;color:var(--mist-100);--instr-scale:1;--blob-offset-y:0px;background:radial-gradient(circle at top,#f4d5b52e,#0000 60%),linear-gradient(#0e1a24eb,#090d14f5);position:relative;overflow:hidden}.stage--voiceover{--blob-offset-y:-25dvh}.icon-overlay-button{cursor:pointer;background:0 0;border:0;place-items:center;width:80px;height:80px;transition:transform .2s,color .5s,background .2s,border-color .2s;display:grid}.icon-overlay-button:active:not(:disabled){transform:translateY(1px)}.icon-overlay-button:focus-visible{outline-offset:3px;outline:2px solid #ffffffd9}.icon-overlay-button:disabled{opacity:.6;cursor:default}.stage--buttons-light .icon-overlay-button{color:#ebf2ffe6}.stage--buttons-dark .icon-overlay-button{color:#0a0c12f2}.vo-skip{z-index:6;padding-top:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.session-pause-control{z-index:6;color:var(--session-pause-fg,#f6faffc7);justify-items:center;gap:0;display:grid;position:absolute;top:4px;left:4px}.session-pause-toggle{width:72px;height:72px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background .25s,transform .2s,color .25s;display:grid;position:relative}.session-pause-toggle:active{transform:translateY(1px)}.session-pause-toggle:focus-visible{outline-offset:3px;outline:2px solid #ffffffd1}.session-pause-ring{opacity:.58;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.session-pause-ring-track,.session-pause-ring-progress{fill:none;stroke-width:3px}.session-pause-ring-track{stroke:var(--session-pause-ring-track,#f5f8ff24)}.session-pause-ring-progress{stroke:var(--session-pause-ring-progress,#f5f8ff80);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:var(--session-pause-ring-offset,1);transition:stroke-dashoffset .12s linear}.session-pause-icon{z-index:1;width:21px;height:21px;filter:drop-shadow(0 0 10px var(--session-pause-shadow,#f5f8ff38));position:relative}.session-pause-time{min-width:72px;color:var(--session-pause-time,#f6faff9e);letter-spacing:.04em;text-align:center;text-shadow:0 1px 8px #0000004d;pointer-events:none;margin-top:-8px;font-size:.72rem;font-weight:600;line-height:1;display:block}.session-pause-overlay{z-index:5;opacity:.8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-content:center;justify-items:center;gap:0;padding:0;display:grid;position:absolute;inset:0;color:var(--session-pause-overlay-fg)!important}.session-pause-overlay-title,.session-pause-overlay-label{letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px;font-size:.8rem;font-weight:600}.session-pause-overlay-title{font-size:1.7rem}.session-pause-toggle--paused .session-pause-ring-progress{stroke:var(--session-pause-ring-progress-paused,#ffffffb8)}.stage--buttons-light .session-pause-control{--session-pause-fg:#ebf2ffe6;--session-pause-ring-track:#f5f8ff24;--session-pause-ring-progress:#f5f8ff80;--session-pause-ring-progress-paused:#ffffffb8;--session-pause-time:#f6faff9e;--session-pause-shadow:#f5f8ff38;--session-pause-glow:#f5f8ff70;--session-pause-icon-glow:#f5f8ff8a}.stage--buttons-light .session-pause-overlay{--session-pause-overlay-fg:#fff}.stage--buttons-dark .session-pause-control{--session-pause-fg:#0a0c12f2;--session-pause-ring-track:#0a0c122e;--session-pause-ring-progress:#0a0c1294;--session-pause-ring-progress-paused:#0a0c12c7;--session-pause-time:#0a0c12b8;--session-pause-shadow:#0a0c122e;--session-pause-glow:#0a0c124d;--session-pause-icon-glow:#0a0c1261}.stage--buttons-dark .session-pause-overlay{--session-pause-overlay-fg:#000}.bg-video,.blob-canvas{transform-origin:50%;pointer-events:none;filter:blur();width:100%;height:100%;display:block;position:absolute;inset:0}.bg-video{object-fit:cover;pointer-events:none;opacity:0;will-change:opacity, filter;transition:opacity 3s}.bg-video::-webkit-media-controls{display:none!important}.bg-video::-webkit-media-controls-enclosure{display:none!important}.bg-video::-webkit-media-controls-start-playback-button{display:none!important}.bg-video::-webkit-media-controls-play-button{display:none!important}.bg-video--visible{opacity:1}.blob-canvas{--spring-easing:linear(0, .0039 0.87%, .0199, .0459 3.19%, .0892 4.65%, .1865 7.26%, .5218 15.39%, .6249, .7132, .7864, .8453 27%, .8955, .9328, .9596 36.58%, .9706 38.32%, .9808 40.35%, .9946 44.42%, 1.003 49.35%, 1.0056 53.13%, 1.0063 58.06%, 1.0014 80.71%, 1.0001 99.87%);--spring-duration:1s;width:300px;height:300px;translate:0 var(--blob-offset-y);transition:translate 1.2s;transition:translate var(--spring-duration) var(--spring-easing);will-change:translate, transform, filter;margin:auto}.stage--paused .bg-video,.stage--paused .blob-canvas{filter:blur(4px)saturate(.75)opacity(.75)}.stage--welcome .blob-canvas{background:radial-gradient(circle,#7f7f7f 0%,#7f7f7fcc 30%,#0000 40%)}.stage--started{background:#888}