.board-launcher{--wood:#b07a43;z-index:60;border:2px solid var(--wood);color:#f4f1e8;min-height:48px;font:750 15px/1 var(--font-sans);letter-spacing:.01em;cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s var(--ease);background:linear-gradient(160deg,#2c4d3a,#1f3a2b);border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 2px #7d5530,0 14px 30px -14px #122018b3}.board-launcher:hover{transform:translateY(-2px);box-shadow:0 4px #7d5530,0 18px 34px -14px #122018b3}.board-launcher:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.board-launcher-slate{color:#23402f;background:#f4f1e8;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.board-launcher kbd{color:#d9e6dc;font:650 11px/1 var(--font-sans);border:1px solid #ffffff38;border-radius:6px;padding:3px 6px}:root:has(.chalkboard-dialog[open]){overflow:hidden}.chalkboard-dialog{color:#f4f1e8;width:100vw;max-width:none;height:100dvh;max-height:none;animation:chalkboard-in .28s var(--ease);background:radial-gradient(120% 90% at 50% 0,#3a2a1c,#1c140d);border:0;grid-template-rows:auto minmax(0,1fr) auto;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden}.chalkboard-dialog::backdrop{background:#0a0e0cb3}@keyframes chalkboard-in{0%{opacity:0;transform:scale(.985)}}.chalkboard-bar{align-items:center;gap:16px;padding:12px 20px;display:flex}.chalkboard-title{gap:3px;min-width:0;margin-right:auto;display:grid}.chalkboard-title strong{font-size:17px;font-weight:800}.chalkboard-title span{color:#d8c7b0;font-size:12.5px}.chalkboard-pages,.chalkboard-actions{align-items:center;gap:6px;display:flex}.chalkboard-pages button,.chalkboard-actions button,.chalkboard-tray button{min-width:40px;min-height:40px;color:inherit;font:650 13.5px/1 var(--font-sans);cursor:pointer;background:#ffffff10;border:1px solid #ffffff26;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 11px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chalkboard-pages button:hover,.chalkboard-actions button:hover,.chalkboard-tray button:hover:not(:disabled){background:#ffffff1f}.chalkboard-dialog button:focus-visible{outline-offset:2px;outline:2px solid #f6d76b}.chalkboard-pages button[aria-current=page],.chalkboard-dialog button[aria-pressed=true]{color:#fff6d6;background:#f6d76b26;border-color:#f6d76b}.chalkboard-pages .chalkboard-add{border-style:dashed;padding:0}.chalkboard-close{margin-left:6px;padding:0}.chalkboard-frame{background:repeating-linear-gradient(92deg,#ffffff08 0 2px,#0000 2px 9px),linear-gradient(#a8723f,#8a5a2f 55%,#744a26);border-radius:18px;min-height:0;margin:0 20px;padding:14px;box-shadow:inset 0 2px #d29a5f,inset 0 -3px #5d3a1d,0 24px 50px -24px #000}.chalkboard-surface{touch-action:none;background:radial-gradient(70% 60% at 30% 25%,#ffffff0d,#0000 70%),radial-gradient(60% 50% at 75% 80%,#ffffff09,#0000 70%),radial-gradient(140% 120%,#2a4a37 0%,#20392a 60%,#182c20 100%);border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000040,inset 0 0 60px #00000059}.chalkboard-surface.has-grid{background-image:linear-gradient(#f4f1e82e 1px,#0000 1px),linear-gradient(90deg,#f4f1e82e 1px,#0000 1px),radial-gradient(70% 60% at 30% 25%,#ffffff0d,#0000 70%),radial-gradient(140% 120%,#2a4a37 0%,#20392a 60%,#182c20 100%);background-position:-1px -1px;background-size:48px 48px,48px 48px,auto,auto}.chalkboard-surface canvas{width:100%;height:100%;position:absolute;inset:0}.chalkboard-live{cursor:crosshair}.tool-eraser .chalkboard-live{cursor:cell}.chalkboard-hint{color:#f4f1e852;font:600 clamp(18px, 2.6vw, 30px) / 1.2 var(--font-sans);letter-spacing:.02em;text-align:center;pointer-events:none;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chalkboard-tray{scrollbar-width:none;background:linear-gradient(#7a4f29,#5f3c1f);border-radius:0 0 16px 16px;justify-content:center;align-items:center;gap:10px;margin:0 32px;padding:10px 14px 14px;display:flex;overflow-x:auto;box-shadow:inset 0 2px #9b6a3b,0 10px 24px -14px #000}.chalkboard-group{flex:none;align-items:center;gap:6px;padding:0 8px;display:flex}.chalkboard-group+.chalkboard-group{border-left:1px solid #ffffff1f}.chalkboard-tray button:disabled{opacity:.4;cursor:default}.chalkboard-sticks{gap:8px}.chalkboard-tray .chalk-stick{background:linear-gradient(90deg, #00000026, transparent 40%, #ffffff40 60%, #0000001f), var(--chalk);width:16px;min-width:16px;height:40px;transition:transform .18s var(--ease);border:0;border-radius:5px;padding:0;transform:translateY(6px);box-shadow:0 2px #00000040}.chalkboard-tray .chalk-stick:hover:not(:disabled){background:linear-gradient(90deg, #00000026, transparent 40%, #ffffff40 60%, #0000001f), var(--chalk);transform:translateY(2px)}.chalkboard-tray .chalk-stick[aria-pressed=true]{background:linear-gradient(90deg, #00000026, transparent 40%, #ffffff40 60%, #0000001f), var(--chalk);box-shadow:0 0 0 2px #1c140d, 0 0 0 4px var(--chalk);transform:translateY(-4px)}.chalkboard-tray .chalk-size{padding:0}.chalk-size i{background:currentColor;border-radius:50%;display:block}.chalkboard-clear.is-armed{color:#ffd9e1;background:#f3a3b526;border-color:#f3a3b5}.chalkboard-status{pointer-events:none;background:#1c140de6;border-radius:10px;margin:0;padding:0;font-size:13.5px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.chalkboard-status:not(:empty){padding:9px 14px}.chalkboard-dialog:fullscreen .chalkboard-fullscreen{border-color:#f6d76b}@media (max-width:760px){.board-launcher{min-height:44px;padding:4px;bottom:16px;right:16px}.board-launcher>span:not(.board-launcher-slate){clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.board-launcher kbd,.chalkboard-title span,.chalkboard-actions button span{display:none}.chalkboard-bar{flex-wrap:wrap;gap:8px 10px;padding:10px 12px}.chalkboard-actions button{padding:0}.chalkboard-pages{scrollbar-width:none;order:3;width:100%;overflow-x:auto}.chalkboard-pages button{flex:none}.chalkboard-frame{border-radius:12px;margin:0 8px;padding:8px}.chalkboard-tray{flex-wrap:wrap;gap:8px 0;margin:0 8px;padding:8px 4px 12px}.chalkboard-group+.chalkboard-group{border-left:0}.chalkboard-tray .chalkboard-tool span{display:none}.chalkboard-tray .chalkboard-clear.is-armed span{display:inline}.chalkboard-group{padding:0 6px}}@media (prefers-reduced-motion:reduce){.chalkboard-dialog,.board-launcher,.chalkboard-tray .chalk-stick{transition:none;animation:none}}@media print{.board-launcher{display:none}}[data-motion=off] .chalkboard-dialog,[data-motion=off] .board-launcher,[data-motion=off] .chalk-stick{transition:none;animation:none}