:root{--page:#f5f1e7;--surface:#e6efe0;--ink:#24352b;--muted:#71806f;--line:#b7c7b2;--accent:#c94c4c;--dark:#24352b}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--page);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{font:inherit;color:inherit}.skip{position:absolute;left:12px;top:-50px}.skip:focus{top:12px}.shell{min-height:100vh;padding:18px;position:relative}.topbar{height:68px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:250px 1fr 100px;align-items:center}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 14px/1 'Fraunces',serif}.brand small{font:500 10px 'DM Sans';color:var(--muted)}.apple-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-size:26px}.hud{display:flex;justify-content:center;gap:34px;font:500 11px 'Fraunces',serif;letter-spacing:.05em}.hud span{color:var(--muted)}.hud b{color:var(--ink);font-size:17px;margin-left:5px}.topbar button{justify-self:end;border:1px solid var(--line);background:transparent;padding:10px 13px;border-radius:4px}.welcome{position:absolute;left:8%;top:22%;width:350px}.eyebrow{font:600 11px 'Fraunces',serif;letter-spacing:.1em;color:var(--muted)}h1,h2{font-family:'Fraunces',serif;font-weight:600}h1{font-size:66px;line-height:.87;margin:18px 0}.welcome>p:not(.eyebrow):not(.note){line-height:1.55;margin-bottom:23px}.primary{border:0;background:var(--accent);color:#fff;padding:14px 19px;border-radius:4px;font-weight:600}.welcome dl{border-top:1px solid var(--line);margin-top:28px}.welcome dl div{display:grid;grid-template-columns:90px 1fr;padding:9px 0;border-bottom:1px solid var(--line)}dt{font:600 10px 'Fraunces';color:var(--muted)}dd{margin:0;font-size:12px}.note{color:var(--muted);font-size:11px;line-height:1.5}.orchard{position:absolute;top:18%;right:8%;width:min(54vw,570px);text-align:center}.grove{background:var(--dark);padding:15px;border-radius:14px;box-shadow:0 15px 0 rgba(36,53,43,.12)}canvas{display:block;width:100%;aspect-ratio:1;background:var(--surface);border-radius:7px;touch-action:none}.status{font:600 11px 'Fraunces';letter-spacing:.06em;color:var(--muted)}.touch{position:fixed;bottom:18px;right:8%;display:flex}.touch button{width:43px;height:40px;border:1px solid var(--line);background:var(--page);font-size:18px}.touch .open{background:var(--accent);color:#fff}.result{position:absolute;left:8%;top:22%;width:350px;background:var(--page)}.result h2{font-size:43px;margin:14px 0}.pause-stamp{position:fixed;inset:45% auto auto 50%;transform:translateX(-50%);background:var(--page);border:2px solid var(--accent);padding:15px;color:var(--accent);font:600 18px 'Fraunces'}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:800px){.shell{padding:12px}.topbar{grid-template-columns:1fr auto;height:58px}.hud{position:absolute;top:76px;left:12px;right:12px;justify-content:space-around;background:var(--dark);padding:8px}.hud span,.hud b{color:var(--page)}.welcome,.result{position:relative;left:auto;top:auto;width:auto;margin:58px 8px 20px}.welcome h1{font-size:52px}.welcome dl{display:none}.orchard{position:relative;top:auto;right:auto;width:100%;margin:22px auto}.touch{position:relative;right:auto;bottom:auto;justify-content:center;margin-top:14px}.touch button{height:44px}.result{margin-top:70px}}