._app_3zpp0_1{position:fixed;inset:0;min-width:320px;overflow:hidden;color:var(--on-surface);background:#020309;--scene-accent: rgba(112, 235, 225, .92);--scene-accent-soft: rgba(112, 235, 225, .18);--scene-warm: rgba(238, 205, 130, .82);--scene-line: rgba(232, 242, 246, .16);--caption-ink: rgba(241, 246, 244, .96);--caption-body: rgba(226, 234, 235, .78);--caption-muted: rgba(216, 228, 230, .54);--glass: rgba(3, 6, 12, .34);--glass-strong: rgba(3, 6, 12, .7);--focus-ring: rgba(144, 244, 236, .95);--focus-ring-outer: rgba(0, 0, 0, .82);touch-action:none;-webkit-user-select:none;user-select:none}._app_3zpp0_1[data-scene=prelude]{--scene-accent: rgba(238, 205, 130, .92);--scene-accent-soft: rgba(238, 205, 130, .18);--scene-warm: rgba(255, 224, 154, .86)}._app_3zpp0_1[data-scene=today]{--scene-accent: rgba(111, 243, 231, .94);--scene-accent-soft: rgba(111, 243, 231, .18);--scene-warm: rgba(235, 205, 126, .82)}._app_3zpp0_1[data-scene=date]{--scene-accent: rgba(255, 188, 107, .94);--scene-accent-soft: rgba(255, 188, 107, .18);--scene-warm: rgba(255, 216, 142, .86)}._app_3zpp0_1[data-scene=aurora]{--scene-accent: rgba(124, 247, 200, .94);--scene-accent-soft: rgba(124, 247, 200, .18);--scene-warm: rgba(181, 140, 255, .8)}._app_3zpp0_1[data-scene=cinema]{--scene-accent: rgba(156, 176, 255, .94);--scene-accent-soft: rgba(156, 176, 255, .18);--scene-warm: rgba(238, 205, 130, .78)}._app_3zpp0_1[data-scene=wish]{--scene-accent: rgba(135, 245, 203, .94);--scene-accent-soft: rgba(135, 245, 203, .18);--scene-warm: rgba(238, 205, 130, .78)}._app_3zpp0_1[data-scene=finale]{--scene-accent: rgba(214, 240, 230, .94);--scene-accent-soft: rgba(214, 240, 230, .18);--scene-warm: rgba(238, 218, 168, .84)}._filmCanvas_3zpp0_65,._filmGrain_3zpp0_66,._letterbox_3zpp0_67,._sceneCut_3zpp0_68,._vignette_3zpp0_69{position:absolute;inset:0;pointer-events:none}._filmCanvas_3zpp0_65{z-index:0;width:100vw;height:100vh;height:100svh;background:#020309}._filmGrain_3zpp0_66{z-index:1;opacity:.1;mix-blend-mode:screen;background:repeating-radial-gradient(circle at 12% 22%,rgba(255,255,255,.2) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 9px);animation:_grain_3zpp0_1 1.5s steps(2,end) infinite}._letterbox_3zpp0_67{z-index:2}._letterbox_3zpp0_67:before,._letterbox_3zpp0_67:after{content:"";position:absolute;left:0;right:0;height:clamp(30px,7.4svh,74px);background:linear-gradient(180deg,#000000f2,#000000bd),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 16px)}._letterbox_3zpp0_67:before{top:0}._letterbox_3zpp0_67:after{bottom:0;transform:rotate(180deg)}._vignette_3zpp0_69{z-index:2;background:radial-gradient(ellipse at 50% 42%,transparent 0 34%,rgba(0,0,0,.16) 58%,rgba(0,0,0,.74) 100%),linear-gradient(90deg,rgba(0,0,0,.58),transparent 18% 82%,rgba(0,0,0,.58)),linear-gradient(180deg,rgba(0,0,0,.24),transparent 24% 62%,rgba(0,0,0,.72))}._sceneCut_3zpp0_68{z-index:3;background:radial-gradient(circle at 50% 40%,var(--scene-accent-soft),transparent 28%),linear-gradient(90deg,transparent 0 46%,rgba(255,255,255,.2) 50%,transparent 54%);animation:_sceneCut_3zpp0_68 .62s ease-out both}._captionLayer_3zpp0_134{position:absolute;inset:0;z-index:4;display:grid;align-items:end;padding:calc(env(safe-area-inset-top) + 72px) 18px calc(env(safe-area-inset-bottom) + 124px);pointer-events:none}._caption_3zpp0_134{width:min(100%,520px);max-height:24svh;padding:0 0 0 14px;border-left:1px solid var(--scene-line);text-shadow:0 2px 20px rgba(0,0,0,.72);animation:_captionIn_3zpp0_1 .62s cubic-bezier(.2,.8,.18,1) both}._captionEntered_3zpp0_153{transform:translateY(-2px)}._kicker_3zpp0_157{margin:0 0 8px;color:var(--scene-warm);font-family:var(--font-label);font-size:clamp(.58rem,1.6vw,.72rem);line-height:1.2;letter-spacing:.18em}._caption_3zpp0_134 h1{max-width:12em;margin:0 0 8px;color:var(--caption-ink);font-family:var(--font-headline);font-size:clamp(1.46rem,6vw,2.5rem);font-weight:760;line-height:1.03;letter-spacing:-.035em;text-wrap:balance}._caption_3zpp0_134 p{max-width:27ch;margin:0 0 4px;color:var(--caption-body);font-size:clamp(.86rem,3.35vw,1rem);line-height:1.48;letter-spacing:.01em;text-wrap:pretty}._caption_3zpp0_134 p:last-child{margin-bottom:0}._sound_3zpp0_192{position:absolute;top:calc(env(safe-area-inset-top) + 16px);right:calc(env(safe-area-inset-right) + 16px);z-index:7;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(236,246,246,.1);border-radius:50%;color:var(--scene-accent);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.08),transparent 56%),linear-gradient(180deg,#090d1480,#02040947);box-shadow:inset 0 1px #ffffff14,0 14px 34px #00000047;backdrop-filter:blur(14px) saturate(1.05);-webkit-backdrop-filter:blur(14px) saturate(1.05);cursor:pointer}._sound_3zpp0_192 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}._startPanel_3zpp0_225{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 62px);z-index:8;transform:translate(-50%);pointer-events:auto}._startButton_3zpp0_234{min-width:128px;height:48px;padding:0 28px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#03070cf5;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.72),transparent 36%),linear-gradient(180deg,#f6fffffa,#9cf4eadb);box-shadow:inset 0 1px #ffffff6b,0 16px 38px #4be6dd33,0 0 0 1px #ffffff14;font-family:var(--font-label);font-size:.86rem;font-weight:680;letter-spacing:.18em;cursor:pointer}._hint_3zpp0_255{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 66px);z-index:5;width:min(86vw,430px);transform:translate(-50%);color:var(--caption-muted);font-size:.62rem;line-height:1.45;letter-spacing:.09em;text-align:center;text-shadow:0 1px 14px rgba(0,0,0,.74);pointer-events:none}._startPanel_3zpp0_225+._hint_3zpp0_255{bottom:calc(env(safe-area-inset-bottom) + 118px)}._progressRail_3zpp0_275{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 22px);z-index:6;width:min(78vw,360px);min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;transform:translate(-50%);border:1px solid rgba(234,244,244,.08);border-radius:999px;background:linear-gradient(180deg,#080b108a,#03050a52),var(--glass);box-shadow:inset 0 1px #ffffff0d,0 14px 32px #00000038;backdrop-filter:blur(13px) saturate(1.04);-webkit-backdrop-filter:blur(13px) saturate(1.04);pointer-events:auto}._progressRail_3zpp0_275:before{content:"";position:absolute;left:20px;right:20px;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--scene-accent-soft),rgba(238,205,130,.16),transparent)}._progressRail_3zpp0_275 button{position:relative;width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:50%;padding:0;color:inherit;background:transparent;cursor:pointer}._progressRail_3zpp0_275 button:before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.08);border-radius:inherit;opacity:.66}._progressRail_3zpp0_275 span{position:relative;width:7px;height:7px;border-radius:50%;background:#e5eeee42;box-shadow:0 0 8px #e5eeee0f;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}._progressDotCurrent_3zpp0_347 span{transform:scale(1.75);background:var(--scene-accent);box-shadow:0 0 20px var(--scene-accent-soft)}._sound_3zpp0_192:focus-visible,._startButton_3zpp0_234:focus-visible,._progressRail_3zpp0_275 button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;box-shadow:0 0 0 6px var(--focus-ring-outer)}._sound_3zpp0_192:hover,._startButton_3zpp0_234:hover{transform:translateY(-1px)}._sound_3zpp0_192:active,._startButton_3zpp0_234:active{transform:translateY(0)}@keyframes _grain_3zpp0_1{0%{transform:translateZ(0)}50%{transform:translate3d(-1.4%,1%,0)}to{transform:translate3d(1%,-1%,0)}}@keyframes _sceneCut_3zpp0_68{0%{opacity:.62;transform:scaleX(1.04)}to{opacity:0;transform:scaleX(1)}}@keyframes _captionIn_3zpp0_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:760px){._captionLayer_3zpp0_134{padding-inline:max(48px,calc((100vw - 1040px)/2));padding-bottom:calc(env(safe-area-inset-bottom) + 104px)}._caption_3zpp0_134{align-self:center;margin-top:28vh}._hint_3zpp0_255{bottom:calc(env(safe-area-inset-bottom) + 72px)}}@media(max-width:759px)and (orientation:portrait){._filmCanvas_3zpp0_65{height:100dvh}._captionLayer_3zpp0_134{padding:calc(env(safe-area-inset-top) + 62px) 18px calc(env(safe-area-inset-bottom) + 128px)}._caption_3zpp0_134{max-height:23svh}._caption_3zpp0_134 h1{font-size:clamp(1.34rem,7vw,2.12rem)}._caption_3zpp0_134 p{max-width:25ch;font-size:clamp(.82rem,3.45vw,.95rem);line-height:1.44}._letterbox_3zpp0_67:before,._letterbox_3zpp0_67:after{height:clamp(28px,6.4svh,58px)}._progressRail_3zpp0_275{width:min(88vw,440px);bottom:calc(env(safe-area-inset-bottom) + 18px);padding-inline:12px}._hint_3zpp0_255{bottom:calc(env(safe-area-inset-bottom) + 64px);width:min(86vw,360px);font-size:.58rem}._startPanel_3zpp0_225{bottom:calc(env(safe-area-inset-bottom) + 58px)}._startPanel_3zpp0_225+._hint_3zpp0_255{bottom:calc(env(safe-area-inset-bottom) + 112px)}}@media(max-height:480px)and (orientation:landscape){._captionLayer_3zpp0_134{padding:calc(env(safe-area-inset-top) + 46px) 18px calc(env(safe-area-inset-bottom) + 72px)}._caption_3zpp0_134{width:min(58vw,460px);max-height:46svh}._caption_3zpp0_134 h1{font-size:clamp(1.12rem,3.6vw,1.86rem)}._caption_3zpp0_134 p{font-size:.78rem;line-height:1.36}._kicker_3zpp0_157{margin-bottom:5px;font-size:.54rem}._letterbox_3zpp0_67:before,._letterbox_3zpp0_67:after{height:clamp(22px,8svh,42px)}._hint_3zpp0_255{bottom:calc(env(safe-area-inset-bottom) + 40px)}._progressRail_3zpp0_275{bottom:calc(env(safe-area-inset-bottom) + 10px);width:min(48vw,280px);min-height:26px;padding-block:4px}}@media(max-width:370px){._captionLayer_3zpp0_134{padding-inline:16px}._caption_3zpp0_134 h1{font-size:clamp(1.22rem,6.6vw,1.86rem)}._caption_3zpp0_134 p{font-size:.78rem}._progressRail_3zpp0_275{width:min(92vw,360px)}}@media(prefers-reduced-motion:reduce){._filmGrain_3zpp0_66,._sceneCut_3zpp0_68,._caption_3zpp0_134,._progressRail_3zpp0_275 span{animation:none;transition:none}}:root{color-scheme:dark;--background: #02040a;--surface: #111417;--surface-lowest: #0c0e12;--surface-low: #191c1f;--surface-container: #1d2023;--surface-high: #282a2e;--surface-highest: #323539;--on-surface: #e1e2e7;--on-surface-variant: #c6c6ca;--outline: #8f9195;--outline-variant: #45474a;--primary: #85d3dc;--primary-strong: #a1eff8;--tertiary: #e2c62d;--gold: #ffe24c;--scene-accent: rgba(133, 211, 220, .94);--scene-accent-soft: rgba(133, 211, 220, .16);--scene-accent-warm: rgba(226, 198, 45, .9);--scene-wash: rgba(133, 211, 220, .12);--panel-fill: rgba(8, 12, 18, .68);--panel-fill-strong: rgba(5, 8, 13, .84);--panel-stroke: rgba(226, 240, 246, .08);--panel-stroke-strong: rgba(226, 240, 246, .14);--focus-ring: rgba(145, 244, 251, .96);--focus-ring-outer: rgba(2, 4, 10, .92);--font-headline: Manrope, Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-body: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-label: "Space Grotesk", Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;color:var(--on-surface);background:var(--background);font-family:var(--font-body);font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;width:100%;height:100%;min-height:100%;background:var(--background);overflow:hidden;scroll-behavior:smooth}body{min-width:320px;width:100%;height:100%;min-height:100vh;min-height:100svh;margin:0;overflow:hidden;background:var(--background);overscroll-behavior:none}#root{width:100%;height:100%;background:var(--background)}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring-outer)}::selection{color:#002023;background:#85d3dcb8}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}