@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff")}:root{--ink:#23211e;--paper:#fbfaf7;--paper-raised:#fffefb;--line:#23211e1c;--line-strong:#23211e33;color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Instrument Sans Variable,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{overscroll-behavior:none;background:var(--paper);margin:0;overflow:hidden}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}::selection{background:#23211e24}.board{--board-ink:#23211e;background-color:#fff;transition:background-color .26s;position:fixed;inset:0;overflow:hidden}.board-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.board-canvas[data-tool=eraser]{cursor:none}.board-empty{pointer-events:none;color:var(--board-ink);opacity:.38;place-content:center;justify-items:center;gap:16px;padding-bottom:7vh;transition:opacity .42s,transform .42s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;inset:0}.board-empty.is-hidden{opacity:0;visibility:hidden;transition:opacity .42s,transform .42s cubic-bezier(.16,1,.3,1),visibility 0s linear .42s;transform:translateY(-8px)}.board-empty-title{letter-spacing:-.015em;margin:0;font-family:Instrument Serif,Georgia,Times New Roman,serif;font-size:clamp(32px,4.6vw,54px);font-style:italic;font-weight:400;line-height:1}.board-empty-hint{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:6px;margin:0;font-size:10.5px;font-weight:500;display:flex}.board-empty-hint span{opacity:.55}.board-empty-hint kbd{opacity:.75;border:1px solid;border-radius:4px;padding:2px 5px;font-family:inherit;font-size:9.5px;line-height:1.3}.eraser-cursor{z-index:20;mix-blend-mode:difference;pointer-events:none;opacity:0;will-change:transform;border:1.5px solid #fff;border-radius:50%;transition:opacity .12s;position:fixed;top:0;left:0}.toolbar-shell{bottom:max(22px, env(safe-area-inset-bottom,0px) + 18px);z-index:10;position:fixed;left:50%;transform:translate(-50%)}.toolbar{border:1px solid var(--line);background:#fffefbf7;border-radius:999px;align-items:center;gap:2px;padding:6px;animation:.52s cubic-bezier(.16,1,.3,1) both toolbar-in;display:flex;box-shadow:0 18px 44px -24px #1815118c,0 4px 14px -10px #1815113d,inset 0 1px #ffffffe6}@keyframes toolbar-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-group{align-items:center;gap:2px;display:flex}.toolbar-divider{background:var(--line);flex:none;width:1px;height:18px;margin:0 6px}.tool-button{width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:background-color .16s,color .16s,transform .13s;display:grid}.tool-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.tool-button:hover:not(:disabled){background:#23211e11}.tool-button:active:not(:disabled){transform:scale(.93)}.tool-button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.tool-button[data-open=true]{background:#23211e11}.tool-button:disabled{opacity:.28;cursor:default}.tool-button:focus-visible,.swatch:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ink-dot{border-radius:50%;width:17px;height:17px;box-shadow:inset 0 0 0 1px #23211e29}.paper-chip{border-radius:5px;width:17px;height:17px;box-shadow:inset 0 0 0 1px #23211e2e,0 0 0 1px #ffffff8c}.palette{border:1px solid var(--line);background:var(--paper-raised);border-radius:18px;width:max-content;min-width:222px;padding:14px;animation:.18s cubic-bezier(.16,1,.3,1) both palette-in;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 24px 54px -28px #18151180,0 6px 18px -12px #18151138,inset 0 1px #ffffffe6}@keyframes palette-in{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.98)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.palette-label{letter-spacing:.16em;text-transform:uppercase;color:#23211e7a;margin:0 0 11px 1px;font-size:10px;font-weight:600}.palette-swatches{grid-template-columns:repeat(4,32px);gap:10px;display:grid}.swatch{background:var(--swatch);cursor:pointer;border:0;border-radius:50%;width:32px;height:32px;padding:0;transition:transform .14s;position:relative;box-shadow:inset 0 0 0 1px #23211e24}.swatch[data-shape=square]{border-radius:9px}.swatch:hover{transform:translateY(-1px)scale(1.06)}.swatch[data-active=true]:after{content:"";border:1.5px solid var(--ink);border-radius:inherit;position:absolute;inset:-4px}.custom-color{border-top:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:6px;align-items:center;gap:9px;margin-top:13px;padding-top:12px;font-size:12.5px;font-weight:500;display:flex;position:relative}.custom-color-chip{background:conic-gradient(from 10deg,#d14b32,#c18f24,#2e6b4f,#3d8fa8,#2f5bd0,#7a3f74,#d14b32);border-radius:50%;width:19px;height:19px;box-shadow:inset 0 0 0 1px #23211e24}.custom-color[data-active=true] .custom-color-chip{box-shadow:inset 0 0 0 1px #23211e24, 0 0 0 2px var(--paper-raised), 0 0 0 3.5px var(--ink)}.custom-color input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.custom-color:focus-within{outline:2px solid var(--ink);outline-offset:3px}@media (width<=420px){.toolbar-shell{bottom:max(14px, env(safe-area-inset-bottom,0px) + 10px)}.toolbar{gap:1px;padding:5px}.tool-button{width:34px;height:34px}.toolbar-divider{margin:0 3px}.palette{min-width:204px;padding:12px}.palette-swatches{grid-template-columns:repeat(4,30px);gap:9px}.swatch{width:30px;height:30px}}@media (pointer:coarse){.board-empty-hint{display:none}}@media (prefers-reduced-motion:reduce){.toolbar,.palette{animation:none}.board,.board-empty,.tool-button,.swatch{transition-duration:.01ms}}