:root{color:#354b41;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--edge:clamp(24px, 5.5vw, 96px);--page-bg:#f3f1e9;--page-ink:#354b41;--page-line:#6f7b6c;--button-bg:#f3f1e9e6;--button-hover:#e8eadf;--switch-bg:#f3f1e9d6;--switch-active-bg:#354b41;--switch-active-ink:#f3f1e9;--mark-cut:#f3f1e9;background:#f3f1e9;font-family:Hiragino Mincho ProN,Yu Mincho,serif}html[data-scene=moon]{color:#e7dfc8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#0b1222;--page-ink:#e7dfc8;--page-line:#938c73;--button-bg:#09101dc7;--button-hover:#1c2a41;--switch-bg:#09101da8;--switch-active-bg:#e7dfc8;--switch-active-ink:#101a2b;--mark-cut:#0d1627;background:#0b1222}html[data-scene=folded]{color:#ece2c8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#08101f;--page-ink:#ece2c8;--page-line:#8b8069;--button-bg:#08101fcc;--button-hover:#18243a;--switch-bg:#08101fb8;--switch-active-bg:#ece2c8;--switch-active-ink:#101a2b;--mark-cut:#0c1626;background:#08101f}html[data-scene=rain]{color:#3f503c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f2ead7;--page-ink:#3f503c;--page-line:#8b9879;--button-bg:#f2ead7e6;--button-hover:#e6dec6;--switch-bg:#f2ead7d6;--switch-active-bg:#3f503c;--switch-active-ink:#f5efdf;--mark-cut:#f2ead7;background:#f2ead7}*{box-sizing:border-box}body{min-width:280px;color:var(--page-ink);background:var(--page-bg);margin:0;transition:background-color .6s}button,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{isolation:isolate;min-height:100svh;position:relative}.stage{z-index:0;margin:0;position:absolute;inset:0;overflow:hidden}#stage{touch-action:pan-y;width:100%;height:100%;display:block}#stage:focus-visible{outline-offset:-12px}.stage-veil{z-index:2;background:var(--page-bg);pointer-events:none;position:absolute;inset:0}.stage-veil[hidden]{display:none}html[data-scene=moon] #stage{image-rendering:pixelated}.stage:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}html[data-scene=folded] .stage:after{background:radial-gradient(at 12% 23%,#040912e0 0%,#04091294 22%,#04091229 38%,#04091200 55%),linear-gradient(#04081000 66%,#04081047 82%,#040810b8 100%)}html[data-scene=rain] .stage:after{background:radial-gradient(at 10% 23%,#f9f4e7c7 0%,#f9f4e775 22%,#f9f4e724 38%,#f9f4e700 52%),linear-gradient(#f2ead700 68%,#f2ead73d 84%,#f2ead7bd 100%)}html[data-viewing=artwork] .stage:after,html:is([data-host=macos],[data-host=iphone]) .stage:after{display:none}.page-header,.introduction,.scene-note,.controls,.page-footer,.fallback{z-index:1;position:absolute}.page-header{top:max(30px, env(safe-area-inset-top));right:var(--edge);left:var(--edge);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;display:grid}.wordmark{letter-spacing:.18em;white-space:nowrap;margin:0;font-size:14px}.imprint{letter-spacing:.12em;white-space:nowrap;justify-self:end;margin:0;font-family:ui-monospace,monospace;font-size:10px}.header-actions{pointer-events:auto;justify-self:end;align-items:center;gap:18px;display:flex}#viewing-toggle{letter-spacing:.04em;white-space:nowrap;min-width:0;padding:8px 12px;font-size:11px}#scene-help-short{display:none}[data-viewing-chrome]{visibility:visible;transition:opacity .18s}html[data-viewing=artwork] [data-viewing-chrome]{opacity:0;visibility:hidden;pointer-events:none}.viewing-menu{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:3;border-color:color-mix(in srgb, var(--page-line), transparent 60%);background:color-mix(in srgb, var(--page-bg), transparent 20%);border-radius:50%;width:44px;min-width:44px;min-height:44px;padding:0;font-family:sans-serif;font-size:20px;line-height:1;position:fixed}.viewing-menu[hidden]{display:none}.viewing-menu:focus-visible{outline-offset:3px}.scene-switch{border:1px solid var(--page-line);background:var(--switch-bg);pointer-events:auto;border-radius:3px;justify-self:center;align-items:center;gap:2px;margin:0;padding:2px;display:flex}.scene-option{display:flex;position:relative}.scene-option input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.scene-label{--label-active:var(--switch-active-bg);min-width:44px;min-height:44px;color:var(--page-ink);letter-spacing:.08em;white-space:nowrap;cursor:pointer;border-radius:2px;align-items:center;gap:6px;padding:7px 10px;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:10px;line-height:1;display:inline-flex}.scene-name--short{display:none}.scene-name--full{display:inline}.scene-label:hover{background:#7f8a7a29}.scene-option input:checked+.scene-label{color:var(--switch-active-ink);background:var(--switch-active-bg)}.scene-option input:checked+.scene-label:hover{--mark-cut:var(--switch-active-bg)}.scene-option input:checked+.scene-label{--mark-cut:var(--label-active)}.scene-option input:focus-visible+.scene-label{outline:2px solid var(--page-ink);outline-offset:2px}.scene-mark{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.scene-mark--moon{position:relative;overflow:visible}.scene-mark--folded{clip-path:polygon(0 0,62% 0,100% 38%,100% 100%,0 100%);border-radius:1px;width:8px;height:8px}.scene-mark--rain{border-radius:50% 50% 50% 0;width:7px;height:7px;transform:rotate(-45deg)}.scene-mark--moon:after{content:"";background:var(--mark-cut);border-radius:50%;width:6px;height:6px;position:absolute;top:-1px;left:-2px}.introduction{top:17%;left:calc(var(--edge) + 2px);pointer-events:none}.scene-copy{display:contents}.eyebrow{letter-spacing:.14em;opacity:.82;margin:0 0 20px;font-size:11px}h1{letter-spacing:.22em;margin:0;font-size:clamp(28px,2.6vw,36px);font-weight:400;line-height:1.55}.invitation{letter-spacing:.16em;opacity:.86;margin:18px 0 0;font-size:13px;line-height:1.8}.scene-note{left:var(--edge);bottom:calc(max(32px, env(safe-area-inset-bottom)) + 66px);letter-spacing:.1em;opacity:.9;pointer-events:none;max-width:44ch;margin:0;font-size:12px;line-height:1.7}.controls{left:var(--edge);bottom:max(32px, env(safe-area-inset-bottom));align-items:center;gap:12px;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:12px;display:flex}button,select{min-height:44px;color:var(--page-ink);border:1px solid var(--page-line);background:var(--button-bg);border-radius:3px}button{cursor:pointer;min-width:98px;padding:10px 16px}button:hover{background:var(--button-hover)}button:active{transform:translateY(1px)}button[aria-pressed=true]{color:var(--page-bg);background:var(--page-ink);border-color:var(--page-ink)}button:disabled,select:disabled{cursor:default;opacity:.55}.motion-control{align-items:center;gap:10px;margin-left:12px;display:flex}.motion-control label{white-space:nowrap}select{max-width:100%;padding:8px 28px 8px 12px}:focus-visible{outline:2px solid var(--page-ink);outline-offset:4px}.page-footer{right:var(--edge);bottom:max(44px, env(safe-area-inset-bottom));letter-spacing:.14em;opacity:.86;pointer-events:none;margin:0;font-size:11px;line-height:1.8}.fallback{right:var(--edge);bottom:150px;left:var(--edge);width:fit-content;max-width:48ch;color:var(--page-ink);background:var(--page-bg);border:1px solid var(--page-line);margin:0;padding:12px 16px;font-family:sans-serif;font-size:13px;line-height:1.8}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html[data-scene=moon] .page-footer,html[data-scene=moon] .scene-note{text-shadow:0 1px #04080ecc}html[data-scene=moon] .page-footer{background:radial-gradient(#050a14c7,#050a1400);margin-right:-9px;padding:5px 9px}html[data-scene=folded] .eyebrow,html[data-scene=folded] .invitation,html[data-scene=folded] .scene-note,html[data-scene=folded] .page-footer,html[data-scene=folded] .wordmark,html[data-scene=folded] .imprint{text-shadow:0 1px 10px #040810e6,0 1px #040810cc}html[data-scene=rain] .eyebrow,html[data-scene=rain] .invitation,html[data-scene=rain] .scene-note,html[data-scene=rain] .page-footer,html[data-scene=rain] .wordmark,html[data-scene=rain] .imprint{text-shadow:0 1px #faf6ebd9,0 0 14px #faf6eb8c}html[data-scene=rain] .scene-switch{background:#f9f4e7cc}html[data-scene=folded] .scene-switch{background:#08101fc7}html[data-scene=folded] .introduction{background:radial-gradient(at 16% 42%,#0409128f 0%,#0409123d 48%,#04091200 76%);margin-left:-22px;padding:12px 22px 18px}html[data-scene=rain] .introduction{background:radial-gradient(at 16% 42%,#f9f4e78f 0%,#f9f4e733 48%,#f9f4e700 76%);margin-left:-22px;padding:12px 22px 18px;top:11.5%}@media (width<=1100px){.page-footer,.imprint{display:none}}@media (width<=960px){.scene-name--short{display:inline}.scene-name--full{display:none}}@media (width<=600px){:root{--edge:7vw}html[data-scene=folded] .scene-copy,html[data-scene=rain] .scene-copy{z-index:1;top:max(142px,15%);left:calc(var(--edge) + 2px);right:var(--edge);pointer-events:none;display:block;position:absolute}html[data-scene=folded] .scene-copy .introduction,html[data-scene=rain] .scene-copy .introduction{margin:0;padding:0;position:static}html[data-scene=folded] .scene-note,html[data-scene=rain] .scene-note{width:fit-content;margin-top:10px;position:static}html[data-scene=folded] .scene-note{background:#050b1599;border:1px solid #a0947947;border-radius:2px;margin-left:-10px;padding:8px 10px}html[data-scene=rain] .scene-note{background:#f9f4e7c7;border:1px solid #8b987947;border-radius:2px;margin-left:-10px;padding:8px 10px}html[data-scene=moon] .scene-note{text-shadow:0 1px #04080ecc;background:radial-gradient(at 45%,#050a14cc 0%,#050a147a 54%,#050a1400 100%);margin-left:-12px;padding:8px 12px}.page-header{top:max(22px, env(safe-area-inset-top));grid-template-columns:1fr auto;gap:8px 10px}.wordmark{grid-area:1/1}.header-actions{grid-area:1/2}.scene-switch{grid-area:2/1/auto/-1;justify-self:center}.wordmark{letter-spacing:.13em;font-size:13px}.scene-label{letter-spacing:.04em;justify-content:center;gap:4px;min-width:52px;min-height:44px;padding:6px 10px;font-size:12px}.scene-mark{width:6px;height:6px}.scene-mark--moon:after{width:5px;height:5px}.introduction{top:max(142px,16%);right:var(--edge)}.eyebrow{margin-bottom:14px;font-size:10px}h1{font-size:27px}.invitation{margin-top:13px;font-size:12px}.scene-note{font-size:11px;top:max(280px,16% + 178px);bottom:auto}#scene-help-text{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#scene-help-short{display:inline}.controls{right:var(--edge);bottom:max(22px, env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:10px;display:grid}.controls>button{width:100%;padding-left:8px;padding-right:8px;font-size:11px}.motion-control{grid-column:1/-1;margin:0}.motion-control select{flex:1;min-width:0;font-size:11px}.fallback{bottom:144px}}@media (width<=370px){.scene-label{letter-spacing:.02em;padding:6px 9px;font-size:12px}.wordmark{font-size:12px}.scene-switch{gap:1px}h1{letter-spacing:.14em;font-size:24px}}@media (height<=500px) and (width<=600px) and (aspect-ratio>=1){:root{--edge:20px}.page-header{top:10px}.wordmark{display:none}.scene-switch{grid-area:1/1;justify-self:start}.header-actions{grid-row:1}.scene-label{min-width:44px;padding-left:7px;padding-right:7px}#viewing-toggle{padding-left:9px;padding-right:9px;font-size:10px}.introduction,html[data-scene=folded] .scene-copy,html[data-scene=rain] .scene-copy{top:72px}.eyebrow,.invitation{display:none}h1{font-size:23px;line-height:1.5}.scene-note{font-size:10px;top:116px}.controls{gap:7px;display:flex;bottom:12px}.controls>button{width:auto;min-width:76px}.motion-control{flex:1}.motion-control label{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.motion-control select{width:100%}}@media (height<=640px) and (width>=601px){.introduction{top:22%}.eyebrow{margin-bottom:12px}.invitation{margin-top:12px}.scene-note{top:calc(22% + 136px);bottom:auto}.controls{bottom:22px}.page-footer{bottom:34px}}@media (height<=500px) and (width>=601px){.introduction,html[data-scene=rain] .introduction,html[data-scene=folded] .introduction{top:64px}.eyebrow,.invitation{display:none}h1{font-size:24px;line-height:1.5}.scene-note{font-size:11px;top:108px;bottom:auto}.controls{bottom:16px}.page-footer,.imprint{display:none}html[data-scene=folded] .scene-note{background:#050b1599;border:1px solid #a0947940;border-radius:2px;margin-left:-9px;padding:6px 9px}html[data-scene=rain] .scene-note{background:#f9f4e7c7;border:1px solid #8b987940;border-radius:2px;margin-left:-9px;padding:6px 9px}}@media (forced-colors:active){html,body{color:canvastext;background:canvas}.stage:after{display:none}html[data-scene=folded] .introduction,html[data-scene=rain] .introduction{background:canvas}html[data-scene=folded] .scene-note,html[data-scene=rain] .scene-note{background:canvas;border-color:canvastext}.wordmark,.imprint,.introduction,.scene-note,.page-footer{color:canvastext;background:canvas}.wordmark,.imprint,.scene-note,.page-footer{padding:4px 6px}.introduction{padding:8px 12px}.controls{color:canvastext;background:canvas;padding:6px}.scene-switch{background:canvas;border-color:buttontext}.scene-label{color:buttontext}.scene-option input:checked+.scene-label{color:buttontext;text-underline-offset:4px;background:buttonface;text-decoration:underline;box-shadow:inset 0 0 0 2px highlight}.scene-mark{display:none}button,select{color:buttontext;background:buttonface;border-color:buttontext}button[aria-pressed=true]{color:buttontext;background:buttonface;border-color:buttontext;box-shadow:inset 0 0 0 3px highlight}button:disabled,select:disabled{opacity:1;color:graytext}.fallback{color:canvastext;background:canvas;border-color:canvastext}.viewing-menu{color:buttontext;background:buttonface;border-color:buttontext}:focus-visible{outline-color:highlight}}@media (prefers-reduced-motion:reduce){body,.scene-switch,.scene-label,.scene-mark--moon:after,button,select,[data-viewing-chrome]{transition:none}.stage-veil{display:none!important}}html.reduce-motion body,html.reduce-motion .scene-switch,html.reduce-motion .scene-label,html.reduce-motion .scene-mark--moon:after,html.reduce-motion button,html.reduce-motion select,html.reduce-motion [data-viewing-chrome]{transition:none}html.reduce-motion .stage-veil:not([data-initial]){display:none!important}.stage-veil[data-initial]{display:block!important}html:is([data-host=macos],[data-host=iphone]),html:is([data-host=macos],[data-host=iphone]) body{width:100%;min-width:0;height:100%;transition:none;overflow:hidden}html:is([data-host=macos],[data-host=iphone]) .app{height:100vh;min-height:0}html:is([data-host=macos],[data-host=iphone]) .page-header,html:is([data-host=macos],[data-host=iphone]) .introduction,html:is([data-host=macos],[data-host=iphone]) .scene-note,html:is([data-host=macos],[data-host=iphone]) .controls,html:is([data-host=macos],[data-host=iphone]) .page-footer,html:is([data-host=macos],[data-host=iphone]) .viewing-menu,html:is([data-host=macos],[data-host=iphone]) .sr-only{display:none!important}html[data-host=macos][data-macos-presentation=wallpaper] #stage{pointer-events:none;touch-action:none}#boot-status{z-index:3;border:1px solid var(--page-line);background:var(--page-bg);width:min(34rem,100vw - 48px);color:var(--page-ink);text-align:center;visibility:hidden;border-radius:12px;padding:18px;font-size:14px;line-height:1.8;animation:0s 4s forwards reveal-boot-status;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#boot-status[hidden]{display:none}#notice{z-index:3}@keyframes reveal-boot-status{to{visibility:visible}}