@charset "UTF-8";:root{--toc-w: clamp(220px, 22vw, 300px);--gap: 16px;--radius: 14px;--handle-w: 10px;--pane-a: 1fr;--pane-b: 1fr;--pane-pad: clamp(12px, 1.2vw, 20px);--reader-scale: 1;--chip-text: var(--text)}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";display:flex;flex-direction:column;min-height:100dvh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}p,p:hover{text-decoration:none}.reader-grid{flex:1;min-height:80vh;display:grid;gap:var(--gap);padding:clamp(10px,2vw,18px);grid-template-columns:var(--toc-w) 1fr;grid-template-rows:1fr auto;grid-template-areas:"toc main" "toc tools"}.toc{grid-area:toc;display:flex;flex-direction:column;gap:12px;background:var(--reader-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;overflow:auto;min-height:0}.toc h3{margin:0 0 6px;font-size:14px;letter-spacing:.02em;text-transform:uppercase}.toc-toolbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:center;gap:8px}.toc-toolbar input[type=number]{width:92px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--reader-panel-2);color:inherit;font-variant-numeric:tabular-nums}.toc-header{font-size:.8em}.toc-btn{appearance:none;border:1px solid var(--border);background:var(--reader-panel-2);padding:8px 10px;border-radius:10px;line-height:1;cursor:pointer;transition:transform .06s ease,background-color .15s ease,border-color .15s ease;color:var(--text)}.toc-btn:hover{background:var(--reader-accent-0);border-color:var(--reader-accent-1)}.toc-btn:active{transform:translateY(1px)}.toc-btn:focus-visible{outline:2px solid var(--reader-accent-1);outline-offset:2px}.toc-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.toc-list .toc-chapter{border:1px solid var(--border);border-radius:10px;background:var(--reader-panel-2);margin:8px 0;overflow:clip}.toc-list .toc-summary{cursor:pointer;padding:8px 10px;list-style:none}.toc-list .toc-summary::-webkit-details-marker{display:none}.toc-list .toc-pages{margin:0;padding:6px 10px;display:grid;gap:4px}.toc-list .toc-pages li{list-style:none;font-size:.8rem;line-height:1.3}.toc-page-index{font-weight:600;margin-right:4px;font-size:.75rem;opacity:.8}.toc-page-brief{font-size:.75rem;opacity:.85}.toc-list .toc-pages a{text-decoration:none;color:inherit}.toc-list .toc-pages a:hover{text-decoration:underline}.badge{margin-left:auto;border-radius:999px;padding:6px 10px;font-size:12px;background:var(--reader-panel-2);border:1px solid var(--border)}.split{grid-area:main;display:grid;grid-template-columns:minmax(0,var(--pane-a)) var(--handle-w) minmax(0,var(--pane-b));grid-template-rows:1fr;min-height:0;background:var(--reader-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:visible}.pane{min-width:0;min-height:0;overflow:auto;padding:var(--pane-pad)}.split .pane{container-type:inline-size}.pane.pane--summary{position:relative;top:0;align-self:start;max-height:100%;align-self:stretch;overflow:auto;min-height:0}.handle{width:var(--handle-w);cursor:col-resize;position:relative;background:linear-gradient(to right,transparent,var(--border),transparent);user-select:none}.handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:40px;border-radius:2px;background:var(--muted);opacity:.8;box-shadow:-6px 0 0 var(--muted),6px 0 0 var(--muted)}.handle:hover{background:linear-gradient(to right,transparent,var(--reader-accent-1),transparent)}.handle:focus-visible{outline:2px solid var(--reader-accent-1);outline-offset:-2px}.toolbar-row{grid-area:tools;display:flex;align-items:center;gap:10px;background:var(--reader-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--reader-shadow);padding:10px 12px;min-height:44px}.toolbar-row .grow{flex:1 1 auto}.font-controls{display:inline-flex;gap:8px}.toolbar-row .btn{appearance:none;border:1px solid color-mix(in oklab,var(--border) 85%,transparent 15%);background:var(--reader-panel-2);color:var(--text);border-radius:10px;padding:6px 12px;min-width:42px;font-weight:600;line-height:1.1;cursor:pointer;transition:transform .07s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.toolbar-row .btn:hover{background:var(--reader-accent-0);border-color:var(--reader-accent-1);color:var(--text)}.toolbar-row .btn:active{transform:translateY(1px)}.toolbar-row .btn:focus-visible{outline:2px solid var(--reader-accent-1);outline-offset:2px}.toolbar-row .btn:disabled{opacity:.55;cursor:not-allowed}.prose{line-height:1.6;letter-spacing:.01em}.prose h1{margin:0 0 6px;font-size:calc(1.25rem * var(--reader-scale))}.prose h2{margin:6px 0 14px;font-size:calc(1.05rem * var(--reader-scale));font-weight:600}.prose p{margin:0 0 12px}.prose ul.list{display:grid;gap:8px;padding-left:18px;margin:0 0 8px}.pane .prose{font-size:calc(1rem * var(--reader-scale));line-height:1.65}.page{position:relative;overflow:visible}.page+.page{margin-top:16px}.pane .prose a{background:none!important;border:0!important;padding:0!important;box-shadow:none!important;display:inline!important;color:var(--accent)!important;text-decoration:none!important}.pane .prose a:hover{text-decoration:none!important}.summary-current{opacity:1;transition:opacity .2s ease-in-out}.summary-current.fade-out{opacity:0}.summary-current.fade-in{opacity:1}.summary-current p{margin:0}#summaryList li.is-active{background:color-mix(in oklab,var(--reader-accent-0) 40%,transparent);border-left:3px solid var(--reader-accent-1);padding-left:8px;border-radius:6px}#summaryProse{display:block;min-height:0;line-height:1.55;flex-direction:column;justify-content:center;font-size:calc(1rem * var(--reader-scale));opacity:1;transition:opacity .22s ease-in-out}#summaryProse.fade-out{opacity:0}#summaryProse.fade-in{opacity:1}.page-chip,.page-chip__pill,.page-chip__popover{color:var(--chip-text)}.page-chip-wrap{position:sticky;top:8px;z-index:3;display:flex;justify-content:flex-end;pointer-events:none}.page-chip{pointer-events:auto;--pill-pad-y: 2px;--pill-pad-x: 8px;--card-radius: 16px;-webkit-appearance:none;appearance:none;background:transparent;border:1px solid color-mix(in oklab,grey,transparent 85%);padding:0;margin:0;line-height:1;position:relative;display:inline-flex;align-items:center;gap:6px}.page-chip .page-chip__pill{display:inline-block;font-weight:700;line-height:1;padding:var(--pill-pad-y) var(--pill-pad-x);border:1px solid color-mix(in oklab,black,transparent 85%);border-radius:999px;background:var(--reader-panel-2);box-shadow:var(--reader-shadow);user-select:none}.page-chip .page-chip__popover{position:fixed;top:0;left:0;width:auto;max-width:min(520px,100vw - 32px);min-width:0;max-height:320px;overflow:auto;padding:14px 16px;border-radius:var(--card-radius);background:var(--reader-panel);border:1px solid var(--border);box-shadow:var(--reader-shadow);z-index:20;isolation:isolate;opacity:0;transform:translateY(-4px) scale(.98);transform-origin:50% 0;transition:opacity .14s ease,transform .18s cubic-bezier(.2,.8,.2,1);pointer-events:none}.page-chip .page-chip__popover .chip-title{font-weight:800;margin-bottom:6px}.page-chip .page-chip__popover .chip-brief{opacity:.95;line-height:1.55}.page-chip.is-open .page-chip__popover{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.page-chip.is-open .page-chip__pill{border-radius:10px;box-shadow:0 10px 24px #0000002e}.page-chip__popover.above{transform-origin:50% 100%;transform:translateY(4px) scale(.98)}.page-chip.is-open .page-chip__popover.above{transform:translateY(0) scale(1)}.page-chip:focus{outline:none}.page-chip:focus-visible .page-chip__pill{outline:2px solid var(--reader-accent-1);outline-offset:2px}@media(max-width:1024px){:root{--toc-w: clamp(200px, 28vw, 260px)}}@media(max-width:840px){.reader-grid{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"toc" "tools" "main"}.split{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr}.handle{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.pane::-webkit-scrollbar,.toc::-webkit-scrollbar{width:10px;height:10px}.pane::-webkit-scrollbar-thumb,.toc::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.pane::-webkit-scrollbar-thumb:hover,.toc::-webkit-scrollbar-thumb:hover{background:var(--reader-accent-1)}