:root{color-scheme:light;--scene-background:#fff;--ink:#343730;--muted:#73756b;font-synthesis:none;font-family:Arial,Helvetica Neue,Noto Sans JP,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--scene-background);margin:0}body{color:var(--ink);margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline-offset:6px;outline:2px solid #52604e}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.typewriter-story{isolation:isolate;position:relative}.typewriter-stage{background:var(--scene-background);width:100%;height:100svh;min-height:280px;position:relative;overflow:hidden}.masthead{z-index:2;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;inset:clamp(20px,4.2vh,38px) clamp(24px,4vw,64px) auto}.wordmark{letter-spacing:.13em;font-size:14px;font-weight:700;line-height:1;text-decoration:none}.wordmark__dot{color:#65725c}.rewind{color:#535b4e;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #969b8d66;align-items:center;gap:9px;padding:9px 0;font-size:11px;transition:color .2s;display:inline-flex}.rewind:disabled{visibility:hidden}.rewind:hover{color:#111b0b}.typewriter-machine{--machine-width:min(1040px, 118vw, calc((100svh - 170px) * 2.32));bottom:calc(var(--machine-width) * -110 / 1600);width:var(--machine-width);aspect-ratio:1600/1400;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}@supports not (height:1svh){.typewriter-machine{--machine-width:min(1040px, 118vw, calc((100vh - 170px) * 2.32))}}.typewriter-machine>svg{width:100%;height:auto;display:block;overflow:visible}.typewriter-machine #welcome-print{font-kerning:none}.typewriter-machine #paper-feed{will-change:transform}.typewriter-machine #print-content .bold{stroke:#2b2a25;stroke-width:.7px;paint-order:stroke}.scroll-cue{writing-mode:vertical-rl;color:#73786c;letter-spacing:.13em;pointer-events:none;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;top:50%;right:clamp(14px,2.4vw,40px);transform:translateY(-50%)}.scroll-cue__stroke{opacity:.7;background:currentColor;width:1px;height:25px}.typewriter-story[data-feed-started=true] .scroll-cue{opacity:0}@media (width<=599px){.masthead{inset:23px 23px auto}.wordmark{font-size:12px}.rewind{font-size:10px}.scroll-cue{gap:8px;font-size:9px;right:10px}}@media (height<=500px){.masthead{inset:16px 22px auto}.scroll-cue{font-size:9px}}@media (prefers-reduced-motion:reduce){.scroll-cue,.rewind{display:none}.typewriter-machine #paper-feed{will-change:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important}}:root{--scene-background:#fafaf7;--ink:#30372f;--muted:#62695e;--metal-accent:#8a7448;--focus:#53634b;--rule:#d9dcd1;--paper:#f8f4e8;--paper-edge:#d9d3c1;--paper-highlight:#fffdf5;--paper-shade:#c6bea14d;--paper-grain:#857a5320;--paper-shadow:#25302016;--print-ink:#2e322b;--link-ink:#9a3324;--selection:#d4ddc9;--font-ui:Arial, "Helvetica Neue", "Noto Sans JP", sans-serif;--font-typewriter:"Courier New", Courier, "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif JP", monospace;font-family:var(--font-ui)}html,body{overflow-x:clip}body,main{min-width:0}button:focus-visible,a:focus-visible{outline-color:var(--focus)}::selection{background:var(--selection)}button,.wordmark{white-space:nowrap}h1,h2,h3{overflow-wrap:anywhere;min-width:0;font-style:normal}.typewriter-stage{height:auto;min-height:0;overflow:clip}.machine-viewport-probe{visibility:hidden;pointer-events:none;height:100lvh;position:absolute;top:0}.typewriter-story[data-motion=animated] .typewriter-stage{height:100dvh;min-height:280px;position:sticky;top:0}.masthead{z-index:5;background:linear-gradient(to bottom, var(--scene-background) 55%, transparent);margin:0;padding:28px clamp(20px,4vw,64px);position:relative;inset:auto}.typewriter-story[data-motion=animated] .masthead{position:absolute;inset:0 0 auto}.wordmark{line-height:0;display:block}.wordmark__logo{width:auto;height:30px;display:block}.story-actions{align-items:center;gap:26px;display:flex}.sound-toggle,.auto-scroll{align-items:center;gap:7px;display:inline-flex}.auto-scroll[aria-pressed=true]{color:var(--ink)}.auto-scroll[aria-pressed=true] .auto-scroll__play,.auto-scroll[aria-pressed=false] .auto-scroll__pause{display:none}.sound-toggle[aria-pressed=true],.motion-toggle[aria-pressed=true]{color:var(--ink)}.sound-toggle[aria-pressed=true] .sound-toggle__mute,.sound-toggle[aria-pressed=false] .sound-toggle__waves{display:none}.motion-toggle,.sound-toggle,.auto-scroll,.lang-toggle{border:0;border-bottom:1px solid var(--rule);min-height:44px;color:var(--muted);font:11px var(--font-ui);letter-spacing:.06em;cursor:pointer;background:0 0;padding:10px 0;transition:color .15s}.motion-toggle:hover,.sound-toggle:hover,.auto-scroll:hover,.lang-toggle:hover{color:var(--ink)}.motion-toggle:active,.sound-toggle:active,.auto-scroll:active,.lang-toggle:active{transform:translateY(1px)}[hidden]{display:none!important}.scroll-hint{left:50%;top:var(--paper-top,60%);z-index:3;color:var(--ink);font:17px var(--font-ui);letter-spacing:.14em;white-space:nowrap;pointer-events:none;flex-direction:column;align-items:center;gap:6px;transition:opacity .35s,transform .35s;animation:.6s .4s backwards scroll-hint-in;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 18px))}.scroll-hint svg{width:26px;height:32px;overflow:visible}.scroll-hint__chevron{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;animation:1.6s ease-in-out infinite scroll-hint-bob}.scroll-hint__chevron+.scroll-hint__chevron{opacity:.55;animation-delay:.15s}.typewriter-story[data-feed-started=true] .scroll-hint{opacity:0;transform:translate(-50%,calc(-100% - 30px))}.typewriter-story:not([data-motion=animated]) .scroll-hint{display:none}@keyframes scroll-hint-bob{0%,to{opacity:.35;transform:translateY(-3px)}50%{opacity:1;transform:translateY(4px)}}@keyframes scroll-hint-in{0%{opacity:0}}@media (width<=599px){.scroll-hint{font-size:15px}}.typewriter-machine{--machine-width:min(1250px, 120vw, 118svh);width:var(--machine-width);aspect-ratio:1600/1400;left:50%;bottom:calc(var(--machine-width) * -95 / 1600);pointer-events:none;transform:translate(-50%)}.machine-coordinate-space{zoom:var(--machine-scale,.75);width:1600px;height:1400px;position:absolute}.machine-coordinate-space>svg{width:1600px;height:1400px;position:absolute;inset:0;overflow:visible}.machine-coordinate-space{--paper-reach:6000px}.paper-window{left:380px;top:calc(-1 * var(--paper-reach));width:840px;height:calc(var(--paper-reach) + 706px);will-change:transform;position:absolute;overflow:clip}.paper-feed{width:780px;margin-top:var(--paper-reach);outline:1px solid var(--paper-edge);background:linear-gradient(90deg, var(--paper-shade), transparent 3%, transparent 96%, var(--paper-shade)), var(--paper);box-shadow:8px 0 24px var(--paper-shadow), inset 0 3px 0 var(--paper-highlight);border:0;border-radius:2px 3px 0 0;position:absolute;left:30px}.paper-feed:before{content:"";opacity:.3;pointer-events:none;background-image:repeating-linear-gradient(7deg, transparent 0 3px, var(--paper-grain) 3px 3.5px, transparent 3.5px 7px);position:absolute;inset:0}.paper-welcome{text-align:center;font-family:var(--font-typewriter);color:var(--print-ink);font-kerning:none;letter-spacing:-.5px;font-size:40px;line-height:52px;position:absolute;left:0;right:0}.paper-welcome span{display:block}.paper-print{color:var(--print-ink);font-family:var(--font-typewriter);font-kerning:none;font-variant-ligatures:none;position:absolute;inset:0}.printed-glyph{white-space:pre;justify-content:center;align-items:baseline;line-height:1;display:flex;position:absolute}.printed-strip{background-repeat:no-repeat;position:absolute}.printed-glyph.is-bold{font-weight:700}.printed-glyph.is-table-rule{color:var(--muted);font-weight:300}.printed-glyph.is-link{color:var(--link-ink);pointer-events:auto;cursor:pointer;text-decoration:none}.printed-glyph.is-link:after{content:"";opacity:.6;border-bottom:2px dotted;position:absolute;bottom:-.12em;left:6%;right:6%}.printed-glyph.is-link:hover:after{opacity:1;border-bottom-style:solid}.letter-transcript a{color:var(--link-ink);text-underline-offset:.2em}.letter-transcript .link-row{flex-wrap:wrap;justify-content:space-between;gap:0 1em;margin:0;display:flex}.letter-transcript .link-row+hr,.letter-transcript hr:has(+.link-row){border-top:1px dashed var(--paper-edge);opacity:1;margin:.4em 0}.letter-transcript{max-width:720px;color:var(--print-ink);background:var(--paper);border:1px solid var(--paper-edge);font-family:var(--font-typewriter);margin:24px auto 80px;padding:clamp(24px,5vw,64px);scroll-margin-top:24px;font-size:14px;line-height:2}.letter-transcript h1{margin:0 0 2.5em;font-size:clamp(20px,5vw,30px);font-weight:400;line-height:1.5}.letter-transcript h2,.letter-transcript h3{margin:2em 0 1em;font-size:1.05em}.letter-transcript .letter-photo{filter:grayscale()contrast(1.1);width:min(100%,280px);height:auto;margin:2em auto;display:block}.letter-transcript hr{border:0;border-top:1px solid var(--print-ink);opacity:.55;margin:2em 0}.typewriter-story[data-motion=animated] .letter-transcript{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.typewriter-story:not([data-motion=animated]) :is(.typewriter-machine,.sound-toggle,.auto-scroll){display:none}@media (width<=599px){.masthead{padding:16px 20px}.story-actions{gap:12px}.motion-toggle,.lang-toggle{font-size:10px}.wordmark__logo{height:22px}.sound-toggle,.auto-scroll{justify-content:center;min-width:32px}.action-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.typewriter-machine{--machine-width:calc(85vw * 1600 / 780)}.letter-transcript{margin:20px 16px 48px}}@media (width<=359px){.masthead{padding-inline:14px}.story-actions{gap:8px}.wordmark__logo{height:19px}.sound-toggle,.auto-scroll{min-width:26px}}@media (height<=500px){.masthead{padding:8px 22px}}@media (prefers-reduced-motion:reduce){.typewriter-story[data-motion=animated] .typewriter-stage{height:auto}.typewriter-machine{display:none}.typewriter-story .masthead{position:relative}.paper-window{will-change:auto}}
