:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space:#02030a;--yellow:#ffd83d;--blue:#58b9e9;--muted:#a8adbd}*{box-sizing:border-box}html,body{min-height:100%}body{color:#fff;background:var(--space);margin:0;font-family:Inter,Noto Sans JP,Hiragino Kaku Gothic ProN,system-ui,sans-serif;overflow-x:hidden}button,input,textarea{font:inherit}#stars{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main{min-height:100svh;position:relative}.editor{z-index:2;width:min(720px,100% - 32px);margin:0 auto;padding:clamp(52px,8vh,92px) 0 48px;transition:opacity .55s,transform .55s;position:relative}.editor:before{content:"";z-index:-1;filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#3942882e,#0000 65%);width:90vw;height:70vh;position:absolute;top:5%;left:50%;transform:translate(-50%)}.editor__eyebrow{color:var(--yellow);letter-spacing:.28em;margin-bottom:18px;font-size:12px;font-weight:800}h1{letter-spacing:-.045em;margin:0;font-size:clamp(38px,7vw,68px);line-height:1.12}.editor__lead{max-width:580px;color:var(--muted);margin:22px 0 36px;font-size:16px;line-height:1.8}form{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#13162be0,#080a17c2);border:1px solid #ffffff1f;border-radius:20px;padding:clamp(22px,4vw,34px);box-shadow:0 26px 70px #00000073,inset 0 1px #ffffff0a}label{color:#d7d9e2;letter-spacing:.03em;margin-bottom:9px;font-size:13px;font-weight:700;display:block}input[type=text],input:not([type]),textarea{color:#fff;background:#0000004d;border:1px solid #ffffff24;border-radius:10px;outline:none;width:100%;margin-bottom:24px;padding:14px 16px;transition:border-color .2s,box-shadow .2s}textarea{resize:vertical;min-height:180px;line-height:1.7}input:focus,textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #ffd83d1f}.speed-control{margin:-2px 0 28px}.speed-control__header{justify-content:space-between;align-items:center;display:flex}.speed-control__header label{margin:0}.speed-control output{color:var(--yellow);font-size:13px;font-weight:800}.speed-control input[type=range]{width:100%;height:4px;accent-color:var(--yellow);cursor:pointer;border-radius:99px;outline:none;margin:14px 0 8px}.speed-control__scale{color:#74798b;justify-content:space-between;font-size:11px;display:flex}.form-actions{align-items:center;gap:22px;display:flex}.play-button{color:#15120a;background:var(--yellow);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 21px;font-weight:850;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 25px #ffd83d2e}.play-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ffd83d47}.play-button__icon{font-size:11px}.sound-toggle{cursor:pointer;align-items:center;gap:9px;margin:0;display:flex}.sound-toggle input{opacity:0;position:absolute}.sound-toggle span{background:#3a3e4f;border-radius:99px;width:36px;height:20px;transition:background .2s;position:relative}.sound-toggle span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px}.sound-toggle input:checked+span{background:var(--yellow)}.sound-toggle input:checked+span:after{background:#17130a;transform:translate(16px)}.editor__note{color:#6e7386;text-align:center;margin-top:16px;font-size:12px}.experience{z-index:3;opacity:0;visibility:hidden;background:0 0;transition:opacity .5s,visibility .5s;position:fixed;inset:0;overflow:hidden}body.is-playing .editor{opacity:0;pointer-events:none;transform:scale(.96)}body.is-playing .experience{opacity:1;visibility:visible}body.is-playing{overflow:hidden}html:has(body.is-playing){overflow:hidden}.prologue{width:min(620px,78vw);color:var(--blue);opacity:0;margin:0;font-size:clamp(23px,4vw,40px);line-height:1.55;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.is-playing .prologue{animation:5.8s ease-in-out .45s both prologue}.crawl-stage{opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.is-playing .crawl-stage{animation:10ms 6.55s forwards appear}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.exit-button,.replay-button{z-index:4;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0507109e;border:1px solid #ffffff29;position:absolute}.exit-button{border-radius:50%;width:42px;height:42px;font-size:26px;line-height:1;top:20px;right:20px}.replay-button{opacity:0;pointer-events:none;border-radius:99px;padding:12px 20px;bottom:9vh;left:50%;transform:translate(-50%)}.experience.is-finished .replay-button{opacity:1;pointer-events:auto;transition:opacity .5s}.mobile-break{display:none}@keyframes prologue{0%,8%{opacity:0}18%,72%{opacity:1}to{opacity:0}}@keyframes appear{to{opacity:1}}@media (width<=600px){.editor{padding-top:38px}.form-actions{flex-direction:column;align-items:flex-start}.mobile-break{display:block}}@media (prefers-reduced-motion:reduce){.play-button{transition:none}.is-playing .prologue{animation-duration:.01ms}.is-playing .crawl-stage{animation-delay:.1s}}