@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap";:root{color:#414b42;font-synthesis:none;background:#eeeae1;font-family:Noto Serif SC,Songti SC,serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}header,footer{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;left:4.2vw;right:4.2vw}header{top:32px}.wordmark{letter-spacing:.14em;color:inherit;pointer-events:auto;font-size:24px;font-weight:600;text-decoration:none}.wordmark span{letter-spacing:.32em;margin-top:6px;font:9px Georgia,serif;display:block}.edition{letter-spacing:.12em;color:#697364;font-size:12px}main{width:100%;height:100svh;position:relative}canvas{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}.intro{pointer-events:none;position:absolute;top:36%;left:8%}.eyebrow{letter-spacing:.2em;color:#74806c;font:10px Georgia,serif}h1{letter-spacing:.05em;margin:20px 0 16px;font-size:clamp(30px,3.3vw,52px);font-weight:400}.intro p{letter-spacing:.08em;color:#74806c;font-size:13px}.toolbar{white-space:nowrap;background:#f9f7f0e8;border:1px solid #dbdfd1;border-radius:40px;gap:5px;padding:6px;display:flex;position:absolute;bottom:97px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #57544808}button{color:#5b6654;cursor:pointer;background:0 0;border:0;border-radius:30px;min-height:42px;padding:0 21px;font:13px Noto Serif SC,Songti SC,serif;transition:background .18s,color .18s}button[aria-pressed=true]{color:#fbfaf4;background:#596a51}button:hover{background:#e4e8dc}button[aria-pressed=true]:hover{background:#485b41}button:focus-visible{outline-offset:3px;outline:2px solid #718863}.toolbar>span{background:#d9ded1;align-self:center;width:1px;height:19px;margin:0 3px}.hint{text-align:center;letter-spacing:.05em;color:#75806b;pointer-events:none;width:100%;font-size:11px;position:absolute;bottom:53px}footer{color:#7d8675;letter-spacing:.08em;font-size:10px;bottom:25px}footer span:last-child{letter-spacing:.18em;font:9px Georgia,serif}#loading{color:#68785b;font-size:14px;transition:opacity .3s;position:absolute;top:48%;left:50%;transform:translate(-50%)}#loading.loaded{opacity:0;pointer-events:none}@media (width<=760px){header{top:24px;left:25px;right:25px}.wordmark{font-size:20px}.edition{max-width:116px;font-size:10px;line-height:1.8}.intro{text-align:center;width:100%;top:15%;left:0}.eyebrow{display:none}h1{margin:0 0 10px;font-size:29px}.intro p{margin:0;font-size:11px}.toolbar{bottom:88px}.hint{font-size:10px;bottom:48px}footer{font-size:9px;bottom:19px;left:25px;right:25px}button{min-height:44px;padding:0 19px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}