:root{--theme-page: #f5f2e9;--theme-surface: #faf9f6;--theme-secondary: #eeece5;--theme-ink: #30322f;--theme-muted: #73756f;--theme-faint: #9b9c95;--theme-brand: #1640a8;--theme-brand-rgb: 22, 64, 168;--theme-brand-soft: color-mix(in srgb, var(--theme-brand) 72%, var(--theme-surface));--theme-annotation: #477ba5;--theme-border: #dcdad2;--theme-rule: #bab9b1;--theme-grid: rgb(48 50 47 / 8%);--theme-shadow-rgb: 48, 50, 47;--theme-shadow-soft: rgba(var(--theme-shadow-rgb), .12);--theme-hover: color-mix(in srgb, var(--theme-brand) 7%, var(--theme-page));--theme-paper-highlight: color-mix(in srgb, var(--theme-surface) 85%, white);--theme-paper-fold: color-mix(in srgb, var(--theme-surface) 89%, var(--theme-ink));--theme-inverse: #eaf3ff;--theme-water-tint: rgba(var(--theme-brand-rgb), .025)}:root{--site-accent:var(--theme-brand);--site-nav-font:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans","Noto Sans SC",sans-serif;--site-edge:clamp(16px,4vw,64px)}.shared-header{position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;height:94px;padding:26px var(--site-edge) 0;font:400 14px/1.4 var(--site-nav-font);color:var(--theme-muted);pointer-events:auto;mix-blend-mode:normal;background:transparent;--site-menu-bg:var(--theme-surface);--site-menu-hover:var(--theme-hover)}.shared-header a{text-decoration:none;font-weight:400}.shared-header .shared-brand{font:400 12px/1.4 var(--site-nav-font);color:inherit;min-height:44px;letter-spacing:.022em;line-height:1.45}.shared-header .header-actions{display:flex;align-items:flex-start;gap:26px}.shared-header nav{display:flex;gap:36px;white-space:nowrap}.shared-header nav a{display:inline-flex;align-items:flex-start;justify-content:center;min-width:44px;min-height:44px;font:400 14px/1.4 var(--site-nav-font);color:inherit;letter-spacing:.045em}.shared-header nav a[aria-current=page]{color:var(--site-accent)}.shared-header a:focus-visible,.shared-header button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.shared-header a:hover{opacity:1;text-decoration:none}.shared-header .language-picker{position:relative;color:inherit;font-family:var(--site-nav-font)}.shared-header .language-trigger{display:flex;align-items:flex-start;justify-content:center;gap:9px;min-width:58px;min-height:44px;margin:0;padding:0 4px;border:0;background:none;color:inherit;font:400 14px/1.4 var(--site-nav-font);letter-spacing:.045em;cursor:pointer}.shared-header .language-chevron{width:8px;height:8px;margin-top:4px;border-right:1.25px solid currentColor;border-bottom:1.25px solid currentColor;transform:rotate(45deg);transition:transform .28s cubic-bezier(.22,1,.36,1)}.shared-header .language-trigger[aria-expanded=true] .language-chevron{transform:translateY(4px) rotate(225deg)}.shared-header .language-menu{position:absolute;top:44px;right:0;z-index:4;width:72px;padding:7px 0;border:1px solid currentColor;background:var(--site-menu-bg);box-shadow:0 6px 8px var(--theme-shadow-soft)}.shared-header .language-menu[hidden]{display:none}.shared-header .language-menu button{display:flex;align-items:center;justify-content:center;width:100%;height:38px;margin:0;padding:0;border:0;background:none;color:inherit;opacity:.65;font:400 14px/1 var(--site-nav-font);letter-spacing:.04em;cursor:pointer}.shared-header .language-menu button[aria-selected=true],.shared-header .language-menu button:hover,.shared-header .language-menu button:focus-visible{opacity:1}.shared-header .language-menu button:hover,.shared-header .language-menu button:focus-visible{background:var(--site-menu-hover)}@media(min-width:601px){.shared-header .language-menu{top:28.8px;padding:0;border:0;background:none;box-shadow:none}.shared-header .language-menu button[aria-selected=true]{display:none}.shared-header .language-menu button:hover,.shared-header .language-menu button:focus-visible{background:none}}body[data-page=home] .shared-header{color:var(--theme-inverse);--site-accent:var(--theme-inverse);--site-menu-bg:rgb(16 61 181 / 92%);--site-menu-hover:rgb(234 243 255 / 7%)}body[data-page=about] .shared-header,body[data-page=works] .shared-header,body[data-page=wishes] .shared-header{color:var(--theme-muted);--site-accent:var(--theme-brand);--site-menu-bg:var(--theme-surface);--site-menu-hover:var(--theme-hover)}body[data-page=about] .notebook{padding-top:94px}body[data-page=works] .site-shell>main .hero{margin-top:0}.shared-footer{position:relative;display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(370px,1.3fr) minmax(150px,.65fr);grid-template-rows:1fr auto;column-gap:clamp(36px,3.2vw,52px);row-gap:34px;align-items:start;min-height:330px;padding:58px clamp(32px,5.5vw,88px) 42px;background:var(--theme-surface);color:var(--theme-muted);border-top:1px solid var(--theme-border);font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif}.shared-footer h2{margin:0 0 25px;font:600 15px/1.3 Georgia,Times New Roman,serif;letter-spacing:.08em;color:var(--theme-ink)}.shared-footer p{margin:0;font-size:13px;line-height:1.9;letter-spacing:.025em}.shared-footer .footer-notice p,.shared-footer .footer-contact p{white-space:nowrap}.shared-footer .footer-notice{padding-right:clamp(28px,2.5vw,42px);border-right:1px solid var(--theme-rule)}.shared-footer .footer-contact .contact-icons{display:flex;gap:22px;align-items:center;margin-top:22px}.shared-footer .social-icon{display:grid;place-items:center;width:40px;height:40px;margin:0;padding:8px;border:0;background:none;color:inherit}.shared-footer .social-icon img{display:block;width:24px;height:24px;opacity:.72}.shared-footer .social-icon:disabled{opacity:1;cursor:default}.shared-footer .footer-copyright{grid-column:1/3;align-self:end;font:600 13px/1.4 Georgia,Times New Roman,serif;letter-spacing:.04em;color:var(--theme-muted)}.shared-footer .site-back-to-top{grid-column:3;grid-row:1/3;align-self:center;justify-self:start;display:grid;place-items:center;width:132px;height:132px;margin:0 0 0 12px;padding:16px;border:0;background:none;color:inherit;cursor:pointer}.shared-footer .site-back-to-top img{display:block;width:92px;height:92px;opacity:.58;transform:rotate(5deg);transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s ease}.shared-footer .site-back-to-top:hover img,.shared-footer .site-back-to-top:focus-visible img{opacity:.82;transform:scale(1.13) rotate(1deg)}.shared-footer .site-back-to-top:focus-visible{outline:2px solid var(--theme-muted);outline-offset:2px}@media(max-width:600px){.shared-header{height:82px;padding-top:20px;gap:8px}.shared-header .shared-brand{font-size:9px;max-width:135px}.shared-header .header-actions{gap:7px}.shared-header nav{gap:5px}.shared-header nav a{font-size:10px;min-width:36px;letter-spacing:0}.shared-header .language-trigger{min-width:38px;font-size:10px;gap:5px}.shared-header .language-menu{top:40px;width:54px}.shared-header .language-menu button{height:34px;font-size:11px}body[data-page=about] .notebook{padding-top:82px}.shared-footer{grid-template-columns:1fr 76px;grid-template-rows:auto auto auto;gap:28px 16px;min-height:0;padding:38px 7%}.shared-footer .footer-notice,.shared-footer .footer-contact{grid-column:1/-1}.shared-footer .footer-notice{padding:0 0 28px;border-right:0;border-bottom:1px solid var(--theme-border)}.shared-footer h2{margin-bottom:16px;font-size:14px}.shared-footer p{font-size:11px;line-height:1.85}.shared-footer .footer-notice p,.shared-footer .footer-contact p{white-space:normal}.shared-footer .footer-copyright{grid-column:1;grid-row:3;align-self:center;font-size:12px}.shared-footer .site-back-to-top{grid-column:2;grid-row:3;justify-self:center;width:76px;height:76px;margin-left:0;padding:8px}.shared-footer .site-back-to-top img{width:54px;height:54px}}@media(min-width:601px)and (max-width:900px){.shared-footer{grid-template-columns:1fr 1fr 110px;column-gap:28px;min-height:320px;padding:45px 5% 36px}.shared-footer .footer-notice{padding-right:28px}.shared-footer .site-back-to-top{justify-self:center;width:104px;height:104px;margin-left:0}.shared-footer .site-back-to-top img{width:74px;height:74px}}@media(prefers-reduced-motion:reduce){.shared-footer .site-back-to-top img{transition:none}}@media(max-width:360px){.shared-header .shared-brand{font-size:8px;max-width:105px}.shared-header nav a{font-size:9px;min-width:34px}.shared-header .language-trigger{min-width:36px}}.shared-header .nav-label,.shared-header .language-trigger{position:relative}.shared-header .nav-label:after,.shared-header .language-trigger:after{content:"";position:absolute;left:0;right:0;top:calc(1.4em + 1px);height:.43em;background:currentColor;pointer-events:none;opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .14s ease,clip-path .28s cubic-bezier(.22,1,.36,1);-webkit-mask-image:url(/assets/icons/nav-wave.svg);mask-image:url(/assets/icons/nav-wave.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media(hover:hover)and (pointer:fine){.shared-header nav a:not([aria-current=page]):hover .nav-label:after,.shared-header .language-trigger:hover:after{opacity:1;clip-path:inset(0)}}.shared-header nav a:not([aria-current=page]):focus-visible .nav-label:after,.shared-header .language-trigger:focus-visible:after{opacity:1;clip-path:inset(0)}.shared-header nav a[aria-current=page] .nav-label:after{content:none}body[data-page=home] #stage>.shared-header{z-index:110}body[data-page=home] .shared-header.home-paper{color:var(--theme-muted);--site-accent:var(--theme-brand);--site-menu-bg:var(--theme-surface);--site-menu-hover:var(--theme-hover)}body[data-page=home] .shared-header a:hover,body[data-page=home] .shared-header nav a:focus-visible{color:inherit;text-decoration:none}.shared-header .shared-brand{transition:color .2s ease}@media(hover:hover)and (pointer:fine){.shared-header a.shared-brand:hover{color:var(--theme-brand);text-decoration:none;opacity:1}}.shared-header .language-trigger:hover{opacity:1}@media(prefers-reduced-motion:reduce){.shared-header .nav-label:after,.shared-header .language-trigger:after,.shared-header .shared-brand{transition:none}}@media(max-width:600px){.shared-header .language-menu{top:38px;right:20px;width:auto;min-width:26px;padding:0;border:0;background:transparent;box-shadow:none;opacity:0;transform:translateY(-8px);transition:opacity .28s ease,transform .28s cubic-bezier(.22,1,.36,1);pointer-events:none}.shared-header .language-trigger[aria-expanded=true]+.language-menu{opacity:1;transform:translateY(0);pointer-events:auto}.shared-header .language-menu button{justify-content:flex-end;height:38px;padding:0;border:0;background:none;box-shadow:none;font-size:12px;opacity:.85;text-align:right}.shared-header .language-menu button[aria-selected=true]{display:none}.shared-header .language-menu button:hover,.shared-header .language-menu button:focus-visible{background:none;outline:none;opacity:1}.shared-header .language-trigger:focus-visible{outline:none}.shared-header .language-trigger:after{display:none}}@media(max-width:600px)and (prefers-reduced-motion:reduce){.shared-header .language-menu{transition:none}}.mobile-menu-trigger{display:none}@media(max-width:600px){body[data-page] .shared-header .header-actions{gap:22px;height:28px;align-items:center;opacity:1}body[data-page] .shared-header{position:fixed;top:0;left:0;right:0;height:82px;padding:20px var(--site-edge) 0;z-index:110;gap:8px;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .24s ease}body[data-page] .shared-header .shared-brand{font-size:10px;max-width:none;min-height:44px;line-height:1.4}body[data-page] .shared-header .language-trigger{font-size:12px;min-width:44px;gap:8px;align-items:center;padding-top:0}body[data-page] .shared-header .mobile-menu-trigger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;min-height:36px;margin:0;padding:5px;border:0;background:none;color:inherit}body[data-page] .shared-header .mobile-menu-trigger span{display:block;width:24px;height:1px;background:currentColor}body[data-page] .shared-header .language-chevron{margin-top:0;transform:translateY(-2px) rotate(45deg)}body[data-page] .shared-header .language-trigger[aria-expanded=true] .language-chevron{transform:translateY(2px) rotate(225deg)}body[data-page] .shared-header nav{display:flex;position:fixed;inset:0 0 0 auto;width:52vw;height:100vh;height:100dvh;max-height:none;padding:clamp(150px,24svh,240px) max(24px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) 16px;flex-direction:column;align-items:flex-end;gap:clamp(24px,5svh,48px);background:var(--theme-page);color:var(--theme-ink);border:0;visibility:hidden;pointer-events:none;transform:translate(100%);transition:transform .4s cubic-bezier(.22,1,.36,1),visibility 0s .4s}html[data-home-scene=blue] body[data-page=home] .shared-header nav{background:var(--theme-brand);color:var(--theme-inverse)}body[data-page] .shared-header .shared-brand{position:relative;z-index:2}body[data-page] .shared-header .language-picker{z-index:2}body[data-page] .shared-header[data-menu-open=true]{--mobile-menu-ink:var(--theme-muted)}body[data-page] .shared-header .mobile-menu-trigger{cursor:pointer}body[data-page] .shared-header nav a .nav-label:after{display:none}html[data-home-scene=blue] body[data-page=home] .shared-header[data-menu-open=true]{--mobile-menu-ink:var(--theme-inverse)}body[data-page] .shared-header.mobile-nav-hidden{opacity:0;visibility:hidden;transform:translateY(-110%);pointer-events:none}body[data-page] .shared-header[data-menu-open=true] nav{visibility:visible;pointer-events:auto;transform:translate(0);transition-delay:0s}body[data-page] .shared-header .mobile-menu-trigger{position:relative;z-index:2}body[data-page] .shared-header .mobile-menu-trigger span{transition:transform .35s ease,opacity .2s ease}body[data-page] .shared-header[data-menu-open=true] .mobile-menu-trigger{color:var(--mobile-menu-ink)}body[data-page] .shared-header[data-menu-open=true] .language-picker{z-index:2;color:var(--mobile-menu-ink)}body[data-page] .shared-header[data-menu-open=true] .mobile-menu-trigger span:nth-child(1){transform:translateY(6px) rotate(45deg)}body[data-page] .shared-header[data-menu-open=true] .mobile-menu-trigger span:nth-child(2){opacity:0}body[data-page] .shared-header[data-menu-open=true] .mobile-menu-trigger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}body[data-page] .shared-header nav a{color:inherit;justify-content:flex-end;align-items:center;width:100%;font-family:Baskerville,Times New Roman,serif;font-size:clamp(24px,6.5vw,28px);font-weight:400;line-height:1.2;min-height:48px;letter-spacing:.015em}}@media(max-width:600px)and (prefers-reduced-motion:reduce){body[data-page] .shared-header nav,body[data-page] .shared-header .mobile-menu-trigger span{transition:none}}.mobile-menu-languages{display:none}@media(max-width:600px){body[data-page] .shared-header .language-picker{display:none}body[data-page] .shared-header #mobile-site-nav .mobile-menu-languages{display:flex;justify-content:flex-end;align-items:center;gap:14px;width:100%;margin-top:12px;opacity:0;transform:translateY(-7px);transition:opacity .26s ease,transform .32s cubic-bezier(.22,1,.36,1)}body[data-page] .shared-header[data-menu-open=true] #mobile-site-nav .mobile-menu-languages{opacity:1;transform:none;transition-delay:135ms}body[data-page] .shared-header #mobile-site-nav .mobile-menu-languages button{display:inline-flex;align-items:center;justify-content:flex-end;min-height:32px;margin:0;padding:0;border:0;background:none;box-shadow:none;color:inherit;font:400 12px/1.3 var(--site-nav-font);letter-spacing:.04em;opacity:.5;text-decoration:none;cursor:pointer}body[data-page] .shared-header #mobile-site-nav .mobile-menu-languages button[aria-pressed=true]{opacity:.95}body[data-page] .shared-header #mobile-site-nav .mobile-menu-languages button:after{display:none}body[data-page] .shared-header #mobile-site-nav{position:absolute;inset:64px calc(var(--site-edge) + 5px) auto auto;width:128px;max-width:42vw;height:auto;max-height:none;padding:0;gap:2px;background:none;color:inherit;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none;visibility:hidden;pointer-events:none;transition:visibility 0s .36s}body[data-page] .shared-header #mobile-site-nav a{font-family:var(--site-nav-font);font-size:clamp(18px,5vw,21px);font-weight:400;line-height:1.3;letter-spacing:.01em;min-height:44px;opacity:0;transform:translateY(-7px);transition:opacity .26s ease,transform .32s cubic-bezier(.22,1,.36,1);transition-delay:calc((3 - var(--mobile-menu-order)) * 30ms)}body[data-page] .shared-header #mobile-site-nav a:nth-child(1){--mobile-menu-order:1}body[data-page] .shared-header #mobile-site-nav a:nth-child(2){--mobile-menu-order:2}body[data-page] .shared-header #mobile-site-nav a:nth-child(3){--mobile-menu-order:3}body[data-page] .shared-header[data-menu-open=true] #mobile-site-nav{visibility:visible;pointer-events:auto;transition-delay:0s}body[data-page] .shared-header[data-menu-open=true] #mobile-site-nav a{opacity:.86;transform:translateY(0);transition-delay:calc((var(--mobile-menu-order) - 1) * 45ms)}body[data-page] .shared-header #mobile-site-nav a[aria-current=page]{color:var(--theme-brand)}body[data-page] .shared-header #mobile-site-nav a:hover,body[data-page] .shared-header #mobile-site-nav a:focus-visible{opacity:1}}@media(max-width:600px)and (prefers-reduced-motion:reduce){body[data-page] .shared-header #mobile-site-nav,body[data-page] .shared-header #mobile-site-nav a,body[data-page] .shared-header #mobile-site-nav .mobile-menu-languages{transition:none;transform:none}}@media(max-width:600px){.shared-header nav a{letter-spacing:.015em}}@media(min-width:1101px),(min-width:601px)and (hover:hover)and (pointer:fine){.shared-header .language-chevron{display:none}.shared-header .language-trigger{gap:0}.shared-header .language-menu{width:58px}}body[data-page=about] main.notebook,body[data-page=works] .site-shell{isolation:isolate}body[data-page=about] main.notebook:before,body[data-page=works] .site-shell:before,body[data-page=wishes] .scene:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:url(/home/assets/cream-paper-toned.png) repeat 0 0 / 627px 627px;opacity:.9}body[data-page=wishes] .scene:before{position:absolute;z-index:-2}@media(min-width:1101px)and (hover:hover)and (pointer:fine){.shared-header .language-trigger:after{content:none;display:none}.shared-header .language-picker button{text-decoration:none}}
