:root{--bg: #f3f4f6;--panel: #fff;--ink: #1c1c1e;--muted: #6b6b70;--line: #d8d8dc;--accent: #3b82f6}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;gap:12px;padding:6px 16px;height:48px;background:#f1f3f5;flex:0 0 auto}.brand{font-weight:600}.document-title{background:#fff;padding:8px 16px;border-radius:8px 8px 0 0;align-self:end;margin-bottom:-6px;max-width:40vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.who{margin-left:auto;color:var(--muted);font:inherit;padding:4px 6px;border:1px solid transparent;border-radius:6px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.who{color:var(--accent)}a.who:hover{border-color:var(--line);text-decoration:underline}.zoom{display:flex;gap:4px}.zoom button,#reload{padding:5px;width:32px;height:32px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer}.iconic{display:inline-flex;align-items:center;justify-content:center}.icon{width:18px;height:18px;display:block}button.linkish{padding:0;border:none;background:none;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}#annotation-toolbar{flex:0 0 auto;position:relative;z-index:30}#app{flex:1 1 auto;display:flex;min-height:0}#annotation-inspector{flex:0 0 300px;width:300px;overflow:auto;background:var(--panel);border-left:1px solid var(--line);position:relative;z-index:45}.pages{flex:1 1 auto;min-width:0;overflow:auto;padding:10px;display:flex;flex-direction:column;align-items:safe center;gap:16px;-webkit-overflow-scrolling:touch}.page{position:relative;background:#fff;box-shadow:0 1px 4px #0003;flex:0 0 auto;touch-action:pan-x pan-y}.page>canvas,.page>.text-layer{position:absolute;inset:0;width:100%;height:100%}.page>canvas{display:block}.text-layer{overflow:hidden;line-height:1}.text-layer span{position:absolute;white-space:pre;transform-origin:0 0;color:transparent}.text-layer ::selection{background:#3060c059}.ann-ui-overlay [data-annotation-id]>g>rect[fill=transparent],.ann-ui-overlay [data-handle=move]{stroke-width:0}.toast{position:fixed;z-index:11000;left:50%;bottom:24px;transform:translate(-50%);max-width:min(90vw,640px);background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .15s}.toast.visible{opacity:1}dialog{border:none;border-radius:12px;padding:20px;max-width:90vw}dialog::backdrop{background:#0006}dialog input{width:100%;padding:8px;font:inherit;border:1px solid var(--line);border-radius:6px;margin-bottom:12px}.pass{color:#2e7d32}.fail{color:#c62828;font-weight:600}.empty,.note{color:var(--muted)}button.primary{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer}button.danger{background:none;color:#c62828;border:1px solid var(--line);border-radius:6px;padding:8px 14px;cursor:pointer}#admin{max-width:760px;margin:0 auto;padding:24px;overflow:auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:16px}.card h2{margin-top:0;font-size:16px}.card input[type=text],.card input[type=password]{width:100%;padding:8px;margin-bottom:8px;border:1px solid var(--line);border-radius:6px;font:inherit}#documents{width:100%;border-collapse:collapse;margin-top:12px}#documents td{padding:8px 4px;border-bottom:1px solid var(--line);vertical-align:top}#documents td a{overflow-wrap:anywhere}.delete-name{font-weight:600;overflow-wrap:anywhere}.delete-ack{display:flex;align-items:center;gap:8px;margin-bottom:16px}.delete-ack input[type=checkbox]{width:auto;margin:0}.dialog-actions{display:flex;gap:8px;justify-content:flex-end}.dialog-actions button[disabled]{opacity:.5;cursor:not-allowed}.notice{max-width:40rem;margin:0 auto;padding:48px 24px}.notice h1{font-size:1.4rem;margin-bottom:12px}.notice p{margin-bottom:12px;line-height:1.5}@media(max-width:879px){.document-title{max-width:28vw;font-size:12px;padding-inline:8px}.topbar{padding:6px 8px;gap:6px}.who{font-size:12px;padding:2px}#signout{font-size:12px;flex:0 0 auto}#annotation-inspector{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:60dvh;border-radius:12px 12px 0 0;box-shadow:0 -8px 32px #0002;border-left:none;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);margin-bottom:var(--keyboard-inset, 0px)}.pages{padding:8px}}@media print{.topbar,#annotation-toolbar,#annotation-inspector,#toast,dialog,.ann-ui{display:none!important}body{height:auto!important;display:block!important;overflow:visible!important;background:#fff}#app{display:block!important}.pages{display:block!important;overflow:visible!important;padding:0!important}.page{width:var(--print-page-width, fit-content)!important;height:var(--print-page-height, auto)!important;max-width:100%;max-height:100vh;break-inside:avoid;break-after:page;box-shadow:none!important;margin:0 auto!important;transform:none!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.page:last-child{break-after:auto}.page>canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.page>.text-layer,.ann-selection,.ann-preview{display:none!important}.ann-ui-overlay{display:block!important}@page{margin:0}}