.reading-board-plane{position:fixed;inset:0;z-index:9;background:transparent;touch-action:none;outline:0;cursor:none}
.reading-board-plane[data-mode=navigate]{pointer-events:none;touch-action:auto}
.reading-board-plane>svg{width:100%;height:100%;display:block;pointer-events:none;overflow:hidden}
.reading-board-plane:focus-visible{box-shadow:inset 0 0 0 2px var(--accent,#14766e)}
.reading-board-cursor-halo,.reading-board-cursor-edge{fill:none;stroke-width:1;vector-effect:non-scaling-stroke}.reading-board-cursor-halo{stroke:#fff;stroke-width:3}.reading-board-cursor-edge{stroke:#152c38}
.reading-board-panel{position:fixed;z-index:25;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(920px,calc(100vw - 24px));max-height:48dvh;overflow:auto;padding:10px 12px;border:1px solid var(--line,#cbdadd);border-radius:12px;background:var(--paper,#fff);color:var(--ink,#193345);box-shadow:0 6px 30px #0003;font:13px/1.4 'Segoe UI',system-ui,sans-serif}
.reading-board-panel[hidden]{display:none}.reading-board-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:7px}.reading-board-heading strong{font-size:13px}.reading-board-heading span{font-size:11px;color:var(--muted,#526979)}
.reading-board-tools{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.reading-board-tools button,.reading-board-help button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:7px;font-size:12px;line-height:1.2;touch-action:manipulation}.reading-board-panel button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.reading-board-tools button[aria-pressed=true]{background:var(--soft,#e8f5f0);border-color:var(--accent,#14766e);box-shadow:inset 0 -2px var(--accent,#14766e)}
.reading-board-tools label{display:inline-flex;align-items:center;gap:5px;margin:0 2px;font-size:11px;font-weight:400}.reading-board-colors{display:flex;gap:4px}.reading-board-colors button span{width:22px;height:22px;border-radius:50%;background:var(--swatch);border:1px solid var(--line,#cbdadd)}.reading-board-width input{width:90px;max-width:90px;min-width:0;min-height:44px;accent-color:var(--accent,#14766e)}.reading-board-width output{min-width:16px}
.reading-board-panel p{margin:6px 0 0;font-size:12px;line-height:1.45}.reading-board-status{color:var(--muted,#526979)}.reading-board-layout{padding:6px 8px;background:var(--soft,#e8f5f0);border-left:3px solid var(--accent,#14766e)}.reading-board-layout[hidden]{display:none}.reading-board-extras{display:flex;flex-wrap:wrap;gap:0 16px}.reading-board-help,.reading-board-options{margin:0;padding:0;border:0;font-size:12px}.reading-board-extras details[open]{flex-basis:100%}.reading-board-extras summary{font-size:12px;font-weight:500;cursor:pointer;min-height:36px;padding:10px 0}.reading-board-extras details[open] summary{margin-bottom:2px}.reading-board-help p{font-size:12px;max-width:760px}
@media(max-width:560px){.reading-board-panel{bottom:8px;max-width:calc(100vw - 16px);width:calc(100vw - 16px);padding:8px;max-height:42dvh;border-radius:10px}.reading-board-heading{gap:2px;margin-bottom:6px}.reading-board-heading span{flex-basis:100%;font-size:10px}.reading-board-tools{gap:4px}.reading-board-tools button{min-width:44px;min-height:44px;padding:6px}.reading-board-tools button span{font-size:11px}.reading-board-tools label{font-size:10px}.reading-board-status{font-size:11px!important}}
@media print{.reading-board-panel,.reading-board-plane{display:none!important}}