*{box-sizing:border-box}body{margin:0;background:#e8ece3;color:#283c36;font:16px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;min-height:100svh;display:flex;align-items:center;justify-content:center;gap:6vw;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;border:1px solid #c9d1c3;background:#fffdf8;color:#283c36;border-radius:10px;padding:9px 16px}button:focus-visible,input:focus-visible{outline:3px solid #8b6e48;outline-offset:3px}.intro{width:290px}.brand-mark{border:1px solid #627a65;display:grid;place-items:center;border-radius:16px 4px;font:30px serif;width:54px;height:54px;margin-bottom:20px}.eyebrow{font-size:11px;letter-spacing:.2em;color:#647562}.intro h1{font-size:43px;line-height:1.45;letter-spacing:.035em;font-weight:600;margin:16px 0 22px}.intro p{font-size:15px;color:#71806f}.intro .instructions{font-size:13px}.intro-rule{height:1px;background:#cad2c1;width:65px;margin:32px 0 22px}.small{font-size:11px;color:#86907f}#stage{position:relative;width:min(430px,100vw);height:min(880px,95svh);border-radius:30px;background:#f8f6ef;box-shadow:0 24px 70px #3d52301c;overflow:hidden;flex-shrink:0}canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none}#paused{position:absolute;inset:0;background:#f8f6eff0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:28px;pointer-events:none}#paused[hidden]{display:none}#paused small{font-size:14px;color:#738178}.right-note{align-self:flex-end;margin-bottom:15vh;color:#88927c;display:flex;gap:10px;font-family:serif}.right-note span{writing-mode:vertical-rl;letter-spacing:.4em;font-size:18px}.stamp{border:1px solid #bc8870;color:#bc8870;padding:10px 6px;margin:80px 0 0 12px;font-size:13px;line-height:1.7;border-radius:4px}#lab{position:fixed;left:16px;bottom:12px;font-size:11px;max-width:350px;color:#7a8473;z-index:5}#lab[open]{background:#fffdf6;padding:15px;border:1px solid #cbd3c3;border-radius:12px;max-height:60vh;overflow:auto}#lab button{font-size:11px;margin:3px}#lab pre{white-space:pre-wrap}#lab label{white-space:nowrap}.sr-only{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);top:0;left:0}.sr-only:focus-within{width:auto;height:auto;clip-path:none;background:#fff;z-index:99;padding:12px;max-width:100vw}.sr-only button{display:inline-block;margin:4px}dialog{border:1px solid #c9d2c2;border-radius:22px;padding:30px;width:calc(100vw - 40px);max-width:460px;color:#283c36;background:#f8f6ef}dialog::backdrop{background:#243b3190}dialog h2{font-size:23px;line-height:1.5}dialog p{font-size:13px;color:#76816e}dialog input{width:100%;font-size:12px;padding:10px;border:1px solid #ccd3c5;border-radius:8px;margin:7px 0 14px}dialog #copy-link{display:block;width:100%;background:#446854;color:#fff}.close{position:absolute;top:12px;right:12px;padding:0 12px;font-size:23px}#copy-status{min-height:20px}@media(max-width:1050px){body{gap:5vw}.right-note{display:none}.intro{width:240px}.intro h1{font-size:37px}}@media(max-width:720px){body{display:block;background:#f8f6ef}.intro,.right-note{display:none}#stage{width:100vw;height:100svh;max-height:none;border-radius:0;box-shadow:none}#lab{bottom:3px;left:7px;font-size:9px;opacity:.75}#lab[open]{opacity:1;max-width:calc(100vw - 14px)}}