:root{--bg:#e8e8ee;--dot:#c5c5d0;--ink:#1d1d22;--muted:#6b6b78;--accent:#2563eb;--accent-soft:#e0eaff;--panel:#ffffffeb;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden}.viewport{--vx:0px;--vy:0px;--vz:1;background-color:var(--bg);background-image:radial-gradient(var(--dot) 1.2px, transparent 1.4px);background-size:calc(28px * var(--vz)) calc(28px * var(--vz));background-position:var(--vx) var(--vy);cursor:grab;touch-action:none;position:fixed;inset:0;overflow:clip}.viewport.pan-ready,.viewport.pan-ready .page,.viewport.pan-ready .mention{cursor:grab}.viewport.pan-ready .page-body,.viewport.pan-ready .page-title{-webkit-user-select:none;user-select:none}.viewport.panning *,.viewport.panning,.viewport.panning .page,.viewport.panning .mention{-webkit-user-select:none;user-select:none;cursor:grabbing}.world{transform-origin:0 0;position:absolute;top:0;left:0}.links{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.link{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round}.arrowhead{fill:var(--accent)}.page{--inner:642px;--sheet-h:1123px;--grip-h:34px;--pad-top:44px;--title-h:48px;--title-gap:16px;--pager-h:64px;--body-h:calc(var(--sheet-h) - var(--grip-h) - var(--pad-top) - var(--title-h) - var(--title-gap) - var(--pager-h));width:794px;height:var(--sheet-h);cursor:auto;background:#fff;flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 1px 3px #0000001f,0 12px 40px #14143224}.page.flash{animation:1.2s ease-out flash}@keyframes flash{0%{box-shadow:0 0 0 6px var(--accent), 0 12px 40px #14143224}}.grip{height:var(--grip-h);color:var(--muted);cursor:move;-webkit-user-select:none;user-select:none;background:#f1f1f6;border-bottom:1px solid #e3e3ec;flex:none;justify-content:space-between;align-items:center;padding:0 10px 0 16px;font-size:13px;display:flex}.grip:hover{background:#e9e9f1}.grip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.close{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;font-size:20px;line-height:1}.close:hover{background:#00000014}.page-title{font:inherit;height:var(--title-h);margin-bottom:var(--title-gap);width:100%;color:inherit;background:0 0;border:0;outline:0;flex:none;padding:0;font-size:34px;font-weight:700;line-height:1.2}.page-main{min-height:0;padding:var(--pad-top) 76px 0;flex-direction:column;flex:1;display:flex}.page-clip{flex:1;min-height:0;position:relative;overflow:hidden}.page-body{white-space:pre-wrap;overflow-wrap:anywhere;column-width:var(--inner);column-fill:auto;outline:0;column-gap:0;width:100%;font-size:16px;line-height:1.65;position:absolute;top:0;bottom:0;left:0}.world.fit-contents .page{height:auto}.world.fit-contents .page-main,.world.fit-contents .page-clip{flex:none}.world.fit-contents .page-body{height:auto;min-height:120px;max-height:var(--body-h);position:static}.pager{height:var(--pager-h);color:var(--muted);-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex}.pager button{width:30px;height:30px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d4d4dc;border-radius:50%;font-size:18px;line-height:1}.pager button:hover:not(:disabled){background:#f1f1f6}.pager button:disabled{opacity:.35;cursor:default}.count{text-align:center;min-width:48px}.mention{color:var(--accent);background:var(--accent-soft);text-underline-offset:2px;cursor:pointer;border-radius:4px;padding:0 3px;text-decoration:underline}.mention:hover{background:#cddcff}.toolbar{z-index:10;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;align-items:center;gap:6px;padding:6px 8px;display:flex;position:fixed;top:12px;left:12px;box-shadow:0 2px 10px #00000026}.brand{margin:0 6px;font-size:14px}.toolbar button{font:inherit;cursor:pointer;background:#fff;border:1px solid #d4d4dc;border-radius:6px;padding:4px 10px;font-size:13px}.toolbar button:hover{background:#f1f1f6}.sep{background:#d4d4dc;width:1px;height:20px;margin:0 4px}.zoom-label{text-align:center;min-width:42px;color:var(--muted);font-size:13px}.autocomplete{z-index:20;background:#fff;border-radius:8px;min-width:200px;max-width:320px;max-height:300px;padding:4px;font-size:14px;position:fixed;overflow-y:auto;box-shadow:0 0 0 1px #00000014,0 8px 24px #14143233}.autocomplete[hidden]{display:none}.suggestion{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:6px 10px;overflow:hidden}.suggestion.active{background:var(--accent-soft)}.suggestion b{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.suggestion.create{color:var(--muted)}