.annotate-surface{position:relative;touch-action:pan-y pinch-zoom}.annotate-surface[data-over-ink]{cursor:pointer}.mushaf-zoom .mushaf-frame{width:calc(var(--mushaf-column) * var(--mushaf-zoom, 1))}:root[data-zoomed] .mushaf-zoom{overflow:auto;max-height:calc(100dvh - var(--mushaf-chrome));overscroll-behavior:contain}:root[data-zoomed] .mushaf-zoom .annotate-surface{touch-action:pan-x pan-y pinch-zoom}.mark-overlay{position:absolute;inset:0;pointer-events:none;z-index:0}.mushaf-page .mushaf-lines{z-index:1}.mark-overlay__page{position:absolute;inset:0}.mark,.mark-selection{position:absolute}.mark-selection{border-radius:.1em;background-color:color-mix(in srgb,var(--accent) 18%,transparent)}.mark-selection[data-anchor=boundary]{border-radius:0;background-color:var(--accent)}.mark[data-line-style=dashed],.mark[data-line-style=dotted],.mark[data-line-style=double],.mark[data-line-style=solid-thick],.mark[data-line-style=solid-thin],.mark[data-line-style=solid]{border-bottom-color:var(--mark-color);border-bottom-width:var(--mark-stroke);padding-bottom:var(--mark-offset)}.mark[data-line-style=solid-thick],.mark[data-line-style=solid-thin],.mark[data-line-style=solid]{border-bottom-style:solid}.mark[data-line-style=dashed]{border-bottom-style:dashed}.mark[data-line-style=dotted]{border-bottom-style:dotted}.mark[data-line-style=double]{border-bottom-style:double}.mark[data-line-style=tick]{background-color:var(--mark-color);border-radius:calc(var(--mark-stroke) / 2)}.mark[data-line-style=bracket]{border-block:var(--mark-stroke) solid var(--mark-color);opacity:.75}.mark[data-pending]{opacity:.55}.write-state{display:flex;overflow:hidden;align-items:baseline;gap:.35rem;width:var(--mushaf-column,100%);min-height:1rem;margin-inline:auto;margin-block:0 .35rem;font-size:.625rem;font-weight:600;letter-spacing:var(--lux-tracking-caption);line-height:1.6;text-transform:uppercase;white-space:nowrap}.write-state__label{flex:none;color:var(--fg-subtle)}.write-state__value{overflow:hidden;flex:0 1 auto;min-width:0;color:var(--fg-muted);text-overflow:ellipsis}.write-state__value+.write-state__label{padding-inline-start:.35rem;border-inline-start:1px solid var(--border-subtle)}.note-composer{position:absolute;z-index:4;display:flex;flex-direction:column;gap:.35rem;min-width:16rem;max-width:min(24rem,80vw);padding:.6rem;border:1px solid var(--border-subtle);border-radius:var(--lux-radius);background-color:var(--surface);box-shadow:0 6px 24px rgb(0 0 0/.18)}.note-composer__meta{display:flex;align-items:center;gap:.4rem;color:var(--fg-subtle);font-size:.75rem}.note-composer__swatch{width:.7rem;height:.7rem;border-radius:999px;background-color:var(--mark-color)}.note-composer textarea{width:100%;min-height:4.5rem;max-height:40vh;padding:.35rem .5rem;border:0;border-radius:0;background-color:var(--lux-field);color:var(--fg);font-family:inherit;font-size:.9rem;line-height:1.45;resize:vertical;field-sizing:content}.note-composer textarea:focus{outline:2px solid var(--accent);outline-offset:-2px}.note-composer__read{margin:0;color:var(--fg);font-size:.9rem;white-space:pre-wrap}.note-composer__hint{color:var(--fg-subtle);font-size:.7rem}:root{--reader-strip:min(100%,max(var(--mushaf-column,100%),52rem))}.tool-bar{position:sticky;bottom:0;z-index:2;display:flex;flex-direction:column;gap:.4rem;width:var(--reader-strip);margin-inline:auto;padding:.45rem .7rem;border:1px solid var(--border-subtle);border-radius:var(--lux-radius);background-color:var(--surface-raised)}.tool-bar__row{flex-wrap:wrap}.tool-bar__row,.tool-bar__tool{display:flex;align-items:center;gap:.4rem}.tool-bar__tool{padding:.3rem .55rem;border:1px solid transparent;border-radius:var(--lux-radius);color:var(--fg-muted);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out}.tool-bar__tool:hover,.tool-bar__tool[aria-pressed=true]{background-color:var(--surface);color:var(--fg)}.tool-bar__tool[aria-pressed=true]{border-color:var(--border-strong)}.tool-bar__key{min-width:1.1rem;padding:0 .2rem;border-radius:calc(var(--lux-radius) / 2);background-color:var(--surface-sunken);color:var(--fg-subtle);font-size:.65rem;font-weight:500;letter-spacing:0;text-align:center}.tool-bar__sample{width:1.6rem;height:.75rem;font-size:1.4rem;border-bottom:var(--mark-stroke) var(--mark-border-style) var(--mark-color)}.tool-bar__sample[data-line-style=tick]{width:var(--mark-stroke);height:.85rem;border-bottom:0;background-color:var(--mark-color)}.guest-notice{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.guest-notice__label{padding:.05rem .4rem;border-radius:var(--lux-radius);background-color:var(--surface-sunken);color:var(--fg-muted);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase}.guest-notice__warning{color:var(--fg-subtle);font-size:.72rem;white-space:nowrap}.guest-notice__save{padding:.2rem .5rem;border-radius:var(--lux-radius);background-color:var(--accent);color:var(--accent-fg);font-size:.72rem;font-weight:500;text-decoration:none;white-space:nowrap}.guest-notice__save:hover{background-color:var(--accent-hover)}.tool-bar__divider{width:1px;align-self:stretch;margin-inline:.2rem;background-color:var(--border-subtle)}.tool-bar__hint{padding-top:.4rem;border-top:1px solid var(--border-subtle);font-size:.75rem;line-height:1.45;overflow-wrap:anywhere}.tool-bar__hint:empty{display:none}.tool-bar__hint[data-tone=alert]{color:var(--mark-red)}.tool-bar__hint[data-tone=quiet]{color:var(--fg-subtle)}.tool-bar__spacer{flex:1}.zoom{border:1px solid var(--border-subtle);border-radius:var(--lux-radius);background-color:var(--surface)}.zoom,.zoom__level,.zoom__step{display:flex;align-items:center}.zoom__level,.zoom__step{justify-content:center;min-height:1.5rem;padding:.15rem .4rem;border:0;background:none;color:var(--fg-muted);cursor:pointer}.zoom__level:hover,.zoom__step:hover:not(:disabled){background-color:var(--surface-sunken);color:var(--fg)}.zoom__step:disabled{opacity:.35;cursor:default}.zoom__step:first-child{border-start-start-radius:var(--lux-radius);border-end-start-radius:var(--lux-radius)}.zoom__step:last-child{border-start-end-radius:var(--lux-radius);border-end-end-radius:var(--lux-radius)}.zoom__level{min-width:3rem;border-inline:1px solid var(--border-subtle);color:var(--fg);font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}.layer-panel{position:relative;z-index:3;display:flex;flex-direction:column;gap:.3rem;width:var(--reader-strip);margin-inline:auto;padding:.6rem .7rem;border:1px solid var(--border-subtle);border-radius:var(--lux-radius);background-color:var(--surface-raised);font-size:.8rem}.layer-panel__title{color:var(--fg-muted);font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.layer-panel__row{display:flex;align-items:center;gap:.5rem}.layer-panel__name{flex:1}.layer-panel__target{padding:.05rem .4rem;border-radius:var(--lux-radius);background-color:var(--accent);color:var(--accent-fg);font-size:.65rem;white-space:nowrap}.layer-panel__readonly{color:var(--fg-subtle);font-size:.65rem}.layer-panel__empty{color:var(--fg-subtle)}.layer-panel__nothing{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.layer-panel__rename{flex:1;min-width:6rem;padding:.2rem .4rem;border:0;background-color:var(--lux-field);color:var(--fg);font-size:.8rem}.layer-panel__rename:focus{outline:2px solid var(--accent);outline-offset:-2px}.layer-panel__action{padding:.15rem .35rem;border:0;background:none;color:var(--fg-subtle);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.layer-panel__action:hover{color:var(--fg)}.layer-panel__action--danger:hover{color:var(--mark-red)}.layer-panel__action:disabled{opacity:.4;cursor:default}.layer-panel__new{display:flex;align-items:center;gap:.5rem;margin-top:.2rem;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.layer-panel__new input[type=text]{flex:1;min-width:6rem;padding:.25rem .4rem;border:0;background-color:var(--lux-field);color:var(--fg);font-size:.8rem}.layer-panel__new input[type=text]:focus{outline:2px solid var(--accent);outline-offset:-2px}.layer-panel__scope{display:flex;align-items:center;gap:.3rem;color:var(--fg-muted);font-size:.7rem;white-space:nowrap}.layer-panel__error{color:var(--mark-red);font-size:.72rem}