:root{--bar-bg:#1f2933;--bar-fg:#f5f7fa;--muted:#9aa5b1;--accent:#3498db;--warn:#d99b28;--ok:#52c41a;--tap:44px}*{box-sizing:border-box}html,body{touch-action:manipulation;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;background:#e4e7eb;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.chrome{z-index:30;position:sticky;top:0}.bar{background:var(--bar-bg);color:var(--bar-fg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.4rem .75rem;display:flex}.bar+.bar{background:#323f4b}.bar-group{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.deck-title{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;font-weight:600;overflow:hidden}.muted{color:var(--muted);font-size:.85rem}.counter{text-align:center;font-variant-numeric:tabular-nums;min-width:3.5rem}.btn{min-height:var(--tap);min-width:var(--tap);color:var(--bar-fg);font:inherit;cursor:pointer;touch-action:manipulation;background:#3e4c59;border:1px solid #52606d;border-radius:8px;padding:0 .75rem;font-size:.95rem}.btn:hover{border-color:var(--accent)}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn.active,.btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);font-weight:600}.btn-warn{background:var(--warn);border-color:var(--warn);color:#1f2933;font-weight:600}.field{min-height:var(--tap);color:var(--muted);align-items:center;gap:.4rem;font-size:.9rem;display:flex}.field select{min-height:var(--tap);color:var(--bar-fg);font:inherit;background:#3e4c59;border:1px solid #52606d;border-radius:8px;padding:0 .5rem}.field.checkbox input{width:22px;height:22px}input[type=color]{width:var(--tap);height:var(--tap);background:#3e4c59;border:1px solid #52606d;border-radius:8px;padding:2px}input[type=range]{width:7rem;height:var(--tap)}.control.chrome-collapsed #navBar,.control.chrome-collapsed #inkBar{display:none}.control.chrome-collapsed .bar{padding:.15rem .75rem}.control.chrome-collapsed .deck-title{max-width:18ch;font-size:.85rem;font-weight:500}.control.chrome-collapsed #presence,.compact-tools{display:none}.control.chrome-collapsed .compact-tools{display:flex}.control:not(.has-lease) .compact-tools,.control:not(.annotating) .compact-tools{opacity:.45}.btn.swatch{min-width:var(--tap);background:#3e4c59;padding:0;position:relative}.btn.swatch:after{content:"";background:var(--swatch,red);border-radius:6px;position:absolute;inset:8px;box-shadow:inset 0 0 0 1px #ffffff40}.btn.swatch[aria-pressed=true]{background:#3e4c59;border-color:#fff;box-shadow:0 0 0 2px #ffffff80}#swatchRed{--swatch:red}#swatchBlue{--swatch:#1d4ed8}#swatchGreen{--swatch:#15803d}.control.chrome-collapsed .btn{padding:0 .5rem;font-size:.9rem}.pill{background:#52606d;border-radius:999px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.pill[data-status=live]{background:var(--ok);color:#12321a}.pill[data-status=reconnecting]{background:var(--warn);color:#2b2000}.pill[data-status=closed]{background:#d64545}.deck-viewport{background:#fff;position:relative;overflow-x:hidden}.control.has-lease.annotating .deck-viewport:before,.control.has-lease.annotating .deck-viewport:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(90deg,#3498db17,#3498db00);width:28px;position:absolute;top:0;bottom:0}.control.has-lease.annotating .deck-viewport:before{left:0}.control.has-lease.annotating .deck-viewport:after{right:0;transform:scaleX(-1)}.deck-viewport>*{transform-origin:0 0}.annotation-overlay{pointer-events:none;position:absolute;inset:0}.annotation-overlay canvas{touch-action:none}.control.has-lease.annotating .annotation-overlay canvas{pointer-events:auto;cursor:crosshair}.control:not(.has-lease) .toolbar-ink,.control:not(.annotating) .toolbar-ink{opacity:.45}.annotation-overlay canvas{width:100%;height:100%;display:block}.slide{position:relative}.current-focus{outline-offset:3px;outline:3px solid #3498db8c}.laser-dot{pointer-events:none;z-index:50;opacity:0;background:radial-gradient(circle,#ff3c3cf2 0%,#ff3c3c00 70%);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:opacity .25s;position:fixed;top:0;left:0}.version-badge{z-index:80;letter-spacing:.02em;color:#9aa5b1;pointer-events:none;-webkit-user-select:none;user-select:none;background:#1f29330f;border:1px solid #1f29331a;border-radius:999px;padding:.32rem .5rem;font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:.65rem;right:.75rem}.version-badge.stale{color:#6b4b00;background:#d99b282e;border-color:#d99b288c}.toast{color:#f5f7fa;z-index:60;background:#1f2933;border-radius:10px;max-width:min(90vw,34rem);padding:.8rem 1.2rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000004d}.notice{color:#f5f7fa;z-index:60;background:#1f2933e6;border-radius:10px;padding:.7rem 1.1rem;font-size:1rem;position:fixed;bottom:1.25rem;right:1.25rem}.display{background:#fff}.display .deck-viewport{min-height:100vh}.display *{-webkit-user-select:none;user-select:none}
