:root{font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#eee;background:#505050;--bar:46px;--panel:320px;--page-w:420px;--page-h:594px;--ink:#eee}
/* Keep WebKit's intrinsic select sizes from widening the reader grid on phones. */
body{grid-template-columns:minmax(0,1fr)}.topbar,.toolbar,.stage{min-width:0}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{height:100dvh;display:grid;grid-template-rows:var(--bar) minmax(0,1fr) var(--bar);-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.24}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #8ccaff;outline-offset:3px}input{min-width:0}button svg,svg.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.topbar,.toolbar{z-index:50;background:rgba(45,45,45,.8);position:relative;display:flex;align-items:center}.topbar{justify-content:flex-end;padding:0 12px}.top-search{display:flex;width:264px;height:30px;background:#969696;color:#555}.top-search input{flex:1;border:0;background:transparent;padding:0 12px;outline-offset:-2px;font-size:12px;color:#222}.top-search input::placeholder{color:#737373}.top-search button{width:36px;display:grid;place-items:center}.top-search button svg{width:19px;height:19px}.mobile-top-actions{display:none}.icon-button{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;border-radius:2px;position:relative}.icon-button:hover{background:rgba(255,255,255,.1)}.icon-button[aria-pressed=true][data-action=autoplay]{background:#3963a5}.toolbar{justify-content:space-between;padding:0 1px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:0}.page-navigation{display:flex;align-items:center;position:absolute;left:50%;transform:translateX(-50%);gap:1px}.page-navigation input{width:96px;height:27px;background:#fff;color:#1b2930;border:0;border-radius:0;text-align:center;padding:0 2px;font-size:13px}.mobile-only{display:none}
.stage{position:relative;min-height:0;overflow:hidden;outline:none;background:#505050;touch-action:none}.stage.panel-space{margin-left:var(--panel)}#book-shell{position:absolute;left:50%;top:50%;width:calc(var(--page-w)*2);height:var(--page-h);transform:translate(-50%,-50%) translateX(var(--cover-shift,0px));transition:transform .25s ease;filter:drop-shadow(0 1px 3px #222)}#book{width:100%;height:100%;min-width:0!important;max-width:none!important}.pdf-page{background:#fff;overflow:hidden;user-select:none;contain:layout paint}.page-image{width:100%;height:100%;object-fit:fill;display:block;-webkit-user-drag:none;pointer-events:none}.pdf-page::after{content:"";position:absolute;inset:0;pointer-events:none}.pdf-page.--left::after{background:linear-gradient(to left,rgba(0,0,0,.11),transparent 2.5%)}.pdf-page.--right::after{background:linear-gradient(to right,rgba(0,0,0,.1),transparent 2%)}.pdf-page.is-cover::after{background:none}.pdf-page.loading{background:#fff}.pdf-page.loading::before{content:"";position:absolute;left:calc(50% - 13px);top:calc(50% - 13px);width:26px;height:26px;border:3px solid #ddd;border-top-color:#777;border-radius:50%;animation:spin 1s linear infinite}.page-hotspot{position:absolute;z-index:4;border-radius:0;background:rgba(128,128,128,.1);padding:0;display:block;touch-action:manipulation}.page-hotspot:hover,.page-hotspot:focus-visible{background:rgba(95,126,162,.3)}.page-hotspot.url{background:transparent}.page-hotspot.url:hover{background:rgba(70,130,190,.16)}.search-highlight{position:absolute;background:rgba(255,210,0,.45);outline:1px solid rgba(255,170,0,.75);z-index:5;pointer-events:none}
#section-tabs{position:absolute;inset:0;pointer-events:none;z-index:15}.section-tab{position:absolute;width:35px;height:51px;border-radius:0 3px 3px 0;display:grid;place-items:center;color:white;box-shadow:1px 1px 2px #3336;pointer-events:auto;font-size:13px;transition:opacity .15s}.section-tab span{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:1px}.section-tab.is-left{border-radius:3px 0 0 3px}.section-tab:hover{filter:brightness(1.13)}.edge-arrow{position:absolute;top:50%;transform:translateY(-50%);height:78px;width:52px;z-index:20;display:grid;place-items:center;padding:8px;filter:drop-shadow(0 1px 1px #333)}.edge-arrow svg{width:26px;height:50px;stroke-width:1.1}.edge-prev{left:4px}.edge-next{right:4px}.edge-arrow:hover:not(:disabled){background:rgba(0,0,0,.09)}.edge-arrow:disabled{opacity:0;pointer-events:none}.edge-end{position:absolute;bottom:15px;width:40px;height:32px;opacity:.3;z-index:20}.edge-end:hover{opacity:1}.edge-end svg{width:16px;height:16px}.edge-first{left:8px}.edge-last{right:8px}
#loading{position:absolute;inset:0;z-index:45}@keyframes spin{to{transform:rotate(360deg)}}
.side-panel{position:absolute;z-index:60;top:calc(var(--bar) + 10px);bottom:calc(var(--bar) + 8px);left:10px;width:calc(var(--panel) - 20px);border:1px solid #d2ddeb;border-radius:3px;background:#3963a5;display:flex;flex-direction:column;box-shadow:0 2px 6px #2224}.side-panel>header{display:flex;align-items:center;justify-content:space-between;padding-left:18px;flex-shrink:0;height:50px;font-size:15px}.side-panel header .icon-button{width:38px;height:38px}.side-panel header svg{width:17px;height:17px}#panel-content{overflow:auto;min-height:0;padding:6px 14px 18px;scrollbar-width:thin;scrollbar-color:#b0c6e3 transparent}.side-panel.thumbnails{background:#333e;border-color:#777}.panel-tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid #ffffff30}.panel-tabs button{flex:1;padding:10px 5px;font-size:13px}.panel-tabs button.active{border-bottom:2px solid #fff;background:#ffffff15}.thumb-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.thumbnail{padding:4px;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px}.thumbnail img{display:block;width:100%;height:auto;aspect-ratio:515.906/728.504;object-fit:contain;background:#fff;box-shadow:0 1px 3px #1116}.thumbnail:hover{background:#ffffff12}.thumbnail.current{border-color:#8ccaff;background:#8ccaff25}.panel-search{display:flex;background:white;height:32px;margin-bottom:14px;color:#333}.panel-search input{min-width:0;flex:1;border:0;padding:0 8px;font-size:14px}.panel-search button{width:32px;display:grid;place-items:center}.result-count{font-size:13px;margin:0 0 10px}.search-result{display:block;width:100%;text-align:left;font-size:13px;line-height:1.65;padding:9px 8px;color:#c5d4eb;border-radius:2px}.search-result:hover{background:#ffffff16}.search-result strong{display:block;color:white;font-weight:normal;margin-bottom:3px}.search-result mark{background:none;color:#ffc542}.empty-message{font-size:13px;color:#d5e2f5;line-height:1.7}.toc-section h3{font-size:13px;border-left:3px solid var(--section-color);padding:5px 8px;margin:14px 0 6px}.toc-entry{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:8px;font-size:12px;border-bottom:1px solid #ffffff0e}.toc-entry:hover{background:#ffffff14}.toc-entry small{color:#bac8da}.more-list{display:grid;gap:8px}.more-list button{display:flex;gap:12px;align-items:center;padding:12px;text-align:left;background:#ffffff0b}
#zoom-layer{position:absolute;inset:0;z-index:30;background:#505050}#zoom-scroll{height:100%;width:100%;overflow:auto;touch-action:pan-x pan-y;cursor:grab;scrollbar-width:thin;scrollbar-color:#888 #444}#zoom-scroll.dragging{cursor:grabbing}#zoom-pages{display:flex;margin:28px auto 90px;width:max-content;box-shadow:0 2px 12px #2226}#zoom-pages .zoom-page{position:relative;flex:none;background:white}#zoom-pages img{display:block;width:100%;height:100%;pointer-events:none;user-select:none}.zoom-controls{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:2px;border-radius:4px;background:#292929ed;padding:2px 6px;box-shadow:0 2px 7px #1115}.zoom-controls output{font-size:12px;min-width:48px;text-align:center}.fit-button{font-size:12px;white-space:nowrap;padding:8px 10px;border-left:1px solid #ffffff30}.zoom-controls .icon-button{width:34px;height:34px}.zoom-controls .icon-button svg{width:18px;height:18px}
.dialog{width:min(440px,calc(100vw - 32px));max-height:90dvh;overflow:auto;border:1px solid #8ba6d2;border-radius:4px;background:#3963a5;color:white;padding:20px;box-shadow:0 10px 50px #0005}.dialog::backdrop{background:#0006}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin:-10px -10px 12px 0}.dialog h2{font-size:17px;font-weight:500;margin:0}.dialog p,.dialog li{font-size:13px;line-height:1.8}.dialog ul{padding-left:18px}.dialog li{padding-bottom:8px}.dialog .dialog-note{color:#c2d2e9;font-size:12px}.copy-row{display:flex;margin:16px 0}.copy-row input{width:100%;background:white;border:0;color:#333;padding:10px;font-size:12px}.copy-row button,.primary-button{background:#fff;color:#244b85;padding:10px 16px;border-radius:2px;font-size:13px;white-space:nowrap}.check-row{font-size:13px;display:flex;align-items:center;gap:7px}.social-links{display:flex;flex-wrap:wrap;gap:8px}.social-links a{font-size:12px;color:white;padding:7px 10px;text-decoration:none;border:1px solid #ffffff40;border-radius:3px}.social-links a:hover{background:#ffffff20}#goto-number{display:block;width:100%;padding:12px;border:0;margin:10px 0;font-size:20px;text-align:center}#page-slider{width:100%;margin:15px 0 25px}.primary-button{width:100%}#toast{position:fixed;left:50%;bottom:calc(var(--bar) + 22px);transform:translateX(-50%);z-index:100;background:#222e;color:#fff;padding:10px 18px;border-radius:18px;font-size:12px;max-width:90vw;text-align:center;pointer-events:none}
@media(max-width:760px){:root{--bar:48px;--panel:300px}.top-search{display:none}.mobile-top-actions{display:flex;justify-content:flex-end;width:100%;gap:12px}.mobile-top-actions svg{width:25px;height:25px}.topbar{padding:0 12px}.toolbar-left{width:100%;justify-content:space-around}.toolbar-right,.page-navigation{display:none}.mobile-only{display:inline-grid}.toolbar-left .icon-button{width:48px;height:46px}.toolbar-left svg{width:26px;height:26px}#section-tabs,.edge-end{display:none}.edge-arrow{width:28px;height:56px;opacity:.5;padding:4px}.edge-arrow svg{width:15px;height:30px}.edge-prev{left:0}.edge-next{right:0}.stage.panel-space{margin-left:0}.side-panel{top:calc(var(--bar) + 8px);bottom:calc(var(--bar) + 8px);left:8px;width:min(310px,calc(100vw - 16px));box-shadow:0 5px 30px #0007}.zoom-controls{bottom:12px}.dialog{padding:18px}#zoom-pages{margin-top:14px}.stage{min-height:0}}
@supports(padding-bottom:env(safe-area-inset-bottom)){.toolbar{padding-bottom:env(safe-area-inset-bottom)}body{grid-template-rows:var(--bar) minmax(0,1fr) calc(var(--bar) + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.spinner{animation-duration:2s}}
.stage{touch-action:auto}#book{min-height:0!important;touch-action:none}#book .stf__wrapper{width:100%;height:100%;padding-bottom:0!important}
/* Selectable PDF text keeps the original page image as its visual source. */
.text-layer{position:absolute;inset:0;z-index:3;pointer-events:none;user-select:text;-webkit-user-select:text;font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1;color:transparent;text-size-adjust:none;-webkit-text-size-adjust:none}
.text-line{position:absolute;display:block;white-space:pre;pointer-events:auto;cursor:text;user-select:text;-webkit-user-select:text}
.text-word{position:absolute;display:inline-block;white-space:pre;line-height:1;transform-origin:0 0;color:transparent;cursor:text;pointer-events:auto;user-select:text;-webkit-user-select:text;-webkit-text-fill-color:transparent;touch-action:pan-x pan-y}
.text-layer ::selection{background:transparent;color:transparent;-webkit-text-fill-color:transparent}
.text-selection-rect{position:absolute;background:rgba(45,132,242,.33);pointer-events:none;user-select:none;-webkit-user-select:none}
#book:has(.text-layer){touch-action:pan-x pan-y}.pdf-page:has(.text-layer){user-select:text;-webkit-user-select:text}
.search-highlight.active-match{background:rgba(255,134,22,.52);outline:2px solid #d35e00;z-index:5}
#selection-tools{position:fixed;z-index:80;left:50%;bottom:calc(var(--bar) + 65px);transform:translateX(-50%);display:flex;white-space:nowrap;gap:4px;background:#232c3bf5;padding:6px;border:1px solid #8298b6;border-radius:6px;box-shadow:0 3px 18px #0004}
#selection-tools button{font-size:13px;padding:9px 12px;border-radius:3px}#selection-tools button:first-child{background:#ddecff;color:#183d6b}#selection-tools button:hover{filter:brightness(1.12)}
.search-options{font-size:12px;display:grid;gap:10px;margin:0 0 10px}.search-options>label:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.search-options select{font:inherit;color:#fff;background:#2c5089;border:1px solid #a2bddc;border-radius:3px;padding:7px;max-width:190px}.space-option{display:flex;align-items:center;gap:6px}.space-option input{margin:0;accent-color:#f7c95d}.search-hint{font-size:11px;line-height:1.65;margin:0 0 16px;color:#d9e7fa}.search-navigation{position:sticky;top:-6px;z-index:2;display:flex;align-items:center;gap:4px;padding:7px 0;margin-bottom:8px;background:#3963a5;border-bottom:1px solid #ffffff30}.search-navigation button{min-width:32px;height:32px;display:grid;place-items:center;background:#ffffff12;border-radius:3px}.search-navigation button:hover:not(:disabled){background:#ffffff25}.search-navigation output{min-width:55px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}.search-navigation .clear-search{margin-left:auto;font-size:11px;padding:0 9px;white-space:nowrap}.search-result{border:1px solid transparent;margin:5px 0}.search-result strong{display:flex;justify-content:space-between;align-items:center;font-weight:600}.search-result small{font-size:10px;font-weight:400;color:#d8e6f8}.search-result.active{border-color:#ffcb65;background:#ffffff12}.search-result mark{color:#ffe28c;font-weight:600}.search-snippet{white-space:normal;overflow-wrap:anywhere}.more-results{width:100%;padding:12px;font-size:12px;border:1px solid #ffffff40;border-radius:3px;margin-top:10px}select:focus-visible{outline:2px solid #8ccaff;outline-offset:3px}
.transition-picker{display:flex;align-items:center;gap:10px;margin-right:auto;font-size:12px;color:#d6dde7}.transition-picker select{font:inherit;font-size:12px;color:#eee;background:#454b55;border:1px solid #747c88;border-radius:4px;padding:5px 9px;max-width:180px}.transition-picker select:focus-visible{outline:2px solid #8ccaff;outline-offset:2px}.page-transition{position:absolute;inset:0;z-index:12;pointer-events:none;overflow:hidden;perspective:1200px}.transition-spread{position:absolute;display:flex;box-shadow:0 2px 8px #2227;transform-origin:center;will-change:transform,opacity}.transition-spread img{display:block;flex:none;height:100%;background:white;object-fit:fill;user-select:none;-webkit-user-drag:none}.transition-spread img+img{box-shadow:inset 2px 0 6px #0002}#book-shell.transition-hidden{visibility:hidden}
@media(max-width:760px){.transition-picker{gap:6px;font-size:11px;flex:none}.transition-picker select{max-width:145px;font-size:11px}.mobile-top-actions{width:auto;flex:1;gap:6px}.topbar{gap:10px}.transition-picker>span{display:none}}
a[data-pdf-download]{color:inherit;text-decoration:none;cursor:pointer}
.pdf-page.page-turn-back{pointer-events:none;background:#fff}
.pdf-page.page-turn-back .page-image{transform:scaleX(-1);opacity:.12}
.pdf-page.page-turn-back::after{background:none}

#network-status{position:absolute;z-index:48;bottom:12px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:rgba(35,40,47,.94);color:#fff;padding:10px 14px;border-radius:7px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;box-shadow:0 2px 10px #0003}#network-status progress{width:80px;max-width:18vw;accent-color:#92b9e4}#network-status button{border:1px solid #8d9cad;border-radius:4px;background:#34465a;color:#fff;padding:5px 9px;white-space:nowrap}.quality-label{margin-left:14px}#reader-quality{background:#454b54;color:white;border:1px solid #727982;border-radius:3px;padding:5px;font:inherit;font-size:12px;max-width:110px}@media(max-width:720px){#network-status{font-size:11px;flex-wrap:wrap;justify-content:center}.quality-label{display:none}#reader-quality{margin-left:5px;max-width:92px}}
@media(max-width:760px){.transition-picker>label{display:none}.transition-picker select{max-width:110px;min-width:0}#reader-quality{margin-left:0;max-width:90px}.topbar{gap:6px;padding:0 8px}.mobile-top-actions{gap:2px}}@media(max-width:360px){.transition-picker select{max-width:88px;padding:5px}#reader-quality{max-width:76px}.mobile-top-actions .icon-button{width:36px}}
/* Keep zoom buttons above the selectable text and link layers. */
.zoom-controls{z-index:10}

/* PDF pages remain canvas surfaces, including temporary flip copies. */
.zoom-page>canvas{display:block;width:100%;height:100%;pointer-events:none}.zoom-page>canvas.pdf-sharp{position:absolute;display:block}.thumbnail canvas{display:block;width:100%;height:auto;background:white}.transition-spread>canvas{height:100%;flex-shrink:0}.page-image[data-pdf-rendered]{pointer-events:none}

/* A separate reading viewport scrolls tall fit-width pages while controls stay fixed. */
#book-viewport{position:absolute;inset:0;overflow:hidden}#book-surface{position:relative;width:100%;height:100%}.stage.single-width #book-viewport{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#929292 #444}.stage.single-width #book,.stage.single-width #book .pdf-page{touch-action:pan-y}.stage.single-width #book-shell{transition:none}
.stage.single-pan-enabled #book-surface,.stage.single-pan-enabled:not(.single-text-select) #book .text-line,.stage.single-pan-enabled:not(.single-text-select) #book .text-word{cursor:grab}.stage.single-pan-enabled #book-viewport.dragging,.stage.single-pan-enabled #book-viewport.dragging *{cursor:grabbing!important;user-select:none;-webkit-user-select:none}
#reader-page-layout{max-width:145px}.transition-picker{min-width:0}.top-search{flex-shrink:0}
@media(max-width:760px){.topbar .transition-picker{flex:1;min-width:0;gap:4px}.topbar .transition-picker select{width:0;flex:1;padding:5px 3px;font-size:11px;max-width:110px}#reader-page-layout{flex:1.25;max-width:120px}.mobile-top-actions{flex:0 0 auto}.mobile-top-actions .icon-button{width:30px}.mobile-top-actions svg{width:22px;height:22px}}
.edge-arrow svg,.edge-end svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.85))}
.stage:has(#zoom-layer:not([hidden])) #network-status{bottom:66px}
/* The TOC overlays the reader, so revealing it never resizes the book. */
.toc-toggle{position:fixed;z-index:65;top:32%;left:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 9px;border:1px solid var(--toc-border,#758aa4);border-left:0;border-radius:0 10px 10px 0;background:var(--toc-toggle-bg,#26364a);color:var(--toc-color,#fff);font-family:var(--toc-font,inherit);font-size:13px;box-shadow:0 3px 14px #0004;max-width:90px;overflow-wrap:anywhere}
.toc-toggle span{max-width:100%}
.toc-toggle .icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.toc-toggle[data-position=right]{left:auto;right:0;border-left:1px solid var(--toc-border,#758aa4);border-right:0;border-radius:10px 0 0 10px}
.toc-toggle:is([data-position=center],[data-mobile-floating]){top:auto;bottom:calc(var(--bar) + env(safe-area-inset-bottom,0px) + 12px);left:50%;right:auto;transform:translateX(-50%);flex-direction:row;border:1px solid var(--toc-border,#758aa4);border-radius:20px;padding:8px 15px;width:max-content;max-width:min(260px,calc(var(--toc-viewport-width,100vw) - 16px));touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.toc-toggle:is([data-position=center],[data-mobile-floating])[data-positioned]{left:var(--toc-button-x);top:var(--toc-button-y);bottom:auto;transform:none}
.toc-toggle:is([data-position=center],[data-mobile-floating]).is-dragging{cursor:grabbing;box-shadow:0 5px 20px #0006}
.toc-toggle .toc-grip{display:none}.toc-toggle:is([data-position=center],[data-mobile-floating]) .toc-grip{display:block;width:10px;height:16px;flex-shrink:0;fill:currentColor;stroke:none;opacity:.6}
.toc-toggle[data-mobile-floating]{min-height:44px;max-width:min(220px,calc(var(--toc-viewport-width,100vw) - 16px));border-radius:24px}
.toc-toggle:hover{filter:brightness(1.12)}.toc-toggle:focus-visible{outline:3px solid var(--toc-accent,#8ccaff);outline-offset:3px}
#toc-dialog{position:fixed;inset:0 auto 0 0;margin:0;width:min(380px,calc(100vw - 32px));height:100%;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-right:1px solid var(--toc-border,#4d6078);border-radius:0;box-shadow:0 12px 50px #0007;overflow:hidden}
#toc-dialog[open]{display:flex;flex-direction:column}
#toc-dialog[data-position=right]{inset:0 0 0 auto;border-right:0;border-left:1px solid var(--toc-border,#4d6078)}
#toc-dialog[data-position=center]{inset:0;margin:auto;width:min(560px,calc(100vw - 32px));height:min(640px,calc(100dvh - 48px));border:1px solid var(--toc-border,#62748b);border-radius:14px}
#toc-dialog::backdrop{background:#0006;animation:toc-backdrop-in 200ms ease-out}
@keyframes toc-backdrop-in{from{background:#0000}to{background:#0006}}
@media(prefers-reduced-motion:reduce){#toc-dialog::backdrop{animation:none}}
/* Reader-only: admin previews stay available on small screens. */
@media(max-width:760px){#book-index-tabs{display:none!important}}
.authored-hotspot{--link-color:#159eb2;box-sizing:border-box;border:1px solid transparent;background:transparent}.authored-hotspot[data-appearance=outline]{border:2px solid var(--link-color);background:transparent}.authored-hotspot[data-appearance=fill]{border:1px solid var(--link-color);background:color-mix(in srgb,var(--link-color) 18%,transparent)}.authored-hotspot:hover,.authored-hotspot:focus-visible{background:color-mix(in srgb,var(--link-color) 22%,transparent);outline:2px solid var(--link-color);outline-offset:-2px}
.page-hotspot.freeform-hotspot,.page-hotspot.freeform-hotspot:hover,.page-hotspot.freeform-hotspot:focus-visible{border:0;background:transparent;outline:0}.freeform-hotspot svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.freeform-hotspot polygon{fill:var(--link-color);fill-opacity:0;stroke:var(--link-color);stroke-width:0}.freeform-hotspot[data-appearance=outline] polygon{stroke-width:3}.freeform-hotspot[data-appearance=fill] polygon{stroke-width:2;fill-opacity:.18}.freeform-hotspot:hover polygon,.freeform-hotspot:focus-visible polygon{stroke-width:4;fill-opacity:.24}

/* Native WebKit selects can ignore dark backgrounds; preserve readable controls. */
.topbar .transition-picker select,.topbar #reader-quality{-webkit-appearance:none;appearance:none;padding-right:20px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 10px center,right 6px center;background-size:4px 4px;background-repeat:no-repeat}
body.zoom-open #toc-toggle{display:none}