:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f7f0e1;--card:#fffdf7;--ink:#43392f;--ink-soft:#8a7c6c;--line:#e8ddc9;--accent:#e0745c;--accent-deep:#c95f48;--focus:#2f6f8f;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:radial-gradient(1200px 600px at 50% -200px, #fdf7ea 0%, var(--paper) 60%);color:var(--ink);-webkit-tap-highlight-color:transparent}#app{flex-direction:column;align-items:center;gap:14px;min-height:100%;padding:20px 14px 28px;display:flex}.hdr{text-align:center;max-width:34rem}.hdr h1{letter-spacing:-.015em;font-family:Fraunces,Georgia,serif;font-size:clamp(1.9rem,7vw,2.6rem);font-weight:600;line-height:1.05}.hdr h1 .dot{color:var(--accent)}.hdr p{color:var(--ink-soft);margin-top:6px;font-size:.95rem;line-height:1.45}.board{background:var(--card);border:1px solid var(--line);border-radius:22px;width:min(100%,560px);padding:10px;position:relative;box-shadow:0 1px 2px #57442c0f,0 12px 32px -12px #57442c2e}.board canvas{touch-action:manipulation;cursor:pointer;border-radius:14px;width:100%;height:auto;display:block}.hint{background:var(--ink);color:#fdf8ee;white-space:nowrap;pointer-events:none;border-radius:999px;padding:8px 14px;font-size:.85rem;transition:opacity .4s;animation:2.2s ease-in-out infinite bob;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.hint.gone{opacity:0}@keyframes bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}.tools{background:var(--card);border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(4,1fr);gap:6px;width:min(100%,560px);padding:6px;display:grid}.tool{appearance:none;min-height:56px;font:inherit;letter-spacing:.02em;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.72rem;font-weight:600;transition:background .15s,color .15s,transform .1s;display:flex}.tool svg{width:22px;height:22px}.tool:active{transform:scale(.94)}.tool[aria-pressed=true]{background:var(--ink);color:#fdf8ee}.actions{gap:8px;width:min(100%,560px);display:flex}.btn{appearance:none;font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:0 16px;font-size:.88rem;font-weight:600;transition:background .15s,transform .1s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.btn svg{width:17px;height:17px}.btn:hover{background:#fff8ea}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.35;cursor:default;transform:none}.btn-export{background:var(--accent);border-color:var(--accent);color:#fff;flex:1}.btn-export:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.btn-clear.armed{color:#fff;background:#b3564a;border-color:#b3564a}.meta{color:var(--ink-soft);text-align:center;font-size:.78rem;line-height:1.6}.meta .count{color:var(--ink);font-weight:650}:is(.tool,.btn):focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (width>=600px){#app{gap:16px;padding-top:40px}.hdr p{font-size:1.02rem}}