*{box-sizing:border-box}@font-face{font-family:Zen Kaku Gothic New;src:url(/fonts/zen-kaku-gothic-new/ZenKakuGothicNew-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{color-scheme:light;color:#111;background:#fff;font-family:Arial,Helvetica Neue,Yu Gothic,sans-serif}html,body{width:100%;height:100%;margin:0;overflow:clip}button,a{-webkit-tap-highlight-color:transparent;font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:7px;border-radius:3px;outline:2px solid #786299}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}dialog{background:#fff;border:0;max-height:94dvh;overflow:auto}dialog::backdrop{backdrop-filter:blur(16px);background:#f0efede0}@view-transition{navigation:auto}::view-transition-old(root){animation:.22s both page-out}::view-transition-new(root){animation:.22s both page-in}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}*,:before,:after{transition:none!important;animation:none!important}}html.mochimochi-study{--study-background:#f4f3f1 url(/_astro/background.DGEkvbk9.png) center / cover no-repeat}html.mochimochi-study,.mochimochi-study body{color:#111;background:#f4f3f1;height:auto;min-height:100%;font-family:Zen Kaku Gothic New,sans-serif;overflow:visible}.mochimochi-study body{isolation:isolate;margin:0}html.mochimochi-study.launcher-closing{background:#fff}.mochimochi-study body:before{content:"";z-index:-1;pointer-events:none;background:var(--study-background);background-blend-mode:luminosity;position:fixed;inset:0}.mochimochi-study ::selection{color:#111;background:#d9dfcf}.mochimochi-study h1,.mochimochi-study h2,.mochimochi-study p{margin:0;font-weight:400}.mochimochi-study h1:focus,.mochimochi-study h2:focus{outline:none}.mochimochi-study button:focus-visible,.mochimochi-study a:focus-visible,.mochimochi-study summary:focus-visible{outline-color:#111}.story-panel{place-items:center;min-height:100svh;padding:108px clamp(28px,8vw,150px) 156px;display:grid;position:relative}.story-enhanced .story-track{height:560svh}.story-enhanced .story-viewport{height:100svh;position:sticky;top:0}.story-enhanced .story-panel{opacity:0;visibility:hidden;pointer-events:none;min-height:0;transition:opacity .42s,transform .6s cubic-bezier(.22,.68,.2,1);position:absolute;inset:0;transform:translateY(18px)}.story-enhanced .story-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}.title-composition{text-align:center;transform:translateY(-2vh)}.title-note{letter-spacing:.2em;font-size:clamp(12px,1.2vw,16px);margin-bottom:24px!important}.title-panel h1{letter-spacing:.09em;padding-left:.09em;font-size:clamp(80px,13vw,188px);line-height:1.35}.scroll-cue{color:#555;pointer-events:none;width:24px;height:32px;position:absolute;bottom:clamp(25px,5vh,56px);left:50%;transform:translate(-50%)}.scroll-cue svg{fill:none;stroke:currentColor;stroke-width:1px;width:100%;height:100%}.step-composition{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(48px,8vw,130px);width:100%;max-width:1200px;display:grid}.step-copy{align-self:start;min-width:0;padding-top:clamp(40px,5svh,56px);transform:translateY(clamp(45px,5svh,52px))}.step-copy h2{letter-spacing:.04em;margin-bottom:30px;font-size:clamp(42px,5.7vw,82px);line-height:1.5}.step-copy>p{letter-spacing:.04em;font-size:clamp(15px,1.45vw,20px);line-height:2.15}.step-copy .touch-hint{margin-top:40px;font-size:clamp(13px,1.25vw,17px)}.play-composition{text-align:center}.play-heading{letter-spacing:.08em;font-size:clamp(21px,2.2vw,31px);margin-bottom:45px!important}.glass-play{--glass-light-x:28%;--glass-light-y:0%;isolation:isolate;letter-spacing:.1em;backdrop-filter:blur(2.75px);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-bottom-color:#41414117;border-radius:999px;justify-content:center;align-items:center;gap:22px;width:clamp(220px,24vw,296px);min-height:76px;font-size:21px;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff74,inset 0 -1px 1px #00000020,0 2px 5px -2px #00000025}.glass-play[data-refraction]{backdrop-filter:url(#play-glass-refraction)blur(2.75px)}.glass-play:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--glass-light-x) var(--glass-light-y), #ffffffc9, #fff0 65%), conic-gradient(from 35deg, #ffffffa6, #0002 18%, #fff0 30%, #ffffffa6 48%, #00000024 68%, #fff0 82%, #ffffffa6);opacity:.65;padding:2px;position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.glass-play>span,.glass-play>svg{z-index:1;position:relative}.glass-play>svg{fill:currentColor;width:16px;height:16px}.glass-play:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff8d,inset 0 -1px 1px #0000002b,0 3px 7px -3px #00000037}.glass-play:active{transform:translateY(1px)scale(.975)}.glass-play:focus-visible{outline-offset:5px;outline:2px solid #555}.play-glass-filter{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.glass-play{transition:none}.glass-play:hover,.glass-play:active{transform:none}}.more-section{padding:clamp(120px,18vh,200px) max(28px,50vw - 480px) 120px;scroll-margin-top:0;position:relative}.more-eyebrow{color:#666;letter-spacing:.14em;font-size:12px;margin-bottom:22px!important}.more-section h2{letter-spacing:.06em;font-size:clamp(36px,5vw,65px)}.more-details{gap:16px;margin-top:64px;display:grid}.more-details details{border:1px solid #cececa;border-radius:18px;overflow:hidden}.more-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:24px 30px;font-size:17px;list-style:none;display:flex}.more-details summary::-webkit-details-marker{display:none}.disclosure-mark{flex:0 0 16px;width:16px;height:16px;position:relative}.disclosure-mark:before,.disclosure-mark:after{content:"";background:#111;width:16px;height:1px;position:absolute;top:7px;left:0}.disclosure-mark:after{transition:transform .2s;transform:rotate(90deg)}details[open] .disclosure-mark:after{transform:none}.detail-body{color:#555;max-width:700px;padding:0 30px 30px;font-size:15px;line-height:2}.work-introduction{letter-spacing:.04em;color:#222;font-size:clamp(16px,1.6vw,19px);line-height:2}.work-facts{border-top:1px solid #0000001f;gap:12px;margin:30px 0 0;padding-top:24px;display:grid}.work-facts>div{grid-template-columns:6em minmax(0,1fr);align-items:baseline;column-gap:24px;display:grid}.work-facts dt{color:#777;font-size:13px}.work-facts dd{color:#333;overflow-wrap:anywhere;margin:0}.making-notes{max-width:none;padding-top:20px;padding-bottom:54px}.making-note{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(28px,3.2vw,44px);display:grid}.making-note+.making-note{border-top:1px solid #0000001a;margin-top:56px;padding-top:56px}.making-note h3{letter-spacing:.025em;color:#222;margin:0;font-family:Zen Old Mincho,serif;font-size:clamp(20px,2.4vw,30px);font-weight:400;line-height:1.65}.making-note h3>span{white-space:nowrap;display:block}.making-copy{min-width:0;line-height:2.15}.making-copy p+p{margin-top:24px}.reference-links{margin:0;padding-left:1.4em;list-style:outside}.reference-links li+li{margin-top:8px}.reference-links a{color:inherit;overflow-wrap:anywhere;text-underline-offset:3px;text-decoration:underline}.back-to-start{align-items:center;gap:20px;min-height:44px;margin-top:65px;font-size:13px;display:inline-flex}.back-to-start:hover{text-underline-offset:5px;text-decoration:underline}.no-script-note{padding:20px;font-size:13px}@media (width<=760px){.story-panel{padding:84px 28px 144px}.title-panel h1{font-size:clamp(56px,16vw,104px)}.title-note{font-size:11px}.step-composition{flex-direction:column;align-items:stretch;gap:38px;max-width:480px;display:flex}.step-copy{align-self:stretch;padding-top:0;transform:none}.step-copy h2{margin-bottom:14px;font-size:37px}.step-copy>p{font-size:14px;line-height:1.9}.step-copy .touch-hint{margin-top:16px;font-size:13px}.scroll-cue{bottom:21px}.more-section{padding:110px 28px 70px}.more-details summary{padding:22px;font-size:16px}.detail-body{padding:0 22px 24px;font-size:14px}.work-facts>div{grid-template-columns:5em minmax(0,1fr);column-gap:16px}.making-notes{padding-top:12px;padding-bottom:36px}.making-note{grid-template-columns:minmax(0,1fr);gap:24px}.making-note h3{font-size:clamp(14px,4.4vw,28px)}.making-note+.making-note{margin-top:40px;padding-top:40px}}@media (height<=640px) and (width>=761px){.story-panel{padding-top:85px;padding-bottom:125px}.step-copy{padding-top:32px;transform:translateY(59px)}.step-copy h2{margin-bottom:18px;font-size:45px}.title-panel h1{font-size:110px}.scroll-cue{bottom:16px}}@font-face{font-family:Zen Old Mincho;src:url(/fonts/zen-old-mincho/ZenOldMincho-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}.artwork-demo{--paper:#f4f3f1;--ink:#1a1a19;--line:#d8d5cf;width:100%;min-width:0;color:var(--ink)}.demo-frame{--frame-height:max(clamp(400px, 42svh, 440px), var(--demo-content-height,0px));width:100%;min-height:var(--frame-height);backdrop-filter:blur(6px);background:#ffffff2e;border:2px solid #b5b5b5;border-radius:22px;position:relative}.writing-demo,.reading-demo{align-content:center;padding:32px 8%;display:grid}.example-prose{overflow-wrap:anywhere;line-break:strict;font:400 clamp(17px,1.5vw,20px)/2.6 Zen Old Mincho,Yu Mincho,serif}.writing-block,.reading-block{justify-self:center;width:min(100%,540px)}.typing-example{border-bottom:1px solid #b5b5b5;padding-bottom:16px}[data-typing-glyph]{position:relative}.is-typing [data-typing-glyph]:not(.is-written){opacity:0}.is-typing .is-caret:after,.is-typing.is-empty [data-typing-glyph]:first-child:before{content:"";border-left:1px solid #777;height:1em;position:absolute;top:.2em}.is-typing .is-caret:after{right:-2px}.is-typing.is-empty [data-typing-glyph]:first-child{opacity:1;color:#0000}.is-typing.is-empty [data-typing-glyph]:first-child:before{left:0}.mochimochi-study .artwork-memo{text-align:center;letter-spacing:.1em;color:#5b5a56;margin-top:28px;font:400 14px/1.8 Zen Old Mincho,serif}.artwork-surface{height:var(--frame-height);overflow:hidden}.artwork-surface canvas{touch-action:pan-y;width:100%;height:100%;display:block}.artwork-surface canvas[hidden]{display:none}.artwork-surface[data-renderer=webgl2] canvas{cursor:none}.artwork-surface:focus-within{border-color:#888}.artwork-surface canvas:focus-visible{outline:none}.artwork-fallback{color:#666;padding:32px;font-size:13px;line-height:1.9}@media (width<=760px){.step-composition{gap:36px}.example-prose{font-size:17px;line-height:2.3}.demo-frame{--frame-height:max(400px, var(--demo-content-height,0px));border-radius:18px}.mochimochi-study .artwork-memo{margin-top:24px;font-size:13px}}