:root{--bg:#FBFCFE;--surface:#fff;--text:#0B0F14;--muted:#6b7480;--border:#e8eef5;--primary:#4C7DF0}
[data-theme="dark"]{--bg:#0B0F14;--surface:#111722;--text:#E8EEF5;--muted:#95a2b2;--border:#1e2735;--primary:#6f9aff}
.board{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.06), 0 6px 20px rgba(0,0,0,.06);min-height:70vh;overflow:hidden}
.toolbar{display:flex;gap:8px;flex-wrap:wrap}
.note-text{min-height:70vh;padding:18px}
.note-text a{color:var(--primary);text-decoration:underline}
code.cpp{font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;background:rgba(76,125,240,.08);border:1px dashed var(--border);padding:2px 4px;border-radius:6px}

/* Canvas */
.canvas-wrap{position:relative;height:70vh;touch-action:none}
#noteCanvas{display:block;width:100%;height:100%;background:#fff}
.textbox{position:absolute;min-width:120px;min-height:28px;border:1px dashed var(--primary);background:var(--surface);color:var(--text);padding:6px 8px;border-radius:8px;outline:none}