:root{font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:#f2eedc;background:#4d5b59;font-synthesis:none;font-weight:400;-webkit-font-smoothing:antialiased;font-smooth:always}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e6c086;outline-offset:6px}button{border:0}a{color:inherit;text-decoration:none}button,input{touch-action:manipulation}.experience,.scene{height:100dvh;width:100%;overflow:hidden}.experience{position:relative}.scene{position:absolute;inset:0}.intro-shell{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 2s ease!important}.intro-shell.visible{opacity:1;pointer-events:auto}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,37,35,.65) 0%,rgba(28,39,36,.2) 40%,transparent 73%),linear-gradient(0deg,rgba(24,36,29,.7),transparent 22%,transparent 75%,rgba(20,34,39,.2));pointer-events:none}.topline{position:absolute;top:36px;left:4.4%;right:4.4%;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:19px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:17px;letter-spacing:.2em}.wordmark span{font-family:Arial,sans-serif;letter-spacing:.22em;font-size:12px;opacity:.7}.quiet{background:transparent;color:inherit;letter-spacing:.14em;font-size:14px;padding:10px 0 10px 15px}.settings-icon{display:inline-block;transform:rotate(90deg);font-size:20px;vertical-align:-1px;margin-right:7px}.quiet:hover{color:#fff4c5}.title-block{position:absolute;left:9.3%;top:25%;max-width:570px}.chapter{display:flex;align-items:center;gap:13px;font-size:14px;letter-spacing:.27em;color:#e6d8b6}.small-line{height:1px;width:32px;background:#d9bc7f;opacity:.8}.title-block h1{font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif CJK JP",serif;font-weight:400;font-size:clamp(76px,8.5vw,138px);letter-spacing:.04em;margin:16px 0 2px;line-height:1.3;text-shadow:0 2px 35px #293b3550;white-space:nowrap}.title-block h1>span{font-size:.74em;margin:0 .05em}.subtitle{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:19px;letter-spacing:.3em;margin:4px 0 31px;color:#f0e8d3}.intro-copy{font-size:15px;line-height:2.3;letter-spacing:.16em;color:#e2e1cf;margin:0 0 31px}.primary{display:flex;justify-content:space-between;align-items:center;gap:54px;background:#f1eddc;color:#364b42;min-height:55px;padding:15px 25px;font-size:16px;letter-spacing:.17em;transition:background .2s,transform .2s;width:100%}.primary:hover{background:#fff8df;transform:translateY(-2px)}.primary span{font-family:Arial,sans-serif;font-size:28px;font-weight:300;letter-spacing:0}.begin{width:237px}.sound-note{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.08em;opacity:.65;margin-top:15px}.poem{position:absolute;right:8%;top:29%;writing-mode:vertical-rl;font-family:Yu Mincho,Hiragino Mincho ProN,serif;letter-spacing:.32em;font-size:17px;line-height:2.5;text-shadow:0 1px 10px #514e52}.coordinate{position:absolute;bottom:155px;right:4.5%;text-align:right;color:#ece1bc}.coordinate>span{font-size:12px;letter-spacing:.2em;opacity:.7}.coordinate>div{font-family:Georgia,serif;font-size:22px;letter-spacing:.04em;margin-top:7px}.coordinate i{display:inline-block;width:23px;height:1px;background:currentColor;vertical-align:middle;margin:0 8px;opacity:.5}.intro-footer{position:absolute;bottom:0;left:4.4%;right:4.4%;height:103px;border-top:1px solid #e8e6c82b;display:flex;align-items:center;justify-content:space-between;gap:20px}.intro-footer>p{font-size:12px;letter-spacing:.15em;color:#dddcc3;opacity:.6}.intro-footer>p>span{margin:0 11px;opacity:.4}.controls{display:flex;align-items:center;gap:36px;color:#eee9cf}.controls>span{display:flex;align-items:center;gap:9px;font-size:13px}.controls>span:first-child{position:relative;padding-top:11px}.controls>span:first-child>kbd{position:absolute;top:-12px;left:25px}.key-group{display:flex;gap:3px}kbd{font:12px Arial,sans-serif;border:1px solid #e5e4c85a;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;background:#2c403328}.esc-key{width:36px;font-size:12px}.controls em{font-style:normal;letter-spacing:.09em;opacity:.65}.mouse-guide{margin-top:6px}.menu-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#24372e78;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:30px;overflow-y:auto}.menu{width:480px;max-width:100%;padding:35px 40px 26px;background:#f2eedf;color:#3c4b40;box-shadow:0 10px 80px #18272240;max-height:calc(100dvh - 50px);overflow:auto}.menu-eyebrow{display:flex;justify-content:space-between;font:12px Arial,sans-serif;letter-spacing:.18em;opacity:.55}.menu h2{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:36px;font-weight:400;letter-spacing:.12em;margin:29px 0 9px}.menu-copy{font-size:13px;letter-spacing:.08em;opacity:.55;margin:0 0 30px}.setting{display:grid;grid-template-columns:1fr auto;gap:10px;margin:0 0 25px}.setting label{font-size:15px;letter-spacing:.07em}.setting output{font:15px Georgia,serif}.setting output small{font-size:12px;margin-left:3px;opacity:.6}input[type=range]{width:100%;grid-column:1/-1;accent-color:#6c7b59;cursor:pointer;height:16px;margin:3px 0 0}input:disabled{opacity:.35;cursor:default}.range-caption{grid-column:1/-1;display:flex;justify-content:space-between;font-size:12px;opacity:.45;margin-top:-7px}.toggle-setting{display:flex;align-items:center;justify-content:space-between;position:relative;margin:0 0 29px;padding-top:3px;font-size:15px;cursor:pointer}.toggle-setting small{display:block;font-size:12px;opacity:.5;margin-top:7px}.toggle-setting input{position:absolute;right:0;width:37px;height:23px;opacity:0;cursor:pointer;z-index:2}.switch{width:36px;height:21px;border:1px solid #adb09c;border-radius:20px;position:relative;background:#dfdfd0;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;background:#a4ab94;border-radius:50%;transition:transform .2s}.toggle-setting input:checked+.switch{background:#657454;border-color:#657454}.toggle-setting input:checked+.switch:after{background:#f3eddd;transform:translate(15px)}.toggle-setting input:focus-visible+.switch{outline:2px solid #8e814f;outline-offset:4px}.menu .primary{background:#455a48;color:#f4eddb;min-height:51px}.menu .primary:hover{background:#536d56}.menu-bottom{display:flex;justify-content:space-between;margin-top:18px}.text-button{background:none;font-size:12px;letter-spacing:.06em;color:inherit;opacity:.6;padding:3px 0;text-decoration:underline;text-underline-offset:4px}.text-button:hover{opacity:1}.info{margin-top:17px;border-top:1px solid #495d4825;font-size:12px;line-height:1.9;opacity:.6}.error{max-width:370px;font-size:13px;line-height:1.8;letter-spacing:.03em;color:#ffe0b9;background:#5a3b305c;padding:8px 10px;margin:12px 0}.menu .error{color:#8c4c37;background:#b17d5320}.error .text-button{display:block;margin-top:7px}.failure{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:10%;background:#35483d;color:#eae6d2;z-index:10}.failure h1{font-family:serif;font-size:clamp(20px,4vw,40px);font-weight:400;letter-spacing:.1em}.failure p{max-width:500px;font-size:16px;line-height:2;opacity:.75}.failure .primary{width:250px;margin-top:20px}.eyebrow{font:13px Arial,sans-serif;letter-spacing:.2em;opacity:.5}.audio-alert{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#27382dd9;padding:10px 15px;font-size:14px;max-width:90%;color:#efdfba}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-height:900px){.title-block{top:28%}}@media(max-height:710px){.title-block{top:22%}.title-block h1{font-size:90px;margin-top:8px}.subtitle{margin-bottom:17px}.intro-copy{margin-bottom:18px}.intro-footer{height:80px}.coordinate{bottom:115px}}@media(max-width:700px){.topline{top:24px;left:6%;right:6%}.wordmark span{display:none}.title-block{left:8%;top:25%}.title-block h1{font-size:84px}.chapter{font-size:12px}.subtitle{font-size:16px;letter-spacing:.22em}.poem{right:7%;top:25%;font-size:14px}.intro-copy{font-size:14px}.intro-footer{left:6%;right:6%;height:auto;min-height:110px;padding:24px 0}.controls{gap:18px;flex-wrap:wrap}.controls>span{gap:6px}.controls em{font-size:12px}.intro-footer>p{display:none}.coordinate{bottom:125px;right:7%}.coordinate>div{font-size:19px}.coordinate>span{font-size:12px}.menu{padding:28px}.menu .primary{gap:20px}.menu-backdrop{padding:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.site-header{position:absolute;top:36px;left:4.4%;right:4.4%;display:flex;justify-content:flex-end;gap:16px;z-index:3;pointer-events:none;opacity:1;visibility:visible;transition:opacity 2s ease,visibility 0s!important}.site-header.is-hidden{opacity:0;visibility:hidden;transition:opacity 2s ease,visibility 0s 2s!important}.title-identity{display:flex;align-items:baseline;gap:20px;white-space:nowrap;margin-bottom:28px;opacity:1}.title-identity h1{font-size:clamp(66px,7.4vw,120px)}.title-domain{font-size:32px;letter-spacing:.12em;opacity:.7;margin:0}.site-nav{display:flex;align-items:center;gap:20px;pointer-events:auto;font-size:14px;white-space:nowrap}.site-nav button,.site-nav a{background:none;color:inherit;padding:0;line-height:24px}.site-nav button:hover,.site-nav a:hover{color:#fff4c5}.menu-backdrop{z-index:4}.history-list{padding:0;list-style:none;font-size:14px;line-height:1.9;margin:24px 0}.history-list time{font-size:12px;opacity:.65}@media(max-width:700px){.site-header{top:24px;left:6%;right:6%}.site-nav{gap:14px;font-size:13px}}.site-header{top:0;left:0;right:0;min-height:88px;padding:22px 4.4%;align-items:center;border-bottom:1px solid #e8e6c83d;background:linear-gradient(180deg,#24372ed9,#24372e66)}.site-nav{font-size:20px;letter-spacing:.12em}.site-nav a{padding:10px 14px;line-height:1.5}@media(max-width:700px){.site-header{top:0;left:0;right:0;padding:18px 6%;min-height:80px}.site-nav{font-size:18px}}@media(max-width:700px){.title-identity h1{font-size:72px}}@media(max-width:480px){.title-identity{gap:10px}.title-identity h1{font-size:clamp(26px,8vw,38px)}.title-domain{font-size:19px;letter-spacing:.06em}}.menu h2.menu-identity{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px;letter-spacing:.04em}.menu-domain{font-family:Yu Gothic,Meiryo,sans-serif;font-size:24px;letter-spacing:.06em;opacity:.7}.menu{display:flex;flex-direction:column;width:480px;padding:32px 36px 40px;min-height:380px}.menu h2.menu-identity{margin:0 0 32px;font-size:32px;gap:6px 12px}.menu-domain{font-size:22px}.menu .setting{margin-bottom:20px}.menu .primary{min-height:46px;padding:12px 20px;font-size:15px}.menu .menu-bottom{margin-top:0;padding-top:24px}@media(max-width:700px){.menu{padding:28px 26px 36px}}.menu .primary.resume{margin:auto auto 0;flex-shrink:0;width:fit-content;max-width:100%;min-height:40px;padding:9px 20px;font-size:14px;gap:8px;justify-content:center;letter-spacing:0}.menu .primary.resume span{font-size:23px}@media(max-width:700px){.site-header{min-height:56px;padding:6px 6%}.site-nav{font-size:14px;letter-spacing:.08em}.site-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 6px}.primary.begin{width:180px;min-height:44px;padding:9px 18px;font-size:14px;gap:16px}.primary.begin span{font-size:23px}.sound-note{font-size:11px;margin-top:12px}.intro-footer{min-height:60px;padding:8px 0}.controls{gap:12px 16px}.controls>span{gap:5px;font-size:11px}.controls em{font-size:11px;letter-spacing:.04em}.controls kbd{width:21px;height:21px;font-size:10px}.controls .esc-key{width:30px}.controls>span:first-child{padding-top:9px}.controls>span:first-child>kbd{top:-10px;left:21px}.controls .key-group{gap:0}.mouse-guide svg{width:12px;height:18px}}.touch-controls{position:absolute;inset:0;z-index:2;pointer-events:none;user-select:none;-webkit-user-select:none}.repair-actions{position:absolute;left:50%;bottom:max(90px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:3;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;width:min(94%,580px)}.repair-actions button{min-height:44px;padding:10px 14px;background:#24372ee6;color:#f2eedc;border:1px solid #bcbba088;border-radius:4px;font-size:14px}.repair-actions kbd{margin-right:8px;border:1px solid #bcbba088;padding:1px 5px}.repair-dialog .repair-close{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;line-height:1.4}.repair-close kbd{font:11px/1.4 monospace;opacity:.8}.repair-dialog.repair-dialog-goodnotes{width:min(1100px,calc(100% - 24px))}.repair-goodnotes{display:block;width:100%;height:65dvh;border:0;margin-top:16px;background:#fff}.repair-dialog{color:#302e25;background:#eee5cf;border:1px solid #8b816d;border-radius:6px;padding:24px;width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;line-height:1.85;font-size:16px;overflow-wrap:anywhere}.repair-dialog::backdrop{background:#17231dcc}.repair-dialog button{background:#485548;color:#fff6dc;padding:10px 14px;min-height:44px;border-radius:4px}.repair-dialog button:disabled{opacity:.4}.repair-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.repair-dialog h2{font-size:22px;margin:0}.repair-dialogue,.repair-entry p{white-space:pre-wrap}.repair-entry{border-bottom:1px solid #a79c8270;padding:20px 0}.repair-entry time{font-size:14px;color:#6d6555}.repair-entry p{margin:10px 0}.repair-terminal{margin:24px 0;padding:16px;background:#19322a;color:#c7dec0;font-family:monospace;white-space:pre-wrap}.repair-chat-link{display:inline-block;color:#244d3c;min-height:44px;padding:8px 0;text-decoration:underline}.repair-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px}.repair-pages span{white-space:nowrap}.repair-dialog :focus-visible{outline:2px solid #426c50;outline-offset:3px}@media(pointer:coarse){.repair-actions{bottom:calc(164px + env(safe-area-inset-bottom))}.repair-actions kbd,.repair-close kbd{display:none}}@media(max-width:480px){.repair-dialog{padding:18px}.repair-dialog h2{font-size:20px}.repair-pages button{padding:8px;font-size:13px}}.touch-look{position:absolute;inset:0 0 0 38%;pointer-events:auto;touch-action:none}.touch-stick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));width:120px;height:120px;border:1px solid #f2eedc66;border-radius:50%;background:#24372e33;pointer-events:auto;touch-action:none;display:grid;place-items:center}.touch-stick span{width:44px;height:44px;border-radius:50%;background:#f2eedc88;border:1px solid #f2eedc99;pointer-events:none}.touch-pause{position:absolute;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));width:48px;height:48px;background:#24372e77;color:#f2eedc;border:1px solid #f2eedc66;border-radius:50%;font-size:20px;pointer-events:auto}.intro-footer>p.touch-guide{display:block;font-size:12px;line-height:1.8;opacity:.8;letter-spacing:.04em}.title-block{right:6%;max-width:none;container-type:inline-size}.title-identity{flex-wrap:wrap;white-space:normal;gap:12px 24px}.title-calendar{min-width:0}.title-identity h1{font-size:clamp(25px,8cqi,110px)}.footer-clock{position:absolute;right:0;bottom:calc(100% + 12px);font-family:Georgia,serif;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:1.3;opacity:.75}.menu-clock{display:block;font-family:Georgia,serif;font-size:21px;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-top:8px;opacity:.75}.menu h2.menu-identity{font-size:clamp(23px,4.5vw,32px)}.clock-digits{display:inline-flex;align-items:baseline;white-space:nowrap}.clock-digit{position:relative;display:inline-block;width:.65em;height:1.2em;overflow:hidden;line-height:1.2;vertical-align:bottom}.clock-digit-new,.clock-digit-old{display:block;text-align:center;letter-spacing:0}.clock-digit-track{position:absolute;top:-100%;left:0;width:100%;height:200%;display:flex;flex-direction:column;animation:clock-digit-push .3s ease-in-out both}.clock-digit-track>span{height:50%;flex-shrink:0}.clock-separator{letter-spacing:0;margin:0 .04em}@keyframes clock-digit-push{0%{transform:translateY(0)}to{transform:translateY(50%)}}.desktop-pause{z-index:3}.drag-look-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);max-width:90%;margin:0;padding:8px 12px;background:#24372e99;color:#f2eedc;font-size:12px;line-height:1.6;text-align:center;pointer-events:none;z-index:2}@media(max-width:700px){.title-identity h1{font-size:clamp(25px,8cqi,56px)}.title-identity{gap:10px 16px}.title-domain{font-size:clamp(17px,3cqi,24px)}.footer-clock{font-size:12px;bottom:calc(100% + 10px)}.menu-clock{font-size:18px}}@media(pointer:coarse){.intro-footer{padding-bottom:max(8px,env(safe-area-inset-bottom))}.site-header{padding-top:max(6px,env(safe-area-inset-top))}.audio-alert{bottom:calc(158px + env(safe-area-inset-bottom));z-index:3;pointer-events:none}}@media(pointer:coarse)and (max-height:500px){.title-block{top:20%;left:max(8%,env(safe-area-inset-left))}.title-identity{margin-bottom:10px;gap:12px}.title-identity h1{font-size:40px;margin:0}.title-domain{font-size:20px}.sound-note{margin:6px 0}.intro-footer{min-height:42px;padding:6px 0}.intro-footer>p.touch-guide{margin:0}.touch-stick{width:104px;height:104px;bottom:max(16px,env(safe-area-inset-bottom))}}.history-dialog{color:#e9e5d3;background:linear-gradient(145deg,#2c3d35,#1e2e28);border:1px solid #d8d6b82e;border-radius:3px;padding:32px;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 80px #08150f66,inset 0 1px #f4edd30a}.history-dialog::backdrop{background:#101c16ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px}.history-heading h2{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:25px;font-weight:400;letter-spacing:.22em;margin:0}.history-heading button{display:flex;align-items:center;justify-content:center;min-width:44px;color:#d4d8c7;background:transparent;min-height:44px;padding:8px 10px;font-size:13px;letter-spacing:.12em;border-radius:2px;transition:background .2s,color .2s}.history-heading button span{font:22px/1 Arial,sans-serif;opacity:.65}.history-heading button:hover{color:#fff8df;background:#e8e6ce0d}.history-dialog :focus-visible{outline:1px solid #d8c99d;outline-offset:3px}.history-list{font-size:20px;margin:0}.history-list li{border-top:1px solid #e1dfbe29}.history-list a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:10px 12px;letter-spacing:.14em;transition:background .2s,color .2s}.history-list a:hover,.history-list a:focus-visible{background:#ece4c70a;color:#fff2ca}.history-list a>span{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #d8d6b833;border-radius:50%;font:20px/1 Arial,sans-serif;letter-spacing:0;color:#d4c6a1;transition:transform .2s,border-color .2s}.history-list a:hover>span{transform:translate(3px);border-color:#d4c6a180}.site-nav button{padding:10px 14px;line-height:1.5;letter-spacing:inherit;font-size:inherit}@media(max-width:480px){.history-dialog{padding:24px 20px}.history-heading{padding-bottom:10px}.history-list a{padding:10px 8px;min-height:64px}}.history-entry{display:flex;flex-direction:column;gap:6px;min-width:0}.history-entry time{font-size:12px;line-height:1.7;letter-spacing:.04em}@media(max-width:700px){.site-nav button{padding:6px 8px}}@media(pointer:coarse),(max-width:480px){.repair-dialog .repair-close{font-size:13px;padding:6px 10px;min-height:36px;gap:4px}.history-heading button{min-width:36px;min-height:36px;padding:6px}.history-heading button span{font-size:19px}}.date-fader{position:absolute;z-index:5;top:100px;right:max(20px,env(safe-area-inset-right));width:min(320px,calc(100% - 40px));padding:12px 16px;background:#24372ee6;color:#f2eedc;border:1px solid #e8e6c83d;border-radius:4px;pointer-events:auto}.date-fader-heading{display:flex;align-items:center;gap:12px;font-size:13px}.date-fader-heading output{flex:1;white-space:nowrap}.date-fader button{background:transparent;color:inherit;min-height:44px;padding:6px;font-size:12px}.date-fader button:disabled{opacity:.4;cursor:default}.date-fader input[type=range]{height:44px;margin:0;display:block;touch-action:pan-y}.date-fader-ends{display:flex;justify-content:space-between;font-size:11px;opacity:.7}.menu-backdrop{padding-top:250px}.menu{flex-shrink:0}@media(max-width:700px){.date-fader{top:max(70px,calc(env(safe-area-inset-top) + 60px));right:12px;width:min(280px,calc(100% - 24px));padding:4px 12px}.date-fader-heading{gap:8px}.date-fader input[type=range]{height:36px}.date-fader-ends{padding-bottom:4px}}@media(max-height:550px){.date-fader{top:12px;right:65px;width:270px}.date-fader input[type=range]{height:28px}.menu-backdrop{padding-top:130px}}.date-fader-heading output{min-width:0;white-space:normal;line-height:1.5}.date-fader-heading output small{display:block;font-size:10px;white-space:nowrap;opacity:.75}.title-block h1.site-name{font-family:Yu Gothic,Meiryo,sans-serif;font-size:clamp(24px,4.4vw,64px);letter-spacing:.025em;white-space:normal;overflow-wrap:anywhere;margin:20px 0 32px;line-height:1.4;font-weight:400}.title-identity{display:block}.menu h2.menu-site-name{font-family:Yu Gothic,Meiryo,sans-serif;font-size:clamp(18px,4.5vw,26px);letter-spacing:.02em;margin:0 0 24px;overflow-wrap:anywhere}.menu .date-fader{position:static;width:100%;margin:0 0 24px;padding:10px 12px;color:#3c4b40;background:#e6e3d6;border:1px solid #6c7b5933;z-index:auto}.menu .date-fader-heading{flex-wrap:wrap}.menu .date-fader-heading output{font-size:12px}.menu-backdrop{padding:30px}.menu{flex-shrink:1}.past-transition{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;-webkit-backdrop-filter:sepia(1);backdrop-filter:sepia(1);background:#986f2422;animation:past-return .9s ease-out both}@keyframes past-return{0%{opacity:0}12%,35%{opacity:1}to{opacity:0}}@media(max-width:700px){.menu-backdrop{padding:18px}.title-block h1.site-name{font-size:clamp(22px,6vw,38px)}}@media(prefers-reduced-motion:reduce){.past-transition{animation:none}}.entry-date{position:absolute;z-index:5;top:35%;right:max(6%,env(safe-area-inset-right));margin:0;color:#f2eedc;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(22px,2.8vw,34px);letter-spacing:.12em;text-shadow:0 1px 14px #24372e;pointer-events:none;opacity:0;animation:entry-date-appear 4.8s linear both}@keyframes entry-date-appear{0%{opacity:0;transform:translateY(8px);filter:blur(2px)}10%,22%{opacity:.9;transform:translateY(0);filter:blur(0)}40%{opacity:.55;transform:translateY(-1px);filter:blur(.3px)}60%{opacity:.22;transform:translateY(-2px);filter:blur(1px)}80%{opacity:.05;transform:translateY(-3px);filter:blur(2px)}to{opacity:0;transform:translateY(-4px);filter:blur(3px)}}@media(prefers-reduced-motion:reduce){.entry-date{animation:none;opacity:.9}}.date-fader-heading{justify-content:flex-end}.past-transition{animation-duration:.7s}.is-menu .entry-date{top:12%}.title-block h1.site-name,.menu h2.menu-site-name{font-family:IBM Plex Sans JP,Yu Gothic,Meiryo,sans-serif}.handwritten-date{display:block;height:1.25em;overflow:visible}:where(.experience:not(.is-historical)) .pencil-surface{background-color:transparent!important;background-image:var(--pencil-image)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;border-color:transparent!important;border-radius:0!important;box-shadow:none!important}:where(.experience:not(.is-historical)) .menu.pencil-surface,:where(.experience:not(.is-historical)) .history-dialog.pencil-surface,:where(.experience:not(.is-historical)) .repair-dialog.pencil-surface{filter:drop-shadow(0 10px 22px #10231a55)}:where(.experience:not(.is-historical)) .pencil-rule{border-color:transparent!important;background-image:var(--pencil-image);background-size:100% 6px;background-position:left bottom;background-repeat:no-repeat}:where(.experience:not(.is-historical)) .site-header.pencil-rule{background-image:var(--pencil-image),linear-gradient(180deg,#24372ed9,#24372e66);background-size:100% 6px,100% 100%;background-position:left bottom,left top}:where(.experience:not(.is-historical)) .intro-footer.pencil-rule,:where(.experience:not(.is-historical)) .info.pencil-rule,:where(.experience:not(.is-historical)) .history-list li.pencil-rule{background-position:left top}:where(.experience:not(.is-historical)) .small-line.pencil-rule,:where(.experience:not(.is-historical)) .coordinate i.pencil-rule{height:6px;background-color:transparent}:where(.experience:not(.is-historical)) input[type=range]{appearance:none;-webkit-appearance:none;background:transparent}:where(.experience:not(.is-historical)) input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:45% 25% 40% 30%;background:linear-gradient(177deg,transparent 12%,#79735f88 25%,#79735fbb 44%,#79735f55 64%,transparent 82%)}:where(.experience:not(.is-historical)) input[type=range]::-moz-range-track{height:5px;border-radius:45% 25% 40% 30%;background:linear-gradient(177deg,transparent 12%,#79735f88 25%,#79735fbb 44%,#79735f55 64%,transparent 82%)}:where(.experience:not(.is-historical)) input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:22px;margin-top:-9px;border:1px solid #77715e;border-radius:43% 51% 46% 39%;background:#ddd8c1;box-shadow:inset 1px -2px #77715e55}:where(.experience:not(.is-historical)) input[type=range]::-moz-range-thumb{width:18px;height:22px;border:1px solid #77715e;border-radius:43% 51% 46% 39%;background:#ddd8c1;box-shadow:inset 1px -2px #77715e55}:where(.experience:not(.is-historical)) .date-fader-track{position:relative;height:24px;margin:0}:where(.experience:not(.is-historical)) .date-fader-track input[type=range]{position:absolute;inset:0;width:100%;height:24px;margin:0;z-index:1}:where(.experience:not(.is-historical)) .date-fader-track input[type=range]::-webkit-slider-runnable-track{height:6px;background:var(--pencil-image) center/100% 6px no-repeat}:where(.experience:not(.is-historical)) .date-fader-track input[type=range]::-moz-range-track{height:6px;background:var(--pencil-image) center/100% 6px no-repeat}:where(.experience:not(.is-historical)) .date-fader-ticks{position:absolute;left:0;right:0;top:9px;display:flex;justify-content:space-between;height:7px;pointer-events:none}:where(.experience:not(.is-historical)) .date-fader-ticks i{height:5px;border-left:1px solid currentColor;opacity:.4;transform:rotate(-7deg)}:where(.experience:not(.is-historical)) .date-fader-ticks i:nth-child(3n){height:7px;opacity:.6;transform:rotate(5deg)}:where(.experience:not(.is-historical)) .date-fader-ticks i:nth-child(4n){height:4px;opacity:.3;transform:rotate(-2deg)}@media(forced-colors:active){:where(.experience:not(.is-historical)) .pencil-surface{background:Canvas!important;border:1px solid CanvasText!important;filter:none!important}:where(.experience:not(.is-historical)) .pencil-rule{border-bottom:1px solid CanvasText!important}:where(.experience:not(.is-historical)) input[type=range]{appearance:auto}}:where(.experience:not(.is-historical)) .primary.pencil-surface:hover,:where(.experience:not(.is-historical)) .repair-dialog button.pencil-surface:hover,:where(.experience:not(.is-historical)) .repair-actions button.pencil-surface:hover{filter:brightness(1.08)}:where(.experience:not(.is-historical)) input[type=range].pencil-rule{background-image:none}:where(.experience:not(.is-historical)) input[type=range]::-webkit-slider-runnable-track{height:6px;background:var(--pencil-image) center/100% 6px no-repeat}:where(.experience:not(.is-historical)) input[type=range]::-moz-range-track{height:6px;background:var(--pencil-image) center/100% 6px no-repeat}:where(.experience:not(.is-historical)) .touch-stick{border-radius:49% 51% 48% 52%/51% 48% 52% 49%;border-style:solid;border-color:#f2eedc66 #f2eedc44 #f2eedc88 #f2eedc55}:where(.experience:not(.is-historical)) .touch-stick span,:where(.experience:not(.is-historical)) .touch-pause,:where(.experience:not(.is-historical)) .switch{border-radius:47% 51% 46% 49%/49% 46% 53% 48%}:where(.experience:not(.is-historical)) .history-list a>span{border-radius:48% 51% 46% 53%;border-color:#d8d6b855 #d8d6b833 #d8d6b866 #d8d6b822}:where(.experience:not(.is-historical)) input[type=range]::-webkit-slider-runnable-track{background:#77715e!important;height:1px!important;border-radius:0!important}:where(.experience:not(.is-historical)) input[type=range]::-moz-range-track{background:#77715e!important;height:1px!important;border-radius:0!important}:where(.experience:not(.is-historical)) input[type=range]::-webkit-slider-thumb{margin-top:-10.5px}.date-fader-track{position:relative}.date-fader-track .date-fader-ticks{position:absolute;inset:0;display:block;margin:0;height:auto;pointer-events:none}.date-fader-track .date-fader-ticks i{position:absolute;top:50%;height:7px;border-left:1px solid currentColor;transform:translate(-50%,-50%);opacity:.6}.date-fader-track .date-fader-ticks i:nth-child(n){height:7px;transform:translate(-50%,-50%);opacity:.6}:where(.experience:not(.is-historical)) input[type=range]::-webkit-slider-runnable-track{height:6px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 6' preserveAspectRatio='none'%3E%3Cpath d='M0 3 Q23 2.75 47 3 T92 2.95 T141 3.1 T188 2.9 T238 3.05 T280 2.95 L300 3' fill='none' stroke='%2377715e' stroke-width='1.1'/%3E%3C/svg%3E") center/100% 6px no-repeat!important}:where(.experience:not(.is-historical)) input[type=range]::-moz-range-track{height:6px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 6' preserveAspectRatio='none'%3E%3Cpath d='M0 3 Q23 2.75 47 3 T92 2.95 T141 3.1 T188 2.9 T238 3.05 T280 2.95 L300 3' fill='none' stroke='%2377715e' stroke-width='1.1'/%3E%3C/svg%3E") center/100% 6px no-repeat!important}:where(.experience:not(.is-historical)) input[type=range]::-webkit-slider-thumb{margin-top:-8px}.experience:not(.is-historical) .menu.pencil-surface{border-color:transparent!important;outline:none;filter:none!important;box-shadow:none!important;background-color:transparent!important;background-image:var(--pencil-image)!important}:root{--print-grain: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='128'%20height='128'%20viewBox='0%200%20128%20128'%3e%3c!--%20Static,%20seamless%20ink%20coverage.%20Alpha%20stays%20%3e=%20.84%20for%20small%20text.%20--%3e%3cfilter%20id='grain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.62'%20numOctaves='2'%20seed='9'%20stitchTiles='stitch'/%3e%3cfeComponentTransfer%3e%3cfeFuncR%20type='linear'%20slope='3'%20intercept='-1'/%3e%3cfeFuncG%20type='linear'%20slope='3'%20intercept='-1'/%3e%3cfeFuncB%20type='linear'%20slope='3'%20intercept='-1'/%3e%3c/feComponentTransfer%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%20.053%20.054%20.053%200%20.84'/%3e%3c/filter%3e%3cpath%20fill='white'%20filter='url(%23grain)'%20d='M0%200h128v128H0z'/%3e%3c/svg%3e");--paper-fibres: repeating-linear-gradient(7deg, #65553807 0 1px, transparent 1px 4px)}:where(.experience:not(.is-historical)) :where(.title-block,.menu,.history-dialog,.repair-dialog,.repair-actions,.audio-alert,.drag-look-hint,.touch-pause,.failure,.entry-date),.experience:not(.is-historical)>.date-fader{-webkit-mask-image:var(--print-grain);mask-image:var(--print-grain);-webkit-mask-size:128px 128px;mask-size:128px 128px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.experience:not(.is-historical) .menu,.experience:not(.is-historical) .repair-dialog{background-image:var(--paper-fibres),linear-gradient(120deg,#fff7dc18,#8d704d0a);border:1px solid #81745d66}.experience:not(.is-historical) .menu .date-fader{background-image:var(--paper-fibres)}.experience:not(.is-historical) .history-dialog{background-image:var(--paper-fibres),linear-gradient(145deg,#2c3d35,#1e2e28)}.experience:not(.is-historical) .date-fader,.experience:not(.is-historical) .primary,.experience:not(.is-historical) .repair-actions button,.experience:not(.is-historical) .repair-dialog button,.experience:not(.is-historical) .touch-pause,.experience:not(.is-historical) kbd,.experience:not(.is-historical) input:not([type=range]):not([type=checkbox]){background-image:var(--paper-fibres)}.experience:not(.is-historical) .title-block h1.site-name,.experience:not(.is-historical) .menu h2,.experience:not(.is-historical) .history-heading h2,.experience:not(.is-historical) .repair-dialog h2,.experience:not(.is-historical) .entry-date{text-shadow:.22px .14px .3px currentColor,-.14px 0 .2px currentColor;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='128'%20height='128'%20viewBox='0%200%20128%20128'%3e%3cfilter%20id='ink'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.52'%20numOctaves='2'%20seed='23'%20stitchTiles='stitch'/%3e%3cfeComponentTransfer%3e%3cfeFuncR%20type='linear'%20slope='4'%20intercept='-1.5'/%3e%3cfeFuncG%20type='linear'%20slope='4'%20intercept='-1.5'/%3e%3cfeFuncB%20type='linear'%20slope='4'%20intercept='-1.5'/%3e%3c/feComponentTransfer%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%20.18%20.19%20.18%200%20.45'/%3e%3c/filter%3e%3cpath%20fill='white'%20filter='url(%23ink)'%20d='M0%200h128v128H0z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='128'%20height='128'%20viewBox='0%200%20128%20128'%3e%3cfilter%20id='ink'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.52'%20numOctaves='2'%20seed='23'%20stitchTiles='stitch'/%3e%3cfeComponentTransfer%3e%3cfeFuncR%20type='linear'%20slope='4'%20intercept='-1.5'/%3e%3cfeFuncG%20type='linear'%20slope='4'%20intercept='-1.5'/%3e%3cfeFuncB%20type='linear'%20slope='4'%20intercept='-1.5'/%3e%3c/feComponentTransfer%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%20.18%20.19%20.18%200%20.45'/%3e%3c/filter%3e%3cpath%20fill='white'%20filter='url(%23ink)'%20d='M0%200h128v128H0z'/%3e%3c/svg%3e");-webkit-mask-size:128px 128px;mask-size:128px 128px}.experience:not(.is-historical) .menu.pencil-surface,.experience:not(.is-historical) .repair-dialog.pencil-surface{border-color:transparent}@media(forced-colors:active),print{:where(.site-header,.title-block,.menu,.history-dialog,.repair-dialog,.repair-actions,.audio-alert,.drag-look-hint,.touch-pause,.failure,.entry-date,.title-block h1.site-name,.menu h2,.history-heading h2,.repair-dialog h2),.experience>.date-fader{-webkit-mask-image:none;mask-image:none}.experience *{text-shadow:none;background-image:none}}@font-face{font-family:Field Zen;src:url(/fonts/field-zen.otf) format("opentype");font-display:swap;font-weight:400}.experience:not(.is-historical),.experience:not(.is-historical) :where(h1,h2,h3,p,span,em,small,button,a,label,output,input,textarea,select,kbd,div){font-family:Field Zen,sans-serif!important}.letter-run{white-space:pre-wrap}.letter-glyph{display:inline-block;transform-origin:50% 75%}.site-name .handwritten-date,.menu-site-name .handwritten-date{max-width:100%;height:auto}.primary .letter-run,.primary .letter-glyph{font-size:inherit;font-weight:inherit;letter-spacing:inherit}.primary>.letter-run{white-space:nowrap}.begin{gap:12px}.primary>.letter-run{font-size:16px;min-width:0}.primary .letter-glyph{font-size:1em}.menu .primary.resume>.letter-run{font-size:13px}.menu .primary.resume>.letter-run{font-size:11px}.menu-bottom .text-button{text-decoration:none}.menu-bottom .text-button:after{content:"";display:block;height:3px;margin-top:2px;background:currentColor;clip-path:polygon(0 35%,13% 15%,29% 40%,47% 10%,63% 35%,82% 15%,100% 30%,100% 65%,82% 55%,63% 75%,47% 50%,29% 80%,13% 55%,0 75%)}.title-block h1.site-name .handwritten-date path{opacity:1;stroke:currentColor;stroke-width:.003;stroke-linejoin:round}@media(max-width:700px),(pointer:coarse){.title-block .primary.begin,.title-block .primary.begin>.letter-run{font-size:13px}.title-block .primary.begin .letter-glyph{font-size:1em}.title-block .primary.begin>span[aria-hidden]{font-size:22px}}.menu .primary.resume,.menu .primary.resume>.letter-run{font-size:12px}.menu .primary.resume .letter-glyph{font-size:1em}
