:root{--ink-0:#040407;--ink-1:#08080e;--navy:#101a30;--navy-deep:#0a1120;--crimson:#4b0f18;--crimson-deep:#24060b;--gold:#d8c391;--gold-bright:#f2e6c4;--gold-dim:#d8c391c7;--gold-quiet:#d8c391a1;--gold-faint:#d8c39129;--body:#e8e2d6;--body-dim:#e8e2d6b8;--body-faint:#e8e2d694;--paper:#e9dfc4;--paper-deep:#dbcda9;--paper-ink:#2b2318;--paper-ink-dim:#2b23189e;--font-serif:"Hiragino Mincho ProN", "HiraMinProN-W3", "Yu Mincho", "YuMincho", "Noto Serif JP", "Noto Serif CJK JP", "Times New Roman", serif;--font-hand:"Klee One", "Klee Medium", "Klee", "UD Digi Kyokasho NP-R", "UD デジタル 教科書体 NP-R", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;--ease-quiet:cubic-bezier(.22, .61, .36, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink-0);margin:0;padding:0}body{min-height:100dvh;color:var(--body);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;font-size:16px;line-height:1.85;overflow-x:hidden}h1,h2,h3,p,figure,blockquote{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}a{color:inherit}textarea{font:inherit}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{width:100%;min-height:52px;font-family:var(--font-serif);letter-spacing:.12em;color:var(--gold-bright);border:1px solid var(--gold-faint);transition:border-color .42s var(--ease-quiet), background-color .42s var(--ease-quiet), color .42s var(--ease-quiet);background:linear-gradient(#d8c39112,#d8c39105);border-radius:2px;justify-content:center;align-items:center;gap:.5em;padding:.9em 1.2em;font-size:1.0625rem;text-decoration:none;display:inline-flex}.btn:hover,.btn:active{border-color:var(--gold-dim);background-color:#d8c3910f}.btn--quiet{letter-spacing:.1em;min-height:44px;color:var(--body-dim);background:0 0;border-color:#e8e2d61f;font-size:.9375rem}.btn--quiet:hover,.btn--quiet:active{color:var(--body);border-color:#e8e2d63d}.btn--bare{letter-spacing:.08em;width:auto;min-height:44px;color:var(--body-faint);text-underline-offset:.4em;background:0 0;border:none;padding:.5em .9em;font-size:.875rem;-webkit-text-decoration:underline #e8e2d638;text-decoration:underline #e8e2d638;text-decoration-thickness:1px}.btn--bare:hover,.btn--bare:active{color:var(--body-dim)}.btn__note{letter-spacing:.04em;color:var(--body-faint);text-align:center;margin-top:.5em;font-size:.8125rem;line-height:1.7;display:block}.external-mark{opacity:.75;font-size:.8em}.theater{z-index:0;pointer-events:none;--beam:.35;position:fixed;inset:0;overflow:hidden}.theater[data-beam=bright]{--beam:1}.theater__hall{background-color:#08080e;position:absolute;inset:0}.theater__hall-fill{filter:blur(30px)brightness(.5)saturate(.85);background:url(/theater.webp) 50%/cover no-repeat;position:absolute;inset:-40px}.theater__hall-image{background-image:url(/theater.webp);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;position:absolute;inset:0}.theater__hall:after{content:"";background:radial-gradient(108% 40% at 50% 36%, rgba(214, 226, 255, calc(.11 * var(--beam))) 0%, rgba(190, 206, 240, calc(.04 * var(--beam))) 46%, transparent 80%);transition:background 1.8s var(--ease-quiet);position:absolute;inset:0}.theater__scrim{background:linear-gradient(#0404090f 0%,#04040924 30%,#0404094d 58%,#0404096b 82%,#04040961 100%);position:absolute;inset:0}.theater__grain{opacity:.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.1s steps(3,end) infinite grain-shift;position:absolute;inset:-60px}@keyframes grain-shift{0%{transform:translate(0,0)}33%{transform:translate(-14px,9px)}66%{transform:translate(11px,-12px)}to{transform:translate(-6px,-5px)}}@media (prefers-reduced-motion:reduce){.theater__grain{animation:none}}.projection{z-index:30;padding:calc(24px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));opacity:1;transition:opacity .9s var(--ease-quiet);background:radial-gradient(120% 90% at 50% 45%,#04040880 0%,#030306db 70%,#020204f5 100%);place-items:center;display:grid;position:fixed;inset:0}.projection[data-step=done]{opacity:0}.projection__frame{opacity:0;width:min(90vw,560px);animation:projection-frame-in .9s var(--ease-quiet) .12s forwards;background:linear-gradient(#0b0a0d,#060508);border-radius:3px;padding:10px;position:relative;box-shadow:0 40px 90px #000000b3,0 0 0 1px #d8c39112}.projection[data-step=bloom] .projection__frame,.projection[data-step=done] .projection__frame{opacity:1;animation:none}@keyframes projection-frame-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.projection__screen{aspect-ratio:1.85;background:linear-gradient(90deg,#0000 49.8%,#d8c3910e 50%,#0000 50.2%),linear-gradient(#0000 49.8%,#d8c3910b 50%,#0000 50.2%),radial-gradient(70% 90%,#e9efff13 0%,#ced9f407 55%,#b4c0dc03 100%),#0a0b11;place-items:center;padding:1.4em 1.1em;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #ffffff09,0 0 100px 18px #c4d4ff0d}.projection__line,.projection__count{font-family:var(--font-serif);color:var(--gold-bright);text-align:center;opacity:0;transition:opacity .7s var(--ease-quiet);grid-area:1/1}.projection__line{letter-spacing:.22em;text-indent:.22em;text-shadow:0 0 26px #f2e6c459;font-size:clamp(.95rem,4.2vw,1.2rem);line-height:1.9}.projection[data-step=title] .projection__line{opacity:1}.projection__count{letter-spacing:0;text-shadow:0 0 30px #f2e6c466;background:linear-gradient(90deg,#0000 49%,#d8c39129 50%,#0000 51%),linear-gradient(#0000 49%,#d8c39129 50%,#0000 51%),#05050975;border:1px solid #d8c3913d;border-radius:50%;place-items:center;width:clamp(64px,20vw,92px);height:clamp(64px,20vw,92px);font-size:clamp(1.8rem,8vw,2.6rem);line-height:1;display:grid;box-shadow:0 0 0 7px #d8c39106,0 0 0 8px #d8c39114,0 0 34px #f2e6c414}.projection[data-step=countdown] .projection__count{opacity:1;animation:countdown-pulse .6s var(--ease-quiet)}@keyframes countdown-pulse{0%{opacity:0;transform:scale(1.06)}35%{opacity:1}to{opacity:.9;transform:scale(1)}}.projection__bloom{opacity:0;pointer-events:none;background:radial-gradient(90% 70% at 50% 42%,#fffae8d9 0%,#f6ecd073 40%,#e6dcc314 74%,#0000 100%);position:absolute;inset:0}.projection[data-step=bloom] .projection__bloom{animation:bloom-flare 1s var(--ease-quiet) forwards}@keyframes bloom-flare{0%{opacity:0}38%{opacity:.62}to{opacity:0}}.projection__skip{right:50%;bottom:calc(20px + var(--safe-bottom));color:#e8e2d6ad;min-height:44px;transition:color .3s var(--ease-quiet), border-color .3s var(--ease-quiet), opacity .3s var(--ease-quiet);background:#04040880;border:1px solid #d8c3911a;border-radius:999px;padding:.45em 1.1em;text-decoration:none;position:absolute;transform:translate(50%)}.projection__skip:hover,.projection__skip:active{color:var(--body);border-color:#d8c3913d}.projection[data-step=bloom] .projection__skip,.projection[data-step=done] .projection__skip{pointer-events:none;opacity:0}@media (prefers-reduced-motion:reduce){.projection__frame{opacity:1;animation:none}.projection[data-step=countdown] .projection__count{animation:none}.projection[data-step=bloom] .projection__bloom{opacity:0;animation:none}.projection,.projection__line{transition:opacity .3s linear}}.masthead{height:var(--screen-top);padding:calc(14px + var(--safe-top)) 18px 0;justify-content:center;align-items:center;display:flex;position:relative}.masthead__title{text-align:center;position:relative}.masthead__title:before{content:"";background:radial-gradient(58% 52%,#030308ad 0%,#0303086b 52%,#0000 82%);position:absolute;inset:-68% -34%}.masthead__name{font-family:var(--font-serif);letter-spacing:.26em;text-indent:.26em;color:var(--gold-bright);filter:drop-shadow(0 0 26px #f6e6bd6b)drop-shadow(0 2px 7px #000000f2);background-image:linear-gradient(176deg,#fffbef 0%,#f6e6bd 26%,#e6cf95 52%,#f2e2b6 72%,#d9bd82 100%);font-size:clamp(2.1rem,11.4vw,3.05rem);font-weight:400;line-height:1.24;position:relative}@supports ((-webkit-background-clip:text) or (background-clip:text)){.masthead__name{color:#0000;-webkit-background-clip:text;background-clip:text}}.masthead__ornament{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 .9 9.1 5 5 9.1.9 5z' fill='none' stroke='%23e8d6a8' stroke-width='1'/%3E%3C/svg%3E") 50%/10px 10px no-repeat,linear-gradient(90deg,#0000,#e8d6a82e 14%,#e8d6a894 50%,#e8d6a82e 86%,#0000) 50%/100% 1px no-repeat;width:min(62%,12rem);height:10px;margin:16px auto 0;display:block;position:relative}.masthead__contact,.masthead__shelf{top:calc(12px + var(--safe-top));color:var(--gold-dim);flex-direction:column;align-items:center;gap:5px;padding:4px;display:flex;position:absolute}.masthead__contact{left:10px}.masthead__shelf{right:14px}.masthead__contact-frame,.masthead__shelf-frame{border:1px solid var(--gold-faint);background:#08080e6b;border-radius:6px;place-items:center;width:44px;height:44px;display:grid}.masthead__contact-frame svg,.masthead__shelf-frame svg{width:24px;height:24px}.masthead__contact-label,.masthead__shelf-label{font-family:var(--font-serif);letter-spacing:.1em;font-size:.6875rem}.masthead__contact-label{letter-spacing:.04em;font-size:.625rem}.masthead__contact:hover,.masthead__contact:active,.masthead__shelf:hover,.masthead__shelf:active{color:var(--gold-bright)}@media (width<=359px),(height<=640px){.masthead__name{letter-spacing:.22em;text-indent:.22em;font-size:1.8rem}.masthead__contact,.masthead__shelf{top:calc(8px + var(--safe-top));padding:2px}.masthead__contact-frame,.masthead__shelf-frame{width:40px;height:40px}.masthead__contact-label,.masthead__shelf-label{display:none}}.tabbar{z-index:20;padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#06060be6,#030306f7);border-top:1px solid #d8c39124;justify-content:center;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar__tab{min-height:62px;color:var(--gold-quiet);transition:color .32s var(--ease-quiet);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:9px 6px 10px;display:flex}.tabbar__icon{width:26px;height:26px}.tabbar__label{font-family:var(--font-serif);letter-spacing:.12em;font-size:.6875rem}.tabbar__tab[aria-current=page]{color:var(--gold-bright);position:relative}.tabbar__tab[aria-current=page]:after{content:"";background:linear-gradient(90deg, transparent, var(--gold) 22%, var(--gold-bright) 50%, var(--gold) 78%, transparent);height:2px;position:absolute;bottom:0;left:26%;right:26%}.tabbar__rule{background:#d8c39129;align-self:center;width:1px;height:32px}:root{--screen-top:27.29vh;--screen-width:35.15vh;--screen-height:18.23vh}.app{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.feature{width:100%;max-width:30rem;padding:0 18px calc(96px + var(--safe-bottom));flex-direction:column;flex:1;margin:0 auto;display:flex}@media (width<=359px){.feature{padding-left:14px;padding-right:14px}}.feature[data-entering=true]>*{opacity:0;animation:feature-rise 1.1s var(--ease-quiet) forwards}.feature[data-entering=true]>:first-child{animation-delay:.14s}.feature[data-entering=true]>:nth-child(2){animation-delay:.42s}.feature[data-entering=true]>:nth-child(n+3){animation-delay:.62s}@keyframes feature-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.screen{width:var(--screen-width);height:var(--screen-height);max-width:100%;box-shadow:0 0 90px 6px color-mix(in srgb, var(--wv-glow) 22%, transparent), 0 0 34px #d8e6ff12, 0 0 0 3px #0000006b, 0 26px 64px #000000a8;background:linear-gradient(90deg,#ffffff09,#0000 8% 92%,#ffffff06),linear-gradient(#111016,#040406);border:1px solid #d8c39133;border-radius:2px;flex:none;margin:0 auto 30px;padding:7px;position:relative}.work-visual{background:var(--wv-base);height:100%;position:relative;overflow:hidden}.work-visual__image{object-fit:cover;width:100%;height:100%;display:block}.work-visual__glare{pointer-events:none;background:linear-gradient(166deg,#fffae614 0%,#0000 24% 82%,#0000003d 100%);position:absolute;inset:0}.marquee{z-index:2;text-align:center;text-shadow:0 2px 10px #000000f0,0 0 34px #000c;flex-direction:column;justify-content:center;align-items:center;padding:4% 7%;display:flex;position:absolute;inset:7px}.marquee:before{content:"";background:radial-gradient(88% 84% at 50% 46%,#000000d1 0%,#000000bd 44%,#0000005c 74%,#0000 96%);position:absolute;inset:0}.marquee>*{position:relative}.marquee__title{font-family:var(--font-serif);letter-spacing:.07em;text-indent:.07em;color:#fffdf7;text-wrap:balance;font-size:clamp(1.45rem,7.6vw,2.2rem);font-weight:400;line-height:1.3}.marquee__title[data-long=true]{letter-spacing:.045em;text-indent:.045em;font-size:clamp(1.25rem,6.2vw,1.8rem);line-height:1.23}.marquee__meta{letter-spacing:.1em;color:#fffdf7eb;font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;gap:.65em;margin-top:.68em;font-size:clamp(.6875rem,3vw,.8125rem);display:flex}.marquee__bar{background:#fffdf76b;width:1px;height:1.05em}.marquee__meta[data-long=true]{grid-template-columns:auto 1px auto;gap:.18em .58em;margin-top:.46em;display:grid}.marquee__meta[data-long=true] .marquee__countries{letter-spacing:.025em;grid-area:1/1/auto/-1;font-size:.84em}.marquee__meta[data-long=true] .marquee__year{grid-area:2/1}.marquee__meta[data-long=true] .marquee__bar:not(.marquee__bar--before-runtime){grid-area:2/2}.marquee__meta[data-long=true] .marquee__bar--before-runtime{display:none}.marquee__meta[data-long=true] .marquee__runtime{grid-area:2/3}.marquee__genres{font-family:var(--font-serif);letter-spacing:.16em;text-indent:.16em;color:var(--gold-bright);margin-top:.5em;font-size:clamp(.6875rem,3vw,.8125rem)}.playbill{clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);background:radial-gradient(circle at 50% 0,#d8c39113,#0000 34%),linear-gradient(90deg,#4d0f181c,#0000 22% 78%,#4d0f181a),linear-gradient(#0c0c13eb,#05050af5);border:1px solid #d8c39157;padding:26px 18px 21px;position:relative}.playbill:before{content:"";pointer-events:none;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);border:1px solid #d8c39129;position:absolute;inset:5px}.playbill__heading{font-family:var(--font-serif);letter-spacing:.2em;text-indent:.2em;color:var(--gold-bright);text-align:center;text-shadow:0 0 22px #d8c3912e;font-size:1.0625rem;font-weight:400}.playbill__heading:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 .9 9.1 5 5 9.1.9 5z' fill='none' stroke='%23d8c391' stroke-width='1'/%3E%3C/svg%3E") 50%/10px 10px no-repeat,linear-gradient(90deg,#0000,#d8c39129 12%,#d8c39180 50%,#d8c39129 88%,#0000) 50%/100% 1px no-repeat;width:min(78%,15rem);height:10px;margin:13px auto 0;display:block}.playbill__credits{grid-template-columns:4.2em 1fr;gap:0 14px;margin-top:20px;font-size:1rem;line-height:1.8;display:grid}.playbill__credits dt{font-family:var(--font-serif);letter-spacing:.16em;color:var(--gold-dim);padding-top:.16em;font-size:.875rem}.playbill__credits dd{color:var(--body);letter-spacing:.03em;margin:0;font-size:.9375rem;line-height:1.95}.playbill__credits dt:nth-of-type(n+2),.playbill__credits dd:nth-of-type(n+2){border-top:1px solid #d8c3911c;margin-top:13px;padding-top:13px}.playbill__reunion{font-family:var(--font-serif);letter-spacing:.06em;color:var(--gold-dim);white-space:pre-line;border-left:1px solid var(--gold-faint);background:#d8c3910b;margin-top:20px;padding:.9em 1em;font-size:.9375rem;line-height:2}.playbill__notice{letter-spacing:.06em;color:var(--body-faint);text-align:center;margin-top:18px;font-size:.875rem;line-height:1.9}.playbill__actions{flex-direction:column;gap:13px;margin-top:26px;display:flex}.act-group{flex-direction:column;gap:8px;display:flex}.act{width:100%;min-height:58px;font-family:var(--font-serif);letter-spacing:.1em;transition:border-color .38s var(--ease-quiet), background-color .38s var(--ease-quiet), color .38s var(--ease-quiet);border-radius:3px;justify-content:center;align-items:center;gap:.7em;padding:.8em 1em;font-size:1.0625rem;text-decoration:none;display:flex;box-shadow:0 10px 24px #00000038}.act__icon{flex:none;width:26px;height:26px}.act__icon--trailing{opacity:.75;width:18px;height:18px}.act__note{letter-spacing:.04em;color:var(--body-faint);text-align:center;font-size:.8125rem;line-height:1.75}.act--primary{color:#2b1d09;text-shadow:0 1px #ffffff52;background:linear-gradient(#f2e0aa 0%,#dcc287 46%,#c4a86a 100%);border:1px solid #ecd9a8;box-shadow:0 10px 24px #00000080,inset 0 1px #ffffff8c}.act--primary:hover,.act--primary:active{background:linear-gradient(#f7e9bb 0%,#e3cd97 46%,#cbb175 100%)}.act--quiet{color:var(--gold);background:linear-gradient(#d8c3910b,#08080e80);border:1px solid #d8c3914d}.act--quiet:hover,.act--quiet:active{color:var(--gold-bright);border-color:#d8c3917a}.act--spoiler{color:#eab3b3;background:linear-gradient(#42101752,#18070a94);border:1px solid #c65c5c6b}.act--spoiler:hover,.act--spoiler:active{color:#f5cccc;border-color:#d86e6e99}.door{text-align:center;text-shadow:0 1px 3px #000000eb;margin-top:auto;padding-top:30px}.door__button{min-height:44px;font-family:var(--font-serif);letter-spacing:.16em;text-indent:.16em;color:var(--body-faint);align-items:center;gap:14px;padding:.5em .8em;font-size:.875rem;display:inline-flex}.door__button:hover,.door__button:active{color:var(--body-dim)}.door__mark{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M4 .8 7.2 4 4 7.2.8 4z' fill='none' stroke='%23e8e2d6' stroke-opacity='.55' stroke-width='1'/%3E%3C/svg%3E") 50%/8px 8px no-repeat,linear-gradient(90deg,#0000,#e8e2d647 40% 60%,#0000) 50%/100% 1px no-repeat;width:38px;height:8px}@media (prefers-reduced-motion:reduce){.feature[data-entering=true]>*{opacity:1;animation:none}}.letter-overlay{z-index:40;padding:calc(20px + var(--safe-top)) 14px calc(14px + var(--safe-bottom));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:overlay-in .5s var(--ease-quiet);background:#020205b8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@media (height>=620px){.letter-overlay{align-items:center}}.letter{overscroll-behavior:contain;outline:none;flex-direction:column;gap:14px;width:100%;max-width:30rem;max-height:100%;display:flex;overflow-y:auto}.letter__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.letter__kind{font-family:var(--font-serif);letter-spacing:.26em;text-indent:.26em;color:var(--gold-dim);font-size:.8125rem}.letter__paper{background:linear-gradient(180deg, #efe7d1 0%, var(--paper) 42%, var(--paper-deep) 100%);min-height:0;animation:paper-in .76s var(--ease-quiet);border-radius:2px;flex:none;padding:4px;position:relative;box-shadow:0 34px 70px #0000009e,inset 0 0 46px #7a623829}.letter__paper[data-unsealing=true]{animation:envelope-open .92s var(--ease-quiet);transform-origin:top}@keyframes paper-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes envelope-open{0%{opacity:0;transform:perspective(1000px)rotateX(-74deg)translateY(-4%)}46%{opacity:1}to{opacity:1;transform:perspective(1000px)rotateX(0)}}.letter__paper:before{content:"";pointer-events:none;opacity:.09;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23p)'/%3E%3C/svg%3E");border-radius:2px;position:absolute;inset:0}.letter__paper:after{content:"";pointer-events:none;background:radial-gradient(60% 45% at 6% 4%,#96764229,#0000 70%),radial-gradient(50% 40% at 96% 92%,#8c6c3a2e,#0000 72%),linear-gradient(#0000 82%,#785e341f 100%);border-radius:2px;position:absolute;inset:0}.letter__scroll{z-index:1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background-image:repeating-linear-gradient(#0000 0 calc(2.05em - 1px),#7a623817 calc(2.05em - 1px) 2.05em);background-position:0 26px;height:min(58vh,30rem);padding:26px 22px 30px;position:relative;overflow-y:auto}.letter--with-footer .letter__scroll{height:min(44vh,22rem)}.letter__body{font-family:var(--font-hand);letter-spacing:.04em;color:var(--paper-ink);white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;line-break:strict;font-size:1.125rem;line-height:2.05}.letter__cursor{vertical-align:-.16em;background:var(--paper-ink);width:2px;height:1.05em;margin-left:.1em;animation:1.15s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,49%{opacity:.8}50%,to{opacity:0}}.letter__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 6px;display:flex}.letter__controls .btn--bare{color:var(--body-dim);padding:.45em .7em;font-size:.8125rem}.keepsake{border:1px solid var(--gold-faint);background:#d8c3910a;border-radius:2px;padding:18px 18px 20px}.keepsake__label{letter-spacing:.08em;color:var(--body-faint);margin-bottom:8px;font-size:.8125rem;display:block}.keepsake__input{width:100%;min-height:4.6em;color:var(--body);resize:vertical;background:#04040880;border:1px solid #e8e2d624;border-radius:2px;padding:.7em .8em;font-size:1rem;line-height:1.8;display:block}.keepsake__input::placeholder{color:#e8e2d675}.keepsake__count{letter-spacing:.06em;color:var(--body-faint);text-align:right;margin-top:6px;font-size:.8125rem;display:block}.keepsake__actions{margin-top:14px}.keepsake__done{font-family:var(--font-serif);letter-spacing:.08em;color:var(--gold);text-align:center;font-size:.9375rem;line-height:2}@media (prefers-reduced-motion:reduce){.letter-overlay,.letter__paper,.letter__paper[data-unsealing=true]{animation:none}.letter__cursor{opacity:.7;animation:none}}.dialog-overlay{z-index:60;padding:calc(20px + var(--safe-top)) 20px calc(20px + var(--safe-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlay-in .42s var(--ease-quiet);background:#020205c7;place-items:center;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--gold-faint);width:100%;max-width:22rem;animation:dialog-in .52s var(--ease-quiet);background:linear-gradient(#101a30eb,#08080ef5);border-radius:2px;outline:none;padding:28px 22px 22px;box-shadow:0 30px 70px #000000a8}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.dialog__message{font-family:var(--font-serif);letter-spacing:.08em;color:var(--body);text-align:center;white-space:pre-line;font-size:1.0625rem;line-height:2.05}.dialog__note{letter-spacing:.05em;color:var(--body-faint);text-align:center;margin-top:12px;font-size:.8125rem;line-height:1.9}.dialog__actions{flex-direction:column;gap:10px;margin-top:26px;display:flex}.dialog__confirm--danger{color:#e8a6a6;border-color:#e8a6a633}.contact-dialog__links{margin-top:22px}.contact-dialog__link{justify-content:space-between;padding-left:1.25em;padding-right:1.05em}.contact-dialog__icon{flex:none;width:19px;height:19px}@media (prefers-reduced-motion:reduce){.dialog-overlay,.dialog{animation:none}}.shelf-overlay{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:overlay-in .46s var(--ease-quiet);background:radial-gradient(circle at 50% -12%,#c5ab7014,#0000 36%),linear-gradient(#070911f7,#020307fc);justify-content:center;display:flex;position:fixed;inset:0}.shelf{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:100%;max-width:30rem;padding:calc(24px + var(--safe-top)) 20px calc(44px + var(--safe-bottom));outline:none;overflow-y:auto}.shelf__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.shelf__title{font-family:var(--font-serif);letter-spacing:.16em;color:var(--gold-bright);font-size:1.25rem;font-weight:400}.shelf__lead{letter-spacing:.08em;color:var(--body-faint);margin-top:10px;font-size:.8125rem;line-height:2}.bookcase{counter-reset:keepsake-volume;background:linear-gradient(90deg,#ffffff05,#0000 14% 86%,#ffffff05),#070910;border:1px solid #d8c39124;border-top-color:#d8c39161;margin-top:30px;padding:0 16px 13px;position:relative;box-shadow:0 30px 70px #00000075,inset 0 1px #ffffff06}.bookcase__caption{letter-spacing:.24em;color:#d8c39180;font-variant-numeric:tabular-nums;border-bottom:1px solid #d8c3911c;justify-content:space-between;align-items:center;height:42px;font-size:.5625rem;display:flex}.bookcase__row{padding:16px 0 0;position:relative}.bookcase__row+.bookcase__row{margin-top:8px}.bookcase__back{background:radial-gradient(at 50% 100%,#d8c39109,#0000 62%),linear-gradient(#00000080,#0000 42%),#05060b;border-left:1px solid #ffffff05;border-right:1px solid #ffffff05;position:absolute;inset:16px 0 8px;box-shadow:inset 14px 0 24px #0006,inset -14px 0 24px #0006}.bookcase__books{z-index:1;align-items:flex-end;gap:7px;min-height:154px;padding:0 12px 1px;display:flex;position:relative}.bookcase__books li{counter-increment:keepsake-volume}.bookcase__board{z-index:2;background:linear-gradient(#d8c39114,#0000 62%);border-top:1px solid #d8c3917a;height:9px;position:relative;box-shadow:0 12px 20px #000000b8}.bookcase__vacancy{z-index:1;place-items:center;min-height:118px;display:grid;position:relative}.bookcase__vacancy span{border:1px solid #d8c39129;width:38px;height:58px;position:relative}.bookcase__vacancy span:before,.bookcase__vacancy span:after{content:"";position:absolute}.bookcase__vacancy span:before{border:1px solid #d8c39112;inset:7px}.bookcase__vacancy span:after{background:#d8c39124;width:13px;height:1px;top:50%;right:-13px}.book{width:calc(clamp(43px, 11.5vw, 52px) + var(--thick));height:calc(146px - var(--trim) * .45);transform:rotate(calc(var(--lean) * .32));transform-origin:bottom;transition:transform .36s var(--ease-quiet), filter .36s var(--ease-quiet);padding:0;display:block;position:relative}.book__head{z-index:2;background:#f3e9d17a;height:2px;position:absolute;top:0;left:2px;right:2px}.book__spine{background:linear-gradient(90deg, #00000094, transparent 22%, #ffffff0e 56%, #00000085),  linear-gradient(180deg, color-mix(in srgb, var(--spine) 42%, #0c0d12), color-mix(in srgb, var(--spine) 22%, #07080d));border:1px solid #ffffff0f;border-radius:1px;justify-content:center;align-items:center;width:100%;height:100%;padding:14px 4px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 24px #0000009e,inset 1px 0 #ffffff06}.book__cloth{pointer-events:none;opacity:.11;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23c)'/%3E%3C/svg%3E");position:absolute;inset:0}.book__title{writing-mode:vertical-rl;text-orientation:upright;font-family:var(--font-serif);letter-spacing:.1em;color:#f7f0df;text-shadow:0 1px 3px #000000e6;white-space:nowrap;max-height:100%;font-size:.75rem;line-height:1;position:relative;overflow:hidden}.book[data-long=true] .book__title{letter-spacing:0;font-size:.625rem}.book__mark{background:#eeddb48a;height:1px;position:absolute;bottom:15px;left:18%;right:18%}.book:after{content:counter(keepsake-volume, decimal-leading-zero);z-index:2;letter-spacing:.08em;color:#f7f0df85;text-align:center;font-variant-numeric:tabular-nums;font-size:.4375rem;position:absolute;bottom:5px;left:0;right:0}.book:hover,.book:focus-visible{transform:translateY(-5px)}.book[data-open=true]{z-index:2;filter:brightness(1.18);transform:translateY(-10px)}.book[data-open=true] .book__spine{border-color:#d8c3916b;box-shadow:0 20px 30px #000000bd,0 0 0 1px #d8c39114,0 0 24px #d8c3911f}.keepsake-detail{margin-top:26px}.keepsake-book{background:linear-gradient(135deg,#d8c39180,#d8c3910a 36%,#d8c39138);padding:1px;position:relative;box-shadow:0 26px 62px #00000075}.keepsake-book__cover{background:radial-gradient(circle at 14% 12%,#d8c3910e,#0000 27%),#090b12;position:absolute;inset:1px}.keepsake-book__pages{min-height:228px;color:var(--body);background:linear-gradient(90deg,#0000 41.5%,#d8c3911a 41.5% 41.8%,#0000 41.8%),linear-gradient(135deg,#ffffff05,#0000 42%),#090b12;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);display:grid;position:relative;overflow:hidden}.keepsake-book__pages:before{content:"";border-top:1px solid #d8c39138;border-right:1px solid #d8c39138;width:20px;height:20px;position:absolute;top:18px;right:18px}.keepsake-book__page{padding:24px 17px 22px;position:relative}.keepsake-book__page--left{text-align:left;flex-direction:column;justify-content:center;display:flex}.keepsake-book__page--right{flex-direction:column;justify-content:center;padding-left:20px;display:flex}.keepsake-book__eyebrow{letter-spacing:.2em;color:#d8c39185;font-size:.5625rem}.keepsake-book__title{font-family:var(--font-serif);letter-spacing:.1em;color:var(--gold-bright);margin-top:18px;font-size:.9375rem;line-height:1.8}.keepsake-book__date{letter-spacing:.1em;color:var(--body-faint);margin-top:auto;padding-top:22px;font-size:.5625rem;line-height:1.7}.keepsake-book__date span{color:var(--body-dim);font-variant-numeric:tabular-nums;margin-top:4px;display:block}.keepsake-book__quote{font-family:var(--font-hand);letter-spacing:.025em;color:#ede5d2;font-size:.875rem;line-height:2}.keepsake-book__quote:before{content:"「";height:19px;font-family:var(--font-serif);color:#d8c39180;margin-left:-7px;font-size:1.25rem;display:block}.keepsake-book__rule{background:#d8c39133;width:30px;height:1px;margin:17px 0 14px}.keepsake-book__note{font-family:var(--font-hand);color:var(--body-dim);white-space:pre-wrap;font-size:.8125rem;line-height:1.85}.keepsake-book__blank{letter-spacing:.07em;color:var(--body-faint);text-align:right;margin-top:auto;padding-top:15px;font-size:.5625rem;line-height:1.9}.keepsake-detail__hint{letter-spacing:.08em;color:var(--body-faint);text-align:center;font-size:.75rem;line-height:1.9}.keepsake-detail__foot{justify-content:flex-end;margin-top:14px;display:flex}.shelf__empty{font-family:var(--font-serif);letter-spacing:.08em;color:var(--body-dim);text-align:center;white-space:pre-line;margin:20px 0 5px;padding:0 10px;font-size:.9375rem;line-height:2.1}@media (width<=359px){.shelf{padding-left:14px;padding-right:14px}.bookcase{padding-left:12px;padding-right:12px}.bookcase__books{gap:4px;padding-left:7px;padding-right:7px}.keepsake-book__page{padding-left:12px;padding-right:12px}.keepsake-book__page--right{padding-left:16px}.keepsake-book__quote{font-size:.8125rem}}@media (prefers-reduced-motion:reduce){.shelf-overlay{animation:none}.book,.book:hover,.book:focus-visible,.book[data-open=true]{transition:none;transform:none}}