.live-book{--live-book-line:var(--line,#e5e7e1);--live-book-surface:var(--surface,#fff);--live-book-paper:var(--paper,#fafaf8);--live-book-ink:var(--ink,#272c29);--live-book-muted:var(--muted,#727971);display:block;min-width:0;min-height:0;color:var(--live-book-ink)}
.live-book .lo-book-reader,.live-book .lo-document-reader{display:grid;grid-template-rows:auto minmax(0,1fr);height:calc(100dvh - 58px);min-height:520px;max-height:none;overflow:hidden;border:0;border-radius:0;background:var(--live-book-paper);color:var(--live-book-ink);font-family:inherit;font-size:13px;line-height:1.7}
.live-book .lo-reader-toolbar,.live-book .lo-document-toolbar{position:sticky;top:0;z-index:8;min-height:58px;gap:7px;padding:9px 18px;background:var(--live-book-surface);border-bottom:1px solid var(--live-book-line);color:var(--live-book-ink)}
.live-book .lo-reader-toolbar strong,.live-book .lo-document-toolbar strong{font-size:13px;font-weight:500}
.live-book .lo-reader-toolbar button,.live-book .lo-document-toolbar button,.live-book .lo-document-toolbar a{min-height:32px;padding:5px 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--live-book-muted);font-size:12px;white-space:nowrap}
.live-book .lo-reader-toolbar button:hover,.live-book .lo-document-toolbar button:hover,.live-book .lo-document-toolbar a:hover{background:var(--hover,#ecefe9);color:var(--live-book-ink)}
.live-book .lo-reader-toolbar [data-generate],.live-book .lo-document-toolbar [data-generate]{border-color:var(--live-book-line);color:var(--live-book-ink)}
.live-book .lo-reader-toolbar [data-complete],.live-book .lo-document-toolbar [data-complete]{background:var(--accent,#416858);color:#fff}
.live-book .lo-reader-body,.live-book .lo-document-body{display:grid;grid-template-columns:var(--live-notes-width,480px) 7px minmax(0,1fr);height:calc(100% - 58px);min-height:0;background:var(--live-book-paper)}
.live-book .lo-reader-notes,.live-book .lo-document-body > aside{grid-column:1;grid-row:1;order:-1;display:flex;flex-direction:column;min-width:0;height:100%;max-height:none;padding:0 18px 20px;overflow:auto;background:var(--live-book-surface);border:0;border-right:1px solid var(--live-book-line)}
.live-book .lo-reader-content,.live-book .lo-document-body main{grid-column:3;grid-row:1;min-width:0;min-height:0;overflow:auto;background:var(--live-book-paper)}
.live-book :is(.lo-book-reader,.lo-document-reader)[data-study-mode] :is(.lo-reader-body,.lo-document-body){grid-template-columns:var(--live-notes-width,480px) 7px minmax(0,1fr)}
.live-book :is(.lo-book-reader,.lo-document-reader)[data-study-mode="notes"] :is(.lo-reader-content,.lo-document-body main){display:block}
.live-book :is(.lo-book-reader,.lo-document-reader)[data-study-mode="notes"] :is(.lo-reader-notes,.lo-document-body > aside){display:flex;grid-column:1;grid-row:1}
.live-book .lo-reader-pdf,.live-book .lo-reader-text{min-height:100%;background:var(--live-book-paper)}
.live-book .lo-reader-pdf{position:relative;overflow:auto;padding:20px 14px}
.live-book .lo-reader-text{display:none;position:relative;overflow:auto;padding:22px}
.live-book .lo-book-reader[data-reader-view="text"] .lo-reader-pdf{display:none}
.live-book .lo-book-reader[data-reader-view="text"] .lo-reader-text{display:block}
.live-book .lo-book-reader[data-reader-view="pdf"] [data-view-option="text"],.live-book .lo-book-reader[data-reader-view="text"] [data-view-option="pdf"]{display:none}
.live-book .lo-reader-page{position:relative;margin:0 auto 18px;background:#fff;box-shadow:0 3px 14px #1d2a2020}
.live-book .lo-reader-page canvas{display:block}
.live-book .lo-reader-page .textLayer{position:absolute;inset:0;overflow:hidden;line-height:1}
.live-book .lo-reader-page .textLayer span{position:absolute;white-space:pre;transform-origin:0 0;color:transparent;cursor:text}
.live-book .lo-reader-highlight{position:absolute;z-index:1;background:color-mix(in srgb,var(--lo-calm,#D8E7CE) 36%,transparent);mix-blend-mode:multiply;pointer-events:none}
.live-book .lo-reader-highlight.underline{background:transparent;border-bottom:2px solid #91a76a}
.live-book .lo-reader-text-page{max-width:760px;margin:0 auto 28px;padding:4px 30px 25px;background:var(--live-book-surface);border-bottom:1px solid var(--live-book-line)}
.live-book .lo-reader-text-page-label{margin:0 0 22px;color:var(--live-book-muted);font-size:11px;text-align:center}
.live-book .lo-reader-text-block{margin:0 0 1em;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}
.live-book .lo-reader-text-block-body{font:400 var(--lo-reader-font-size,17px)/var(--lo-reader-line-height,1.85) Georgia,"Microsoft YaHei",serif}
.live-book .lo-reader-text-block-heading{font:600 1.35em/1.45 system-ui,-apple-system,"Microsoft YaHei",sans-serif}
.live-book .lo-reader-text-document{padding-bottom:35vh}
.live-book .lo-document-body main>[data-text]{min-height:100%;padding:24px}
.live-book .live-book-tabs{position:sticky;top:0;z-index:4;display:flex;gap:20px;margin:0 -18px 8px;padding:0 18px;background:var(--live-book-surface);border-bottom:1px solid var(--live-book-line)}
.live-book .live-book-tabs button{position:relative;padding:17px 0 14px;color:var(--live-book-muted);font-size:12px}
.live-book .live-book-tabs button[aria-selected=true]{color:var(--live-book-ink);font-weight:600}
.live-book .live-book-tabs button:after{position:absolute;right:0;bottom:-1px;left:0;height:3px;border-radius:2px;background:var(--lo-signal,var(--accent,#416858));content:"";opacity:0;transform:scaleX(.65);transition:opacity 160ms ease,transform 200ms cubic-bezier(.2,.82,.22,1)}
.live-book .live-book-tabs button[aria-selected=true]:after{opacity:1;transform:scaleX(1)}
.live-book .live-book-panels{min-height:0}
.live-book .live-book-panels [data-notes],.live-book .live-book-panels [data-annotations]{min-width:0}
.live-book .live-book-panels h3,.live-book .live-book-panels h4{font-size:13px}
.live-book .lo-reader-annotation,.live-book .lo-document-annotation{padding:15px 0;border-top:1px solid var(--live-book-line);color:var(--live-book-ink);font-size:12px;line-height:1.75}
.live-book .lo-reader-annotation small,.live-book .lo-document-annotation small{color:var(--live-book-muted)}
.live-book .lo-reader-annotation blockquote,.live-book .lo-document-annotation blockquote{margin:9px 0;border-left:2px solid #a1b59b;padding-left:11px;color:var(--live-book-ink)}
.live-book .lo-reader-annotation button,.live-book .lo-document-annotation button{margin:5px 7px 0 0;padding:4px 7px;border-radius:5px;color:var(--live-book-muted);font-size:11px}
.live-book .lo-document-body nav{position:sticky;top:0;left:0;float:left;z-index:3;max-height:45%;border-radius:7px}
.live-book .lo-selection-bar,.live-book .lo-document-selection{display:none!important}
.live-book-annotation-action,.live-book-annotation-popover,.live-book-edit-popover{position:fixed;z-index:100;background:var(--surface,#fff);color:var(--ink,#272c29);border:1px solid var(--line,#e5e7e1);border-radius:8px;box-shadow:0 12px 38px #17251d24}
.live-book-annotation-action{width:32px;height:32px;padding:0;border-radius:50%;font-size:17px;line-height:1;color:var(--accent,#416858)}
.live-book-annotation-action:hover{background:var(--accent-soft,#e7eee7)}
.live-book-annotation-popover{width:min(290px,calc(100vw - 20px));padding:9px}
.live-book-annotation-popover textarea,.live-book-edit-popover textarea{display:block;width:100%;min-height:75px;padding:8px;border:1px solid var(--line,#e5e7e1);border-radius:6px;background:var(--paper,#fafaf8);color:var(--ink,#272c29);font-family:inherit;font-size:12px;line-height:1.65;resize:vertical}
.live-book-annotation-popover footer{display:flex;justify-content:flex-end;gap:5px;margin-top:7px}
.live-book-annotation-popover footer button,.live-book-edit-popover button{width:29px;height:29px;border-radius:5px;color:var(--muted,#727971);font-size:16px}
.live-book-annotation-popover footer button[type=submit]{background:var(--accent,#416858);color:#fff}
.live-book-edit-popover{position:static;padding:8px;margin-top:8px;box-shadow:none}
.live-book-edit-popover button{float:right;margin:5px 0 0 4px}
.live-book ::highlight(live-book-select){background:color-mix(in srgb,var(--lo-calm,#D8E7CE) 36%,transparent);color:inherit}
.live-book ::highlight(live-book-annotations){background:color-mix(in srgb,var(--lo-calm,#D8E7CE) 36%,transparent);color:inherit}
@media(max-width:800px){
  .live-book .lo-book-reader,.live-book .lo-document-reader{height:calc(100dvh - 52px);min-height:0}
  .live-book .lo-reader-toolbar,.live-book .lo-document-toolbar{min-height:54px;flex-wrap:nowrap;overflow-x:auto;padding-inline:10px}
  .live-book .lo-reader-body,.live-book .lo-document-body{display:grid;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) minmax(180px,40%);position:relative;height:calc(100% - 54px)}
  .live-book .lo-reader-content,.live-book .lo-document-body main{grid-column:1;grid-row:1;height:100%;min-height:0}
  .live-book :is(.lo-book-reader,.lo-document-reader)[data-study-mode] :is(.lo-reader-notes,.lo-document-body > aside){grid-column:1;grid-row:2;position:relative;inset:auto;width:100%;height:100%;min-height:0;max-height:none;transform:none;border-top:1px solid var(--live-book-line);border-right:0;box-shadow:none}
  .live-book .lo-reader-notes.is-open,.live-book .lo-document-body > aside.is-open{transform:translateX(0)}
  .live-book .live-book-tabs button{padding-block:14px}
  .live-book .lo-reader-text{padding:15px}
}
.live-book .lo-reader-text-block{color:var(--ink)}.live-book .lo-study-note{font-size:14px;line-height:1.9;margin-bottom:24px}.live-book .lo-study-note h2{font-size:17px;color:var(--ink)}.live-book .lo-study-note small{color:var(--muted)}.live-book :is(.lo-study-formula,.lo-study-example,.lo-study-callout){background:var(--hover);color:var(--ink)}.live-book .lo-study-note th{background:var(--hover)}.live-book .lo-study-note table{min-width:0;max-width:100%}.live-book .lo-reader-text-block-body{font-size:var(--lo-reader-font-size,var(--reader-size));line-height:var(--lo-reader-line-height,var(--reader-line))}.live-book .lo-reader-toolbar,.live-book .lo-document-toolbar{display:flex;flex-wrap:wrap}.live-book .lo-reader-body,.live-book .lo-document-body{height:100%}.live-book .lo-reader-pdf,.live-book .lo-reader-text{height:100%}.live-book .lo-reader-text-layer{position:absolute;inset:0;overflow:hidden;line-height:1}.live-book .lo-reader-text-layer span{position:absolute;white-space:pre;transform-origin:0 0;color:transparent;cursor:text}

.live-book .live-book-divider{grid-column:2;grid-row:1;cursor:col-resize;touch-action:none;background:var(--live-book-paper);position:relative;z-index:5}
.live-book .live-book-divider:hover,.live-book .live-book-divider:focus-visible,.live-book .is-resizing-notes .live-book-divider{background:var(--accent-soft,#e7eee7)}
.live-book .live-book-divider:after{position:absolute;top:45%;bottom:45%;left:3px;width:1px;content:"";background:var(--live-book-muted)}
.live-book .is-resizing-notes{cursor:col-resize;user-select:none}
.live-book .lo-annotation-delete-confirm{display:inline-flex;gap:2px;vertical-align:middle}
.live-book .lo-annotation-delete-confirm .lo-delete-cancel{color:#c43b3b}
.live-book .lo-annotation-delete-confirm .lo-delete-confirm{color:#26834a}
.live-book .lo-annotation-delete-confirm button{width:30px;min-height:30px;margin-right:2px;font-size:18px;line-height:1}
.live-book .lo-reader-scale{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.live-book .lo-reader-scale-input{width:58px;padding:4px;border:1px solid var(--live-book-line);border-radius:5px;background:var(--live-book-surface);color:var(--live-book-ink);font-size:12px;text-align:right}
.live-book .is-active-source{border-left:3px solid var(--accent,#416858);padding-left:10px;background:var(--accent-soft,#e7eee7)}
.live-book .lo-reader-page :is(.textLayer,.lo-reader-text-layer) ::selection{background:color-mix(in srgb,var(--lo-signal,var(--accent)) 24%,transparent);color:transparent}
.live-book .lo-reader-page :is(.textLayer,.lo-reader-text-layer) ::highlight(live-book-select),.live-book .lo-reader-page :is(.textLayer,.lo-reader-text-layer) ::highlight(live-book-annotations){background:color-mix(in srgb,var(--lo-calm,#D8E7CE) 36%,transparent);color:transparent}
@media(max-width:800px){.live-book .live-book-divider{display:none}}

.live-book .lo-note-block{position:relative;display:flow-root}.live-book .lo-note-block-source{float:right;opacity:.35;border:0;background:transparent;color:var(--live-book-muted);padding:1px 5px;margin-left:6px;font-size:13px;line-height:1.6}.live-book .lo-note-block:hover>.lo-note-block-source,.live-book .lo-note-block-source:focus-visible{opacity:1;color:var(--accent,#416858)}

.live-book .lo-pdf-selection-active :is(.textLayer,.lo-reader-text-layer) ::selection{background:transparent;color:transparent}

.live-book .lo-follow-resume{border-color:var(--live-book-line);color:var(--accent,#416858)}
@media(max-width:800px){.live-book .lo-reader-toolbar,.live-book .lo-document-toolbar{flex-wrap:nowrap;overflow-x:auto;max-width:100%;min-width:0}.live-book .lo-reader-toolbar>*,.live-book .lo-document-toolbar>*{flex-shrink:0}.live-book .lo-reader-toolbar strong,.live-book .lo-document-toolbar strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

.reader-notes .tabs .video-follow-progress{flex:0 0 auto;margin-left:8px;padding:6px 8px;align-self:center;border:1px solid var(--line);border-radius:6px;color:var(--accent);font-size:12px}.reader-notes>.video-follow-progress{position:sticky;top:0;padding:6px 8px;background:var(--surface);color:var(--accent)}

.lo-highlight-actions{position:fixed;z-index:110;display:flex;gap:2px;padding:4px;border:1px solid var(--line,#e5e7e1);border-radius:8px;background:var(--surface,#fff);color:var(--ink,#272c29);box-shadow:0 4px 16px #17251d24;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity 180ms cubic-bezier(.2,.82,.22,1),transform 180ms cubic-bezier(.2,.82,.22,1),visibility 0s linear 180ms}
.lo-highlight-actions.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-duration:260ms,260ms,0s;transition-delay:0s}
.lo-highlight-actions button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:inherit;cursor:pointer}
.lo-highlight-actions button:hover,.lo-highlight-actions button:focus-visible{background:var(--hover,#ecefe9);color:var(--accent,#416858)}
.lo-highlight-actions button:focus-visible{outline:2px solid var(--accent,#416858);outline-offset:1px}
.lo-highlight-actions button:disabled{opacity:.4;cursor:default}
.lo-highlight-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){.lo-highlight-actions,.lo-highlight-actions.is-visible{transition:none;transform:none}}

.lo-material-capture-region{position:fixed;z-index:120;cursor:crosshair;touch-action:none;user-select:none;background:#15281d26;overflow:hidden}.lo-material-capture-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #14291d66;pointer-events:none}.lo-material-capture-region>button{position:absolute;right:10px;top:10px;width:28px;height:28px;border:0;border-radius:6px;background:#fff;color:#294858;cursor:pointer;font-size:20px}.live-book [data-capture-material] .icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}

/* Reading materials share one surface; the divider retains the saved width. */
.live-book{--live-book-line:var(--line);--live-book-surface:var(--lo-surface,var(--surface));--live-book-paper:var(--lo-paper,var(--paper));--live-book-ink:var(--lo-ink,var(--ink));--live-book-muted:var(--muted);height:100dvh;box-sizing:border-box;padding:0;background:var(--live-book-paper)}
.live-book .lo-book-reader,.live-book .lo-document-reader{position:relative;height:100dvh;min-height:0;border:0;border-radius:0;background:var(--live-book-surface);box-shadow:none}
.live-book .lo-reader-body,.live-book .lo-document-body,.live-book :is(.lo-book-reader,.lo-document-reader)[data-study-mode] :is(.lo-reader-body,.lo-document-body){position:relative;grid-template-columns:var(--live-notes-width,minmax(0,1fr)) 12px minmax(0,1fr);background:var(--live-book-surface)}
.live-book .lo-reader-notes,.live-book .lo-document-body>aside{padding:0 18px 40px;border-right:0;background:var(--live-book-surface);overscroll-behavior:contain}
.live-book .lo-reader-content,.live-book .lo-document-body main{background:var(--live-book-surface);overscroll-behavior:contain}
.live-book .live-book-divider{background:var(--live-book-surface);border-inline:1px solid var(--live-book-line)}
.live-book .live-book-divider:after{left:4px;width:2px;top:calc(50% - 20px);bottom:calc(50% - 20px);border-radius:2px;background:var(--live-book-muted)}
.live-book .live-book-divider:focus-visible{outline:2px solid var(--lo-signal,var(--accent));outline-offset:-2px}
.live-book .lo-reader-toolbar,.live-book .lo-document-toolbar{gap:6px;padding:9px 14px;background:var(--live-book-surface)}
.live-book .lo-reader-toolbar strong,.live-book .lo-document-toolbar strong{max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650}
.live-book :is(.lo-reader-toolbar,.lo-document-toolbar) :is(button,a){display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;border-radius:5px;font-size:12px;transition:background 160ms cubic-bezier(.2,.82,.22,1),color 160ms cubic-bezier(.2,.82,.22,1),transform 120ms cubic-bezier(.2,.82,.22,1),box-shadow 120ms cubic-bezier(.2,.82,.22,1)}
.live-book :is(.lo-reader-toolbar,.lo-document-toolbar) .icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.live-book :is(.lo-reader-toolbar,.lo-document-toolbar) input{min-height:38px;max-width:100%;border:1px solid var(--live-book-line);border-radius:5px;background:var(--live-book-surface);color:var(--live-book-ink)}
.live-book :is(.lo-reader-toolbar,.lo-document-toolbar) [data-generate]{background:var(--lo-signal,var(--accent));border-color:var(--lo-signal,var(--accent));color:#fff;box-shadow:3px 3px 0 var(--live-book-ink)}
.live-book :is(.lo-reader-toolbar,.lo-document-toolbar) [data-generate]:not(:disabled):active{transform:translateY(3px);box-shadow:0 0 0 transparent}
.live-book :is(.lo-reader-toolbar,.lo-document-toolbar) [data-complete]{background:transparent;color:var(--live-book-ink);border-color:var(--live-book-line)}
.live-book :is(.lo-reader-toolbar,.lo-document-toolbar) [data-complete]:disabled{background:color-mix(in srgb,var(--lo-calm,#D8E7CE) 30%,var(--live-book-surface));opacity:.7}
.live-book :is(button,a,input,textarea):focus-visible{outline:2px solid var(--lo-signal,var(--accent));outline-offset:3px}
.live-book button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}
.live-book .live-book-tabs{gap:22px;margin-inline:0;padding-inline:0;min-height:56px}
.live-book .live-book-tabs button{min-height:48px;font-size:14px}
.live-book .live-book-tabs button[aria-selected=true]:after{height:3px;background:var(--lo-signal,var(--accent))}
.live-book .lo-study-note{font-size:var(--lo-reader-font-size,17px);line-height:var(--lo-reader-line-height,1.85);max-width:72ch;padding:18px 0 26px;margin:0 auto 26px;border-top:0;border-color:var(--live-book-line);overflow-wrap:anywhere}
.live-book .lo-study-note h2{font-family:inherit;font-size:clamp(20px,1.65vw,25px);font-weight:700;line-height:1.4;letter-spacing:-.025em;color:var(--live-book-ink)}
.live-book .lo-study-note h3,.live-book .lo-study-note h4{font-size:1.05em;line-height:1.5}
.live-book :is(.lo-book-reader,.lo-document-reader) .lo-reader-note.is-current{border-left:0;padding-left:0;background:var(--live-book-surface);color:var(--live-book-ink)}
.live-book :is(.lo-book-reader,.lo-document-reader) .lo-note-block.is-active-source{border-left:0;padding-left:0;background:transparent;color:var(--live-book-ink)}
.live-book .lo-note-block.is-active-source:before{position:absolute;left:-12px;top:12px;width:3px;height:20px;border-radius:2px;background:var(--lo-signal,var(--accent));content:""}
.live-book .lo-note-block-source{float:right;opacity:.7;min-width:32px;min-height:32px;display:grid;place-items:center;color:var(--lo-signal,var(--accent));font-size:16px}
.live-book .lo-study-note [data-note-source]{min-height:36px;padding:5px 0;font-family:ui-monospace,monospace;font-size:12px;color:var(--live-book-muted)}
.live-book :is(.lo-study-formula,.lo-study-example,.lo-study-callout){background:transparent;border-radius:0;padding:10px 14px;color:var(--live-book-ink)}
.live-book .lo-study-formula{border-block:1px solid var(--live-book-line);max-width:100%;overflow-x:auto}
.live-book .lo-study-formula dl>div{flex-wrap:wrap}
.live-book .lo-study-example,.live-book .lo-study-callout{border-left:2px solid var(--live-book-line)}
.live-book .lo-study-callout-key{border-left-color:var(--lo-signal,var(--accent))}
.live-book .lo-study-callout-pitfall{border-left-color:var(--lo-spark,#F18A50)}
.live-book .lo-study-note table{display:block;max-width:100%;min-width:0;width:max-content;overflow-x:auto;border-collapse:collapse;font-size:15px}
.live-book .lo-study-note :is(th,td){min-width:100px;border-color:var(--live-book-line);padding:10px 12px}
.live-book .lo-study-note th{background:var(--live-book-paper);color:var(--live-book-ink)}
.live-book :is(.lo-study-note,.lo-reader-text-block) img{max-width:100%;height:auto}
.live-book :is(.lo-study-note,.lo-reader-text-block) :is(pre,.katex-display){max-width:100%;overflow-x:auto}
.live-book .lo-reader-text{padding:24px clamp(18px,3vw,42px);background:var(--live-book-surface)}
.live-book .lo-reader-text-page{max-width:72ch;padding:0 0 26px;background:transparent}
.live-book .lo-reader-text-block-body{font-family:inherit;font-size:var(--lo-reader-font-size,17px);line-height:var(--lo-reader-line-height,1.85)}
.live-book .lo-document-body main>[data-text]{height:100%;min-height:0;padding:26px clamp(18px,3vw,42px);overflow:auto;overscroll-behavior:contain;background:var(--live-book-surface)}
.live-book .lo-reader-page{box-shadow:1px 2px 0 var(--live-book-line)}
.live-book .lo-reader-annotation,.live-book .lo-document-annotation{font-size:15px;line-height:1.8}
.live-book :is(.lo-reader-annotation,.lo-document-annotation) button{min-height:40px;min-width:40px;font-size:12px}
.live-book .lo-reader-text-page-label{font-family:ui-monospace,monospace;font-size:12px}
.live-book .live-book-relation{position:absolute;inset:0;z-index:6;width:100%;height:100%;overflow:hidden;pointer-events:none;color:var(--lo-signal,var(--accent));opacity:.3;transition:opacity 180ms cubic-bezier(.2,.82,.22,1)}
.live-book .live-book-relation path{fill:none;stroke:currentColor;stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke;transition:stroke-width 180ms cubic-bezier(.2,.82,.22,1)}
.live-book .live-book-relation circle{fill:currentColor}
.live-book .live-book-relation circle:last-child{fill:var(--lo-spark,#F18A50)}
.live-book .live-book-relation.is-focused{opacity:.8;transition-duration:260ms}
.live-book .live-book-relation.is-focused path{stroke-width:1.8;transition-duration:260ms}
.live-book-mobile-modes{display:none}
.lo-highlight-actions button,.live-book-annotation-popover footer button,.live-book-edit-popover button{width:40px;height:40px}
.live-book-annotation-popover textarea,.live-book-edit-popover textarea{font-size:15px}
@media(hover:none){.live-book .lo-note-block-source{opacity:1}}
@media(max-width:800px){
  .live-book{padding:0}
  .live-book .lo-book-reader,.live-book .lo-document-reader{height:100dvh;border:0;border-radius:0;box-shadow:none;grid-template-rows:auto auto minmax(0,1fr)}
  .live-book :is(.lo-reader-toolbar,.lo-document-toolbar){padding:6px 10px;min-height:56px}
  .live-book :is(.lo-reader-toolbar,.lo-document-toolbar) :is(button,a){min-height:44px}
  .live-book :is(.lo-reader-toolbar,.lo-document-toolbar) input{font-size:16px}
  .live-book-mobile-modes{display:flex;gap:2px;padding:4px 12px;border-bottom:1px solid var(--live-book-line);background:var(--live-book-surface)}
  .live-book-mobile-modes button{flex:1;min-height:44px;color:var(--live-book-muted);border-radius:4px;transition:color 180ms cubic-bezier(.2,.82,.22,1),background 180ms cubic-bezier(.2,.82,.22,1)}
  .live-book-mobile-modes button[aria-pressed=true]{color:var(--lo-signal,var(--accent));background:var(--accent-soft);font-weight:650}
  .live-book .lo-reader-body,.live-book .lo-document-body{grid-template-rows:minmax(0,1fr);height:100%}
  .live-book :is(.lo-book-reader,.lo-document-reader)[data-study-mode] :is(.lo-reader-notes,.lo-document-body>aside){grid-row:1;border-top:0;padding-inline:20px}
  .live-book :is(.lo-book-reader,.lo-document-reader)[data-live-pane=source] :is(.lo-reader-notes,.lo-document-body>aside){display:none}
  .live-book :is(.lo-book-reader,.lo-document-reader)[data-live-pane=notes] :is(.lo-reader-content,.lo-document-body main){display:none}
  .live-book .lo-reader-text,.live-book .lo-document-body main>[data-text]{padding:22px 20px}
  .live-book .lo-reader-pdf{padding:12px 8px}
  .live-book .lo-note-block-source{min-width:44px;min-height:44px}
  .live-book .live-book-relation{display:none}
}
@media(prefers-reduced-motion:reduce){.live-book *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.live-book :is(.lo-reader-toolbar,.lo-document-toolbar) [data-view][aria-pressed=true]{color:var(--lo-signal,var(--accent));background:var(--accent-soft);border-color:var(--live-book-line)}
.live-book .lo-book-reader .lo-reader-source-focus{background:color-mix(in srgb,var(--lo-signal,var(--accent)) 16%,transparent);outline:2px solid var(--lo-signal,var(--accent))}
.live-book :is(.lo-book-reader,.lo-document-reader) .lo-document-source-focus{color:var(--live-book-ink);outline:2px solid var(--lo-signal,var(--accent));background-color:color-mix(in srgb,var(--lo-signal,var(--accent)) 8%,transparent)}

.live-book :is(.lo-book-reader,.lo-document-reader) .lo-reader-text-block-figure{background:var(--live-book-paper);color:var(--live-book-muted)}
.live-book .lo-reader-text-block::selection{background:color-mix(in srgb,var(--lo-signal,var(--accent)) 24%,transparent);color:var(--live-book-ink)}

/* One reading toolbar; controls stay with the material they affect. */
.live-book [hidden]{display:none!important}
.live-book :is(.lo-reader-toolbar,.lo-document-toolbar){flex-wrap:nowrap;min-width:0;max-width:100%;min-height:58px;padding:6px 12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior-x:contain}
.live-book :is(.lo-reader-toolbar,.lo-document-toolbar)>*{flex-shrink:0}
.live-book :is(.lo-reader-toolbar,.lo-document-toolbar)>strong{flex:1 1 180px;min-width:90px;max-width:none}
.live-book :is(.lo-reader-toolbar,.lo-document-toolbar)>[data-search]{flex:0 1 150px;width:150px;min-width:100px}
.live-book .live-reader-page-tools{display:flex;align-items:center;gap:3px;white-space:nowrap;padding-inline:7px;border-inline:1px solid var(--live-book-line)}
.live-book .live-reader-page-tools>[data-page]{width:55px;text-align:center}
.live-book .live-reader-page-tools>span{font:12px ui-monospace,monospace;color:var(--live-book-muted)}
.live-book .live-reader-page-tools button{padding-inline:7px}
.live-book .live-reader-toc-panel{position:absolute;inset:58px auto auto 0;z-index:12;display:flex;flex-direction:column;width:min(350px,100%);max-height:calc(100% - 58px);min-height:0;padding:0;border:1px solid var(--live-book-line);border-top:0;border-radius:0 0 6px 0;background:var(--live-book-surface);box-shadow:4px 5px 0 color-mix(in srgb,var(--live-book-ink) 12%,transparent);overflow:hidden;animation:live-reader-panel-in 260ms cubic-bezier(.2,.82,.22,1)}
.live-book .live-reader-toc-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:8px 16px;border-bottom:1px solid var(--live-book-line);flex:none}
.live-book .live-reader-toc-panel>header strong{font-size:15px}
.live-book .live-reader-toc-panel [data-reader-toc-close]{min-width:44px;min-height:44px;color:var(--live-book-muted)}
.live-book .live-reader-toc-list{min-height:0;padding:8px 12px 18px;overflow:auto;overscroll-behavior:contain}
.live-book .live-reader-toc-list section+section{margin-top:12px}
.live-book .live-reader-toc-list h3{margin:0;padding:10px 9px 5px;font-size:12px;font-weight:650;color:var(--live-book-muted)}
.live-book .live-reader-toc-list a{display:block;min-height:44px;padding:10px 9px;border-radius:4px;color:var(--live-book-ink);font-size:14px;line-height:1.65;overflow-wrap:anywhere;text-decoration:none;transition:background 180ms cubic-bezier(.2,.82,.22,1),color 180ms cubic-bezier(.2,.82,.22,1)}
.live-book .live-reader-toc-list a:hover{background:var(--hover)}
.live-book .live-reader-toc-list a[aria-current]{color:var(--lo-signal,var(--accent));background:var(--accent-soft);font-weight:650}
.live-book .lo-reader-content{position:relative}
.live-book .live-reader-view-dock{position:absolute;inset:0 0 auto;z-index:7;display:flex;justify-content:center;align-items:flex-start;height:56px;padding:6px 10px;pointer-events:none}
.live-book .live-reader-view-switch{display:flex;gap:2px;padding:3px;max-width:100%;border:1px solid var(--live-book-line);border-radius:999px;background:var(--live-book-surface);box-shadow:0 2px 6px color-mix(in srgb,var(--live-book-ink) 8%,transparent);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity 180ms cubic-bezier(.2,.82,.22,1),transform 180ms cubic-bezier(.2,.82,.22,1)}
.live-book .live-reader-view-dock:is(:hover,:focus-within,.is-revealed) .live-reader-view-switch{opacity:1;transform:none;pointer-events:auto;transition-duration:260ms}
.live-book .live-reader-view-switch button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:6px 15px;border:0;border-radius:999px;background:transparent;color:var(--live-book-muted);font-size:13px;white-space:nowrap;transition:background 180ms cubic-bezier(.2,.82,.22,1),color 180ms cubic-bezier(.2,.82,.22,1)}
.live-book .live-reader-view-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--lo-signal,var(--accent));font-weight:650}
.live-book .live-book-notes-header{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:12px;flex:none;min-height:56px;margin-bottom:8px;background:var(--live-book-surface);border-bottom:1px solid var(--live-book-line)}
.live-book .live-book-notes-header .live-book-tabs{position:static;flex:none;gap:16px;min-height:56px;margin:0;border:0}
.live-book .live-note-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-left:auto;flex:none}
.live-book .live-note-tools button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:30px;padding:4px 8px;border:1px solid var(--live-book-line);border-radius:5px;background:var(--live-book-surface);color:var(--live-book-ink);font-size:12px;line-height:20px;white-space:nowrap;transition:background 180ms cubic-bezier(.2,.82,.22,1),transform 120ms cubic-bezier(.2,.82,.22,1),box-shadow 120ms cubic-bezier(.2,.82,.22,1)}
.live-book .live-note-tools .icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.live-book .live-note-tools [data-generate]{background:var(--lo-signal,var(--accent));border-color:var(--lo-signal,var(--accent));color:#fff;box-shadow:3px 3px 0 var(--live-book-ink)}
.live-book .live-note-tools [data-generate]:active:not(:disabled){transform:translateY(3px);box-shadow:none}
.live-book .live-note-tools button:disabled{box-shadow:none}
.live-book .live-note-progress{display:block;margin:4px 0 14px;min-width:0;color:var(--live-book-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.live-book .live-note-progress progress{display:block;width:100%;height:5px;margin-top:6px;accent-color:var(--lo-signal,var(--accent))}
@keyframes live-reader-panel-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:800px){
  .live-book :is(.lo-reader-toolbar,.lo-document-toolbar){min-height:58px;padding-inline:8px}
  .live-book :is(.lo-reader-toolbar,.lo-document-toolbar)>strong{flex:0 0 140px;max-width:140px}
  .live-book .live-reader-page-tools{padding-inline:5px}
}
@media(hover:none){
  .live-book .live-reader-view-switch{opacity:1;transform:none;pointer-events:auto}
  .live-book .live-reader-view-switch button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.live-book :is(.live-reader-view-switch,.live-reader-toc-panel){animation:none;transition:none;transform:none}}

.live-book .live-reader-mark{display:block;width:24px;height:28px;object-fit:contain;flex:none;margin-right:2px}
body[data-theme=dark] .live-book .live-reader-mark{content:url('/ui-live/assets/logo-dark.svg?v=identity-20261011-1')}

.live-book :is(.lo-reader-toolbar,.lo-document-toolbar) :is([data-close],[data-archive],[data-reader-appearance]){width:36px;padding-inline:0}
@media(hover:none){.live-book .live-note-tools button{min-height:44px}}

.live-book .live-reader-control-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.live-book .live-note-tools:has([data-cancel-notes]:not([hidden])) [data-generate]{display:none}

.live-book .live-book-follow-dock{grid-column:1;grid-row:1;align-self:end;justify-self:center;position:relative;z-index:6;margin-bottom:20px;pointer-events:none}
.live-book .live-book-follow-dock .lo-follow-resume{display:inline-flex;align-items:center;min-height:34px;padding:6px 14px;border:1px solid var(--live-book-line);border-radius:999px;background:var(--live-book-surface);color:var(--lo-signal,var(--accent));box-shadow:0 2px 8px color-mix(in srgb,var(--live-book-ink) 12%,transparent);font-size:12px;pointer-events:auto;animation:live-reader-panel-in 180ms cubic-bezier(.2,.82,.22,1)}
.live-book .lo-reader-body:has([data-live-tab=annotations][aria-selected=true]) .live-book-follow-dock,.live-book .lo-document-body:has([data-live-tab=annotations][aria-selected=true]) .live-book-follow-dock{display:none}
@media(max-width:800px){.live-book [data-live-pane=source] .live-book-follow-dock{display:none}}
@media(hover:none){.live-book .live-book-follow-dock .lo-follow-resume{min-height:44px}}
@media(prefers-reduced-motion:reduce){.live-book .live-book-follow-dock .lo-follow-resume{animation:none}}

.live-book [data-annotation-id]{position:relative}
.live-book [data-annotation-id]>small{display:block;padding-right:124px}
.live-book .live-book-annotation-tools{position:absolute;top:8px;right:0;display:flex;align-items:center;opacity:0;pointer-events:none}
.live-book [data-annotation-id]:is(:focus-within,.is-actions-open)>.live-book-annotation-tools{opacity:1;pointer-events:auto}
@media(hover:hover){.live-book [data-annotation-id]:hover>.live-book-annotation-tools{opacity:1;pointer-events:auto}}
.live-book [data-annotation-id] .live-book-annotation-tools button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:10px;border:0;background:transparent;box-shadow:none;color:var(--live-book-muted)}
.live-book [data-annotation-id] .live-book-annotation-tools button:hover{color:var(--live-book-ink)}
.live-book .live-book-annotation-tools .icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.live-book [data-annotation-id] .live-book-annotation-tools .lo-delete-cancel{color:#c43b3b}
.live-book [data-annotation-id] .live-book-annotation-tools .lo-delete-confirm{color:#26834a}

@media(prefers-reduced-motion:reduce){.live-book .live-book-tabs button:after{transition:none}}

:is(.lo-reader-toolbar,.lo-document-toolbar) [data-complete].lo-completion{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;gap:6px;min-width:32px;min-height:32px;padding:5px 9px;overflow:visible;white-space:nowrap;vertical-align:middle;transition:gap .36s cubic-bezier(.22,1,.36,1),padding .36s cubic-bezier(.22,1,.36,1),border-radius .36s ease,background .3s ease}
:is(.lo-reader-toolbar,.lo-document-toolbar) [data-complete].lo-completion:disabled{opacity:1;cursor:default}
:is(.lo-reader-toolbar,.lo-document-toolbar) [data-complete].lo-completion.is-completed{gap:0;padding-inline:6px;border-radius:50%;background:var(--accent,#416858);color:#fff}
.lo-completion .lo-completion-check{display:block;flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform-origin:center}
.lo-completion-label{display:block;max-width:5em;overflow:hidden;opacity:1;transition:max-width .36s cubic-bezier(.22,1,.36,1),opacity .18s ease,transform .36s ease}
.lo-completion.is-completed .lo-completion-label{max-width:0;opacity:0;transform:translateX(-4px)}
.lo-completion-particles{position:absolute;inset:0;pointer-events:none}
.lo-completion-particles i{position:absolute;left:calc(50% - 2px);top:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--accent,#416858);opacity:0}
.lo-completion-particles i:nth-child(2n){background:#c8ae70;width:3px;height:5px;border-radius:1px}
.lo-completion.is-celebrating .lo-completion-check{animation:lo-completion-check .82s .34s cubic-bezier(.4,0,.2,1) both}
.lo-completion.is-celebrating .lo-completion-particles i{animation:lo-completion-particle .55s 1s ease-out both}
:is(.lo-reader-toolbar,.lo-document-toolbar) [data-archive]{transition:color .45s ease,background-color .45s ease,border-color .45s ease,opacity .45s ease,box-shadow .45s ease}
:is(.lo-reader-toolbar,.lo-document-toolbar) [data-archive]:disabled{opacity:.4}
:is(.lo-reader-toolbar,.lo-document-toolbar) [data-archive]:not(:disabled){opacity:1;color:var(--accent,#416858);background:var(--accent-soft,#eaf0e7);border-color:color-mix(in srgb,var(--accent,#416858) 24%,transparent)}
:is(.lo-reader-toolbar,.lo-document-toolbar) [data-archive].is-completion-unlocked{animation:lo-archive-unlock .9s .1s ease-out both}
@keyframes lo-completion-check{0%{transform:rotate(0) scale(1)}60%{transform:rotate(360deg) scale(1)}80%{transform:rotate(360deg) scale(1.24)}100%{transform:rotate(360deg) scale(1)}}
@keyframes lo-completion-particle{0%{opacity:0;transform:translate(0,0) scale(.5)}20%{opacity:.75}100%{opacity:0;transform:translate(var(--particle-x),var(--particle-y)) scale(.35)}}
@keyframes lo-archive-unlock{0%{transform:translateY(1px) scale(.97);box-shadow:0 0 0 0 #41685800}45%{transform:translateY(0) scale(1.025);box-shadow:0 0 0 4px #41685812}100%{transform:translateY(0) scale(1);box-shadow:0 0 0 7px #41685800}}
@media(prefers-reduced-motion:reduce){:is(.lo-reader-toolbar,.lo-document-toolbar) [data-complete].lo-completion,.lo-completion-label,:is(.lo-reader-toolbar,.lo-document-toolbar) [data-archive]{transition:none!important;animation:none!important}.lo-completion-check,.lo-completion-particles i{animation:none!important}}

.lo-reader-search-hit{position:absolute;pointer-events:none;z-index:4;background:rgba(255,203,60,.42);outline:1px solid rgba(194,134,0,.75);border-radius:2px}

.lo-reader-search-control{display:inline-flex;align-items:center;flex:none}
.live-book :is(.lo-reader-toolbar,.lo-document-toolbar) .lo-reader-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:7px;color:var(--live-book-muted)}
.lo-reader-search-toggle svg,.lo-reader-search-popover button svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lo-reader-search-popover{position:fixed;z-index:1000;box-sizing:border-box;width:280px;max-width:calc(100vw - 16px);min-width:0;padding:7px;border:1px solid var(--line,#dfe4dc);border-radius:10px;background:var(--surface,#fff);color:var(--ink,#272c29);box-shadow:0 8px 24px #17281c1a;font:14px/1.4 system-ui,-apple-system,"Microsoft YaHei",sans-serif}
.lo-reader-search-popover[hidden]{display:none}
.lo-reader-search-row{box-sizing:border-box;width:100%;min-width:0;display:flex;align-items:center;gap:2px}
.lo-reader-search-popover [data-search]{box-sizing:border-box;flex:1 1 0;min-width:0;max-width:none;width:0;height:36px;margin:0;padding:6px 8px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;appearance:none}
.lo-reader-search-popover [data-search]:is(:focus,:focus-visible){outline:none;box-shadow:none;border:0}
.lo-reader-search-popover [data-search-direction]{box-sizing:border-box;min-width:30px;max-width:30px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:32px;padding:6px;border:0;border-radius:5px;background:transparent;color:var(--muted,#727971);cursor:pointer;font:18px/1 system-ui,sans-serif}
.lo-reader-search-popover [data-search-direction]:hover{background:var(--hover,#ecefe9);color:var(--ink,#272c29)}
.lo-reader-search-popover [data-search-direction]:focus-visible{outline:1px solid var(--muted,#727971);outline-offset:1px}
.lo-reader-search-popover [data-search-status]{display:block;padding:2px 8px 3px;color:var(--muted,#727971);font-size:12px}
.lo-reader-search-popover [data-search-status]:empty{display:none}
@media(max-width:680px){.lo-reader-search-popover [data-search]{font-size:16px}}