:root{color:#f4f7fb;background:radial-gradient(circle at top left,rgba(120,214,198,.18),transparent 28%),radial-gradient(circle at top right,rgba(255,180,84,.16),transparent 24%),linear-gradient(180deg,#081217,#09161c 60%,#060d12);font-family:Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden}button{border:1px solid rgba(120,214,198,.25);background:#071218d9;color:#f4f7fb;border-radius:999px;padding:.85rem 1.1rem;font-size:.92rem;cursor:pointer;min-height:44px}button:disabled{opacity:.45;cursor:not-allowed}button.active-tool{border-color:#ffd54fb3;color:#ffd54f}.app-shell{min-height:100vh}.toolbar{min-height:96px;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(120,214,198,.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.toolbar h1,.viewer-toolbar h2{margin:.2rem 0 0;font-size:1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#78d6c6;font-size:.72rem}.toolbar-actions,.viewer-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.color-palette{display:flex;align-items:center;gap:.45rem}.color-swatch{width:36px;min-width:36px;min-height:36px;padding:0;border-radius:999px;border:2px solid rgba(255,255,255,.18);background:var(--swatch-color)}.color-swatch.is-selected{outline:3px solid rgba(255,255,255,.85)}.toolbar-meta,.viewer-meta,.viewer-page-count,.viewer-page-indicator{color:#9ab8c4;font-size:.92rem}.toolbar-search{min-width:220px;min-height:44px;border-radius:999px;border:1px solid rgba(120,214,198,.2);background:#0b161ceb;color:#f4f7fb;padding:0 1rem;font:inherit}.board-shell{position:relative;height:calc(100vh - 112px)}.board-scroll{width:100%;height:100%;overflow:auto}.board-stage{display:block}.board-help{position:absolute;right:1rem;bottom:1rem;background:#060e12d1;border:1px solid rgba(120,214,198,.14);border-radius:999px;padding:.65rem .95rem;font-size:.88rem;color:#c9d7df}.viewer-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#060e12f5,#071116fa),radial-gradient(circle at top right,rgba(255,180,84,.12),transparent 25%);z-index:30}.viewer-toolbar{height:96px;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(120,214,198,.12)}.viewer-stage{height:calc(100vh - 96px);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:grab;touch-action:none}.viewer-stage:active{cursor:grabbing}.viewer-image,.viewer-canvas{max-width:none;max-height:none;box-shadow:0 18px 54px #00000073;border-radius:12px}.viewer-content{position:relative;transform-origin:center center}.annotation-overlay-frame{position:absolute;top:0;right:0;bottom:0;left:0}.annotation-overlay{position:relative;-webkit-user-select:none;user-select:none;touch-action:none}.annotation-svg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.annotation-note{position:absolute;min-width:130px;max-width:220px;text-align:left;padding:.8rem .9rem;background:#fff4a3eb;color:#222;border:1px solid rgba(101,79,0,.25);box-shadow:0 12px 30px #00000040;cursor:grab;min-height:54px;border-radius:14px;touch-action:none}.annotation-note:active{cursor:grabbing}.annotation-note.is-selected{outline:3px solid rgba(255,255,255,.85)}.note-editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a0e59;display:grid;place-items:center;z-index:50;padding:1rem}.note-editor-card{width:min(520px,100%);background:#081217f7;border:1px solid rgba(120,214,198,.18);border-radius:20px;padding:1rem;box-shadow:0 20px 60px #0006}.note-editor-input{width:100%;min-height:180px;resize:vertical;margin-top:.75rem;border-radius:16px;border:1px solid rgba(120,214,198,.18);background:#0f1c22fa;color:#f4f7fb;padding:1rem;font:inherit}.note-editor-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:1rem}.viewer-error{color:#ff9d9d;background:#570f0f73;border:1px solid rgba(255,157,157,.25);padding:1rem;border-radius:12px}.viewer-page-indicator{position:absolute;left:1.5rem;bottom:1rem}.viewer-page-count{position:absolute;right:1.5rem;bottom:1rem}.status-screen{min-height:100vh;display:grid;place-items:center;color:#f5f7fa;font-size:1.1rem}.status-screen.error{color:#ffb4b4}@media (max-width: 1080px){.toolbar{align-items:flex-start}}