@font-face{font-family:Pixelify Sans;src:url(./PixelifySans-BOgNfX6E.ttf)format("truetype");font-weight:400 700;font-style:normal;font-display:swap}:root{--ink:#22161c;--ink-2:#3b2a32;--cream:#fff8ea;--paper:#fdf0d5;--paper-2:#f3dfb8;--red:#e0435a;--yellow:#ffcf4a;--yellow-2:#ffe28a;--orange:#f08a3c;--green:#5fb86a;--blue:#4aa3df;--sky:#2899f9;--wood:#9b5b34;--wood-2:#7a4325;--focus:#2f7de1;--px:3px;--b:var(--px);--topbar-h:52px;--font:"Pixelify Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", "Source Han Sans SC", system-ui, sans-serif;--px-border:0 calc(var(--b) * -1) 0 0 var(--ink), 0 var(--b) 0 0 var(--ink), calc(var(--b) * -1) 0 0 0 var(--ink), var(--b) 0 0 0 var(--ink);--px-drop:var(--b) calc(var(--b) * 2) 0 0 #22161c59}@media (max-width:720px){:root{--topbar-h:48px}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html.reduced *,html.reduced :before,html.reduced :after{transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-delay:0s!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-delay:0s!important}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;background:#000;margin:0;font-size:16px;line-height:1.6}img,canvas,svg.px-icon{image-rendering:pixelated}svg.px-icon{flex:none;display:block}a{color:inherit}h1,h2,h3{line-height:1.2}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--yellow);color:var(--ink);box-shadow:var(--px-border);padding:8px 14px;font-weight:700;text-decoration:none;position:fixed;top:-80px;left:12px}.skip-link:focus{top:10px}.px-btn{margin:var(--b);font:inherit;color:var(--ink);background:var(--yellow);cursor:pointer;box-shadow:var(--px-border), inset 0 calc(var(--b) * -1) 0 0 #22161c38, inset 0 var(--b) 0 0 #ffffff73;border:0;justify-content:center;align-items:center;gap:8px;padding:9px 16px 8px;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;transition:transform 80ms step-end;display:inline-flex}.px-btn:hover{background:var(--yellow-2)}.px-btn:active{transform:translateY(var(--b))}.px-btn.is-disabled{cursor:default;color:#6b5960;background:#e6d8c2}.px-btn-sm{padding:6px 10px 5px;font-size:14px}.px-btn-big{padding:12px 22px 11px;font-size:19px}.px-link{color:#1d5fa8;text-underline-offset:3px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.px-link.is-disabled{color:#77666c;text-decoration:none}html:not(.js),html.reading{background:#bfe4ff linear-gradient(#2899f9 0,#6cc0ff 420px,#bfe4ff 1400px) no-repeat}html:not(.js) body,html.reading body{background:0 0}html:not(.js) .loader,html:not(.js) .stage,html:not(.js) .overlay,html:not(.js) .topbar-tools,html:not(.js) .lab-btn,html:not(.js) .reading-bar,html.reading .loader,html.reading .stage,html.reading .overlay,html.reading .lab-btn{display:none!important}html:not(.js) .content,html.reading .content{max-width:880px;padding:calc(var(--topbar-h) + 22px) 16px 48px;margin:0 auto;display:block}html:not(.js) .sec,html.reading .sec{margin:0 var(--b) 30px;background:var(--cream);box-shadow:var(--px-border), var(--px-drop);scroll-margin-top:calc(var(--topbar-h) + 16px);display:block;position:relative}html:not(.js) .panel-close,html.reading .panel-close,html:not(.js) .works-nav,html.reading .works-nav,html:not(.js) .hero-hint,html.reading .hero-hint{display:none}html:not(.js) .sec-home,html.reading .sec-home{color:#fff;background:#2b8be6;min-height:190px;padding:28px 24px 26px 176px}html:not(.js) .sec-home:before,html.reading .sec-home:before{content:"";width:128px;height:128px;image-rendering:pixelated;background:url(./daha_anchor_px-BgqyoPRZ.png) 0 0/128px 128px no-repeat;position:absolute;bottom:18px;left:22px}html:not(.js) .sec-home:after,html.reading .sec-home:after{content:"";width:64px;height:64px;image-rendering:pixelated;background:url(./zaizai_anchor_px-B2HHs2jy.png) 0 0/64px 64px no-repeat;position:absolute;bottom:18px;left:104px}html:not(.js) .hero-title,html.reading .hero-title{text-shadow:3px 0 var(--ink), -3px 0 var(--ink), 0 3px var(--ink), 0 -3px var(--ink), 3px 3px var(--ink), -3px 3px var(--ink), 3px -3px var(--ink), -3px -3px var(--ink);margin:0 0 10px;font-size:clamp(32px,6vw,52px)}html:not(.js) .hero-tagline,html.reading .hero-tagline{margin:0;font-size:17px}html:not(.js) .site-footer,html.reading .site-footer{color:var(--ink-2);text-align:center;padding:6px 4px 0;font-size:13px}.site-footer p{margin:4px 0}.reading-bar{display:none}html.reading .reading-bar{margin:0 var(--b) 26px;background:var(--ink);color:var(--cream);box-shadow:var(--px-drop);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.reading-title{margin:0;font-weight:700}@media (max-width:560px){html:not(.js) .sec-home,html.reading .sec-home{padding:150px 18px 20px}html:not(.js) .sec-home:before,html.reading .sec-home:before{top:14px;bottom:auto}html:not(.js) .sec-home:after,html.reading .sec-home:after{top:78px;bottom:auto}}html.js:not(.reading),html.js:not(.reading) body{overscroll-behavior:none;height:100%;overflow:hidden}html.js:not(.reading) body{background:var(--sky)}.stage{background:var(--sky);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.screen{image-rendering:pixelated;display:block;position:absolute;bottom:0;left:0}html.js:not(.reading) .content{z-index:6;pointer-events:none;outline:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}html.js:not(.reading) .content .site-footer{display:none}html.js:not(.reading) .sec-home{--sky-h:calc(var(--roof-y,50vh) - var(--topbar-h));--hero-t:clamp(54px, min(13vw, calc(var(--sky-h) * .45)), 136px);--hero-tag:clamp(17px, min(2.2vw, calc(var(--sky-h) * .11)), 30px);--hero-hint:clamp(16px, min(1.9vw, calc(var(--sky-h) * .095)), 26px);left:0;right:0;top:calc(var(--topbar-h) + 14px);height:max(0px, calc(var(--sky-h) - 38px));text-align:center;color:#fff;flex-direction:column;align-items:center;width:min(1400px,100vw - 24px);margin:0 auto;transition:opacity .45s steps(5,end),transform .45s steps(5,end),visibility;display:flex;position:absolute}html.js:not(.reading) .sec-home.is-away{opacity:0;visibility:hidden;transition:opacity .35s steps(4,end),transform .35s steps(4,end),visibility 0s .35s;transform:translateY(-18px)}html.js:not(.reading) .hero-title{--o:max(4px, calc(var(--hero-t) * .05));font-size:var(--hero-t);letter-spacing:.02em;text-shadow:var(--o) 0 var(--ink), calc(var(--o) * -1) 0 var(--ink), 0 var(--o) var(--ink), 0 calc(var(--o) * -1) var(--ink), var(--o) var(--o) var(--ink), calc(var(--o) * -1) var(--o) var(--ink), var(--o) calc(var(--o) * -1) var(--ink), calc(var(--o) * -1) calc(var(--o) * -1) var(--ink), 0 calc(var(--o) * 2.5) 0 #22161c59;margin:auto 0 0;font-weight:700;line-height:1.05}.hero-name{color:var(--yellow)}html.js:not(.reading) .hero-tagline{font-size:var(--hero-tag);color:var(--cream);box-shadow:var(--px-border);background:#22161cc7;margin:.55em 12px 0;padding:.33em .7em .27em;line-height:1.4;display:inline-block}html.js:not(.reading) .hero-hint{--o:max(2px, .1em);font-size:var(--hero-hint);text-shadow:var(--o) 0 var(--ink), calc(var(--o) * -1) 0 var(--ink), 0 var(--o) var(--ink), 0 calc(var(--o) * -1) var(--ink);margin:.5em 0 0;line-height:1.3}.hint-touch,html.touch .hint-keys{display:none}html.touch .hint-touch{display:inline}.topbar{z-index:20;height:var(--topbar-h);padding:0 max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));color:var(--cream);box-shadow:0 var(--b) 0 0 #22161c59;background:#22161cdb;align-items:center;gap:10px;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:var(--cream);flex:none;align-items:center;gap:8px;font-size:19px;font-weight:700;text-decoration:none;display:flex}.brand-mark{width:34px;height:30px;image-rendering:pixelated;background:url(./daha_anchor_px-BgqyoPRZ.png) -16px -4px/64px 64px no-repeat}.nav{flex:1;justify-content:center;min-width:0;display:flex}.nav-list{scrollbar-width:none;gap:4px;margin:0;padding:4px;list-style:none;display:flex;overflow-x:auto}.nav-list::-webkit-scrollbar{display:none}.nav-link{color:var(--cream);white-space:nowrap;flex-direction:column;align-items:center;padding:4px 10px 3px;line-height:1.15;text-decoration:none;display:flex}.nav-zh{font-size:16px;font-weight:700}.nav-en{opacity:.75;font-size:11px}.nav-link:hover{background:#fff8ea24}.nav-link[aria-current]{color:var(--ink);background:var(--yellow);box-shadow:var(--px-border)}.topbar-tools{flex:none;gap:8px;display:flex}.tool-btn{height:34px;margin:var(--b);font:inherit;color:var(--ink);background:var(--cream);cursor:pointer;box-shadow:var(--px-border), inset 0 calc(var(--b) * -1) 0 0 #22161c33;border:0;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:700;display:inline-flex}.tool-btn:hover{background:#fff}.tool-btn[aria-pressed=true]{background:var(--yellow)}@media (max-width:860px){.nav-en,.tool-label,.brand-text{display:none}.nav-link{padding:6px 8px 5px}}@media (max-width:520px){.topbar{gap:4px;padding:0 6px}.nav{justify-content:flex-start}.nav-list{gap:0}.nav-link{padding:6px 6px 5px}.nav-zh{font-size:14px}.topbar-tools{gap:2px}.tool-btn{height:30px;padding:0 7px}}.loader{z-index:50;color:var(--cream);background:#000;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .4s steps(5,end);display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loader.is-hidden{opacity:0}.loader-sprite{width:256px;height:256px;image-rendering:pixelated}.loader-bar{width:256px;height:21px;box-shadow:0 -3px 0 0 var(--cream), 0 3px 0 0 var(--cream), -3px 0 0 0 var(--cream), 3px 0 0 0 var(--cream);background:#15101a;padding:3px}.loader-fill{background:repeating-linear-gradient(90deg, var(--yellow) 0 9px, var(--orange) 9px 12px);width:0;height:100%}.loader-text{letter-spacing:.04em;margin:0;font-size:15px}.loader-pct{min-width:3.2em;color:var(--yellow);text-align:right;display:inline-block}.loader-ding{color:var(--yellow);text-shadow:3px 3px 0 var(--red);opacity:0;margin:0;font-size:36px;font-weight:700;position:absolute;top:calc(50% - 196px)}.loader.is-done .loader-ding{animation:.5s steps(4,end) both ding}@keyframes ding{0%{opacity:0;transform:translateY(12px)scale(.6)}60%{opacity:1;transform:translateY(-6px)scale(1.15)}to{opacity:1;transform:none}}.overlay{z-index:8;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.bubble{max-width:min(280px,72vw);color:var(--ink);background:var(--cream);box-shadow:var(--px-border);visibility:hidden;opacity:0;will-change:transform;padding:7px 12px 6px;font-size:15px;font-weight:700;line-height:1.35;transition:opacity .12s steps(2,end);position:absolute;top:0;left:0}.bubble.is-on{visibility:visible;opacity:1}.bubble:after{content:"";top:calc(100% + var(--b));left:var(--tail-x,50%);background:var(--ink);clip-path:polygon(0 0,15px 0,15px 3px,12px 3px,12px 6px,9px 6px,9px 9px,6px 9px,6px 6px,3px 6px,3px 3px,0 3px);width:15px;height:9px;margin-left:-7px;position:absolute}.bubble-zai{background:#ffe9c4}.toast{top:calc(var(--topbar-h) + 12px);z-index:30;max-width:calc(100vw - 32px);color:var(--yellow);background:var(--ink);box-shadow:0 calc(var(--b) * -1) 0 0 var(--cream), 0 var(--b) 0 0 var(--cream), calc(var(--b) * -1) 0 0 0 var(--cream), var(--b) 0 0 0 var(--cream);opacity:0;pointer-events:none;padding:8px 16px 7px;font-size:15px;font-weight:700;transition:opacity .2s steps(3,end),transform .2s steps(3,end);position:fixed;left:50%;transform:translate(-50%,-10px)}.toast.is-on{opacity:1;transform:translate(-50%)}.toast:empty{display:none}.curtain{z-index:45;opacity:0;pointer-events:none;background:#000;transition:opacity .26s steps(4,end);position:fixed;top:0;bottom:0;left:0;right:0}.curtain.is-on{opacity:1}.touch-pads{display:none}html.touch:not(.reading) .touch-pads{display:block}.pad{z-index:3;bottom:calc(4px + env(safe-area-inset-bottom));width:78px;height:44px;font:inherit;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff8ea8c;border:0;place-items:center;margin:0;padding:0;font-size:20px;font-weight:700;display:grid;position:absolute;box-shadow:0 -3px #22161c99,0 3px #22161c99,-3px 0 #22161c99,3px 0 #22161c99}.pad.is-down{background:#ffcf4ad9}.pad-left{left:max(10px, env(safe-area-inset-left))}.pad-right{right:max(10px, env(safe-area-inset-right))}.pad-jump{width:64px;margin-left:-32px;font-size:16px;left:50%}.lab-btn{z-index:9;width:30px;height:30px;color:var(--cream);cursor:pointer;opacity:.55;background:#22161c73;border:0;place-items:center;padding:0;display:grid;position:fixed;bottom:10px;right:10px}.lab-btn:hover{opacity:1;background:var(--ink)}.lab-btn:focus-visible{opacity:1;background:var(--ink)}html.touch .lab-btn{bottom:auto;top:calc(var(--topbar-h) + 8px)}html.reading .lab-btn,html.panel-open .lab-btn{display:none}@media (max-height:520px){html.js:not(.reading) .sec-home{--hero-t:38px}html.js:not(.reading) .hero-tagline,html.js:not(.reading) .hero-hint{display:none}}html.js:not(.reading) .panel{--pf:clamp(16px, calc(.5vw + .9vh + 3px), 25px);top:calc(var(--topbar-h) + 14px);width:min(1600px,100vw - 40px,max(720px,76vw));max-height:max(230px, calc(var(--sky-bottom,70vh) - var(--topbar-h) - 30px));overscroll-behavior:contain;pointer-events:auto;font-size:var(--pf);background:var(--cream);box-shadow:var(--px-border), var(--px-drop);scrollbar-width:thin;scrollbar-color:var(--ink-2) var(--paper-2);margin:0 auto;display:none;position:absolute;left:0;right:0;overflow:auto}html.js:not(.reading) .panel.is-open{animation:.24s steps(4,end) both panel-in;display:block}@keyframes panel-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}html.js:not(.reading) .panel-about{width:min(1360px,100vw - 40px,max(720px,70vw))}html.js:not(.reading) .panel-workflow{width:min(1680px,100vw - 40px,max(760px,80vw))}html.js:not(.reading) .panel-contact{width:min(1240px,100vw - 40px,max(640px,62vw))}html.js:not(.reading) .panel-ending{width:min(880px,100vw - 40px,max(480px,44vw))}.panel-head{background:var(--paper-2);box-shadow:inset 0 calc(var(--b) * -1) 0 0 var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:10px 10px 9px 18px;display:flex}html.js:not(.reading) .panel-head{z-index:2;position:sticky;top:0}.panel-title{flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;font-size:24px;display:flex}.panel-title:focus{outline:none}.panel-title:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.kicker{letter-spacing:.04em;color:var(--cream);background:var(--ink);padding:3px 8px 2px;font-size:12px;font-weight:700;display:inline-block}.panel-close{width:34px;height:34px;margin:var(--b);color:var(--cream);background:var(--red);cursor:pointer;box-shadow:var(--px-border), inset 0 calc(var(--b) * -1) 0 0 #00000040;border:0;flex:none;place-items:center;padding:0;display:grid}.panel-close:hover{background:#ef5d72}.panel-body{padding:16px 18px 18px}.panel-lead{margin:0 0 14px}.about-body{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px 20px;display:grid}.portrait{width:128px;height:128px;margin:var(--b);box-shadow:var(--px-border);background:linear-gradient(#8fd0ff 0 62%,#9fd77a 62% 100%);place-items:end center;display:grid;overflow:hidden}html:not(.js) .portrait{background:url(./daha_anchor_px-BgqyoPRZ.png) bottom/128px 128px no-repeat,linear-gradient(#8fd0ff 0 62%,#9fd77a 62% 100%)}.portrait-canvas{display:block}.speaker{color:#b8283f;margin:0 0 6px;font-weight:700}.about-p{margin:0 0 10px}.stickers{padding:0 var(--b);flex-wrap:wrap;gap:8px;margin:14px 0 0;list-style:none;display:flex}.sticker{margin:var(--b);box-shadow:var(--px-border);padding:4px 10px 3px;font-size:14px;font-weight:700}.sticker.s0{background:var(--yellow)}.sticker.s1{background:#a6e3ae}.sticker.s2{background:#ffc4cf}.sticker.s3{background:#b0dcff}.sticker.s4{background:#ffd6ab}.works-track{gap:22px;display:grid}.work-card{grid-template-columns:224px minmax(0,1fr);grid-auto-rows:min-content;align-items:start;gap:8px 18px;display:grid}html.js:not(.reading) .work-card{display:none}html.js:not(.reading) .work-card.is-current{animation:.18s steps(3,end) both panel-in;display:grid}.work-screen{margin:var(--b);box-shadow:var(--px-border), inset 0 0 0 var(--b) #2c2f38;background:#474b58;grid-row:span 4;padding:10px}.work-media{aspect-ratio:4/3;box-shadow:inset 0 0 0 var(--b) #0a0f14;background:repeating-linear-gradient(0deg,#00000038 0 2px,#0000 2px 4px),radial-gradient(circle at 50% 40%,#1d3a52,#0b1621 75%);place-items:center;display:grid;overflow:hidden}.work-media img{object-fit:contain;width:100%;height:100%}.media-ph{letter-spacing:.12em;color:#7cf0ff;text-align:center;font-size:14px}.media-ph.has-preview{place-items:end center;width:100%;height:100%;padding-bottom:8px;display:grid}.work-title{align-items:baseline;gap:10px;margin:2px 0 0;font-size:20px;display:flex}.work-no{color:#fff;background:#c22d45;flex:none;padding:2px 6px 1px;font-size:13px}.work-blurb{margin:0}.work-card.is-todo .work-title,.work-card.is-todo .work-blurb{color:#5f4f55}.work-tags{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.work-tags li{margin:var(--b);background:var(--paper-2);box-shadow:var(--px-border);padding:2px 8px 1px;font-size:12px;font-weight:700}.work-link{margin:2px 0 0}.works-nav{justify-content:center;align-items:center;gap:14px;margin-top:16px;display:flex}.works-count{text-align:center;min-width:4em;font-weight:700}.steps{padding:6px var(--b) 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin:0;list-style:none;display:grid}.step{margin:var(--b);box-shadow:var(--px-border);background:#fff;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:12px;padding:14px 14px 12px;display:grid;position:relative}.step-no{width:26px;height:26px;color:var(--cream);box-shadow:var(--px-border);background:#c22d45;place-items:center;font-weight:700;display:grid;position:absolute;top:-12px;left:-10px}.step-icon{grid-row:span 3;padding-top:4px}.step-title{margin:0;font-size:18px}.step-en{color:#5f4f55;font-size:13px;font-weight:400}.step-text{margin:4px 0 6px;font-size:14px}.step-link{margin:0;font-size:14px}.signs{padding:0 var(--b);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0;list-style:none;display:grid}.sign{flex-direction:column;align-items:center;display:flex}.sign-board{width:calc(100% - 2 * var(--b));margin:var(--b);color:var(--cream);background:var(--wood);box-shadow:var(--px-border), inset 0 calc(var(--b) * -1) 0 0 var(--wood-2), inset 0 var(--b) 0 0 #b9744a;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.sign-board:hover{background:#ad6a3f}.sign-icon{width:46px;height:46px;margin:var(--b);color:var(--ink);background:var(--cream);box-shadow:var(--px-border);flex:none;place-items:center;display:grid}.sign-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.sign-label{font-size:17px;font-weight:700}.sign-handle{overflow-wrap:anywhere;font-size:13px}.sign-post{background:var(--wood-2);width:12px;height:16px;box-shadow:calc(var(--b) * -1) 0 0 0 var(--ink), var(--b) 0 0 0 var(--ink)}.panel-ending .panel-body{text-align:center}.ending-text,.ending-night{margin:0 0 14px;font-size:17px}.ending-night{display:none}html:not(.js) .ending-night,html.reading .ending-night{color:#5f4f55;display:block}html.js:not(.reading) .panel-ending.is-night{color:#eef1ff;background:#1c2350}html.js:not(.reading) .panel-ending.is-night .panel-head{color:#fff;background:#2b3570}html.js:not(.reading) .panel-ending.is-night .ending-text{display:none}html.js:not(.reading) .panel-ending.is-night .ending-night{display:block}html.js:not(.reading) .panel-head{gap:.6em;padding:.5em .6em .45em 1.2em}html.js:not(.reading) .panel-title{font-size:calc(var(--pf) * 1.7);gap:.15em .5em}html.js:not(.reading) .kicker{font-size:calc(var(--pf) * .78);padding:.25em .6em .15em}html.js:not(.reading) .panel-close{width:calc(var(--pf) * 2.15);height:calc(var(--pf) * 2.15)}html.js:not(.reading) .panel-body{padding:1.05em 1.3em 1.2em}html.js:not(.reading) .panel-lead{margin-bottom:.8em}html.js:not(.reading) .panel .px-btn{font-size:calc(var(--pf) * .95);gap:.5em;padding:.55em 1.05em .5em}html.js:not(.reading) .panel .px-btn-sm{font-size:calc(var(--pf) * .875);padding:.4em .7em .32em}html.js:not(.reading) .panel .px-btn-big{font-size:calc(var(--pf) * 1.2);padding:.6em 1.2em .55em}html.js:not(.reading) .about-body{gap:.9em 1.4em}html.js:not(.reading) .stickers{gap:.5em;margin-top:.9em}html.js:not(.reading) .sticker{font-size:calc(var(--pf) * .875);padding:.28em .7em .2em}html.js:not(.reading) .panel-works{--shot-w:clamp(224px, min(36vw, calc((var(--sky-bottom,70vh) - var(--topbar-h) - 11.3 * var(--pf) - 60px) * 4 / 3 + 26px)), 560px)}html.js:not(.reading) .work-card{grid-template-columns:var(--shot-w) minmax(0, 1fr);grid-template-rows:repeat(4,min-content) 1fr;gap:.55em 1.2em}html.js:not(.reading) .work-screen{grid-row:span 5;padding:clamp(10px,.65em,15px)}html.js:not(.reading) .media-ph{font-size:calc(var(--pf) * .95)}html.js:not(.reading) .work-title{font-size:calc(var(--pf) * 1.45);gap:.45em}html.js:not(.reading) .work-no{font-size:calc(var(--pf) * .8);padding:.15em .45em .05em}html.js:not(.reading) .work-tags{gap:.3em}html.js:not(.reading) .work-tags li{font-size:calc(var(--pf) * .78);padding:.15em .65em .05em}html.js:not(.reading) .works-nav{gap:.9em;margin-top:.9em}html.js:not(.reading) .steps{gap:.9em 1.2em}html.js:not(.reading) .step{column-gap:.75em;padding:.85em .9em .65em}html.js:not(.reading) .step-no{width:1.65em;height:1.65em;top:-.75em;left:-.6em}html.js:not(.reading) .step-title{font-size:calc(var(--pf) * 1.15)}html.js:not(.reading) .step-en{font-size:calc(var(--pf) * .8)}html.js:not(.reading) .step-text,html.js:not(.reading) .step-link{font-size:calc(var(--pf) * .9)}html.js:not(.reading) .signs{gap:.65em 1.1em}html.js:not(.reading) .sign-board{gap:.75em;padding:.65em .8em}html.js:not(.reading) .sign-label{font-size:calc(var(--pf) * 1.06)}html.js:not(.reading) .sign-handle{font-size:calc(var(--pf) * .82)}html.js:not(.reading) .ending-text,html.js:not(.reading) .ending-night{font-size:calc(var(--pf) * 1.06);margin-bottom:.8em}@media (min-width:1100px) and (min-height:860px){html.js:not(.reading) .portrait{width:192px;height:192px}html.js:not(.reading) .panel-close .px-icon{width:21px;height:21px}html.js:not(.reading) .works-nav .px-icon{width:15px;height:21px}html.js:not(.reading) .sign-icon{width:60px;height:60px}html.js:not(.reading) .step-icon .px-icon,html.js:not(.reading) .sign-icon .px-icon{zoom:1.3334}}@media (max-width:600px){html.js:not(.reading) .panel{--pf:17px;top:calc(var(--topbar-h) + 10px);width:calc(100vw - 20px)}.panel-title{font-size:20px}html.js:not(.reading) .panel-title{font-size:calc(var(--pf) * 1.5)}.panel-body{padding:14px 14px 16px}html.js:not(.reading) .panel-body{padding:.9em .85em 1em}.about-body,.work-card,.steps,.signs,html.js:not(.reading) .work-card{grid-template-columns:minmax(0,1fr)}.work-screen,html.js:not(.reading) .work-screen{grid-row:auto;max-width:260px}}html.lab-open,html.lab-open body{overflow:hidden}.lab{z-index:40;background:#0c080ce0;padding:20px 14px 40px;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.lab[hidden]{display:none}.lab-inner{background:var(--cream);max-width:1060px;box-shadow:var(--px-border), var(--px-drop);margin:0 auto}.lab-head{background:var(--paper-2);box-shadow:inset 0 calc(var(--b) * -1) 0 0 var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 9px 18px;display:flex}.lab-title{margin:0;font-size:24px}.lab-lead{margin:14px 18px 16px}.lab-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin:0;padding:0 18px 22px;list-style:none;display:grid}.lab-card{min-width:0;margin:var(--b);box-shadow:var(--px-border);background:#fff;padding:12px}.lab-name{margin:0 0 2px;font-size:17px}.lab-meta{color:#5f4f55;margin:0 0 10px;font-size:12px}.lab-meta code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.lab-preview,.lab-strip{background:repeating-conic-gradient(#e8e0d2 0 25%, #f8f3ea 0 50%) 0 0 / 12px 12px}.lab-preview{margin:0 auto 10px;display:block}.lab-strip{scrollbar-width:thin;overflow-x:auto}.lab-strip img{max-width:none;display:block}.lab-prompt{color:var(--ink-2);overflow-wrap:anywhere;margin:10px 0 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:12.5px;line-height:1.55}.lab-prompt-label{color:var(--cream);background:var(--ink);margin-right:6px;padding:0 5px;font-size:11px;font-weight:700;display:inline-block}
