:root{color:#414b42;font-synthesis:none;background:#eeeae1;font-family:Noto Serif SC,Songti SC,serif}*{box-sizing:border-box}html,body{height:100%}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{height:100vh;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%)}@media (max-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 14px}}@media (max-width:360px){.toolbar{gap:2px;padding:5px}button{padding:0 11px}.toolbar>span{margin:0 1px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}#cat-preview{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#stage{visibility:hidden}body[data-status=ready] #stage{visibility:visible}body[data-status=ready] #cat-preview,body[data-status=ready] #loading{visibility:hidden}#loading{text-align:center;background:#eeeae1e8;border-radius:12px;width:calc(100% - 40px);max-width:540px;padding:6px 10px;font-size:12px;line-height:1.6;top:auto;bottom:165px}#retry{color:#fff;background:#596a51;position:absolute;bottom:165px;left:50%;transform:translate(-50%)}body[data-status=failed] #loading,body[data-status=slow] #loading,body[data-status=recovering] #loading{bottom:215px}button:disabled{opacity:.45;cursor:default;pointer-events:none}.toolbar{gap:0}.toolbar>button+button{margin-left:5px}@media (max-width:360px){.toolbar>button+button{margin-left:2px}}@media (max-width:760px){@supports (padding:env(safe-area-inset-bottom)){footer{bottom:calc(19px + env(safe-area-inset-bottom))}.toolbar{bottom:calc(88px + env(safe-area-inset-bottom))}.hint{bottom:calc(48px + env(safe-area-inset-bottom))}}}