#menu{display:inline-flex;min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;font-size:12px;white-space:nowrap;color:var(--text)}.sidebar-collapsed #reader{grid-template-columns:minmax(0,1fr)}.sidebar-collapsed .reading-area{width:100%;max-width:1320px;margin:auto}.sidebar-collapsed .reading-columns{justify-content:center}.sidebar-collapsed .reading-toolbar{max-width:980px;margin-inline:auto}.sidebar-collapsed .pager{margin-inline:auto}.reading-toolbar{min-height:44px}
#menu{position:fixed;left:248px;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;border-radius:50%;background:linear-gradient(130deg,#401559cc,#16101de6);color:#ededed;border-color:#ededed55;box-shadow:0 6px 20px #0004,inset 0 1px 0 #ffffff66;backdrop-filter:blur(20px);z-index:50}.sidebar-collapsed #menu{left:18px}#menu svg{width:21px;height:21px;stroke-width:1.5}body.is-home #menu{visibility:hidden}
@media(max-width:800px){#menu{font-size:12px;padding:8px 12px}.tools{gap:4px}.brand img{width:85px}.sidebar-collapsed #reader{display:block}#sidebar:not([hidden]){display:block}.reading-toolbar{align-items:start}}
@media(max-width:800px){#menu,.sidebar-collapsed #menu{position:static;left:auto;top:auto;transform:none;padding:0;flex-shrink:0}}

/* Local chapter links live in a disclosure, leaving the reading column centered. */
.reading-columns{grid-template-columns:minmax(0,760px);gap:0}
.reading-toolbar,.sidebar-collapsed .reading-toolbar{max-width:760px;margin-inline:auto;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;position:relative;z-index:12}
.chapter-index{position:relative}
#chapter-index-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(135deg,#ffffff0c,#ffffff03);color:var(--text);font-size:12px;box-shadow:inset 0 1px 0 #ffffff18}
#chapter-index-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#chapter-index-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
#chapter-index-toggle:active{transform:scale(.98)}
#chapter-index-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(300px,calc(100vw - 40px));max-height:min(420px,60dvh);overflow:auto;padding:6px;border:1px solid var(--line);border-radius:18px;background:var(--bg,#09050e);box-shadow:0 16px 40px #0005,inset 0 1px 0 #ffffff18}
#local-nav a{display:block;padding:12px 14px;border-radius:12px;color:var(--text);font:400 14px/1.45 Magnetik,sans-serif;text-decoration:none;overflow-wrap:anywhere}
#local-nav a:focus-visible,#chapter-index-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(hover:hover){#local-nav a:hover{background:#b689c41a}#chapter-index-toggle:hover{background-color:#b689c418}}
@media print{.chapter-index{display:none!important}}

/* v2.1: an inset glass panel and a compact, persistent way back to the index. */
#reader{grid-template-columns:310px minmax(0,1fr)}
#reader>.reading-area{grid-column:2}.sidebar-collapsed #reader>.reading-area{grid-column:1}
#reader #sidebar{position:fixed;inset:108px auto 20px max(20px,calc((100vw - 1800px)/2 + 20px));width:270px;height:auto;padding:24px 20px 28px;border:1px solid #ededed36;border-radius:24px;background:linear-gradient(145deg,#40155942,#0000009c 60%),#160a20c9;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 18px 48px -24px #000c,inset 0 1px 0 #ededed50,inset 0 -1px 0 #ededed0e;z-index:40;scrollbar-width:thin;scrollbar-color:#bdb5c466 transparent;overscroll-behavior:contain;scrollbar-gutter:stable;overflow:auto}
#sidebar .back{display:block;padding:4px 10px 18px;margin-bottom:16px}
#sidebar #chapter-nav details{padding-block:18px;border-color:var(--line)}
#sidebar #chapter-nav summary{padding:3px 9px;line-height:1.5}
#sidebar #chapter-nav a{padding:9px 12px;margin:3px 0;border-radius:12px;line-height:1.55}
#sidebar #chapter-nav a[aria-current=page]{background:linear-gradient(115deg,#61009a55,#40155944);box-shadow:inset 2px 0 0 #bdb5c4a6;color:var(--text)}
#sidebar .final-check{display:block;margin:18px 10px 0}
#menu{left:max(268px,calc((100vw - 1800px)/2 + 268px));gap:7px;justify-content:center}
.sidebar-collapsed #menu{left:20px;width:auto;min-width:98px;padding:0 14px;border-radius:999px}
.sidebar-toggle-label{font:400 12px/1 Magnetik,sans-serif;display:none}
.sidebar-collapsed #menu .sidebar-toggle-label{display:inline}
#sidebar-shade{position:fixed;inset:72px 0 0;border:0;border-radius:0;background:#0009;backdrop-filter:blur(4px);z-index:35;cursor:default}
[data-theme=light] #reader #sidebar{background:linear-gradient(145deg,#40155912,#ffffffb3 65%),#edededdb;border-color:#40155933;box-shadow:0 18px 48px -24px #40155950,inset 0 1px 0 #ffffffcc}
[data-theme=light] #sidebar #chapter-nav a[aria-current=page]{background:linear-gradient(115deg,#61009a1f,#40155912);box-shadow:inset 2px 0 0 #61009a88}
[data-theme=light] #menu{background:linear-gradient(135deg,#ffffffe6,#edededee);color:var(--text);border-color:#40155940;box-shadow:0 6px 20px #4015591f,inset 0 1px 0 #fff}
@media(hover:hover){#sidebar #chapter-nav a:hover{background-color:#bdb5c412}#menu:hover{border-color:var(--accent)}}
@media(max-width:800px){#reader{display:block}#reader #sidebar{inset:88px auto 80px 16px;width:min(320px,calc(100vw - 32px));border-radius:22px;padding:20px 16px}#menu,.sidebar-collapsed #menu{position:fixed;left:16px;top:auto;bottom:20px;transform:none;width:auto;min-width:98px;height:44px;padding:0 14px;border-radius:999px}#menu .sidebar-toggle-label{display:inline}body.menu-open #menu .sidebar-toggle-label{font-size:0}body.menu-open #menu .sidebar-toggle-label::after{content:'Fechar';font-size:12px}.tools{gap:7px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#reader #sidebar{background:#160a20}[data-theme=light] #reader #sidebar{background:#ededed}}
@media(prefers-reduced-transparency:reduce){#reader #sidebar{backdrop-filter:none;-webkit-backdrop-filter:none;background:#160a20}[data-theme=light] #reader #sidebar{background:#ededed}}
@media print{#sidebar-shade,#menu{display:none!important}}

/* Keep the browser scrollbar inset from the shell's rounded border. */
#reader #sidebar{overflow:hidden;padding:12px;scrollbar-gutter:auto}
.sidebar-scroll{height:100%;overflow-y:auto;overflow-x:hidden;padding:12px 8px 16px;border-radius:14px;scrollbar-width:thin;scrollbar-color:#bdb5c466 transparent;scrollbar-gutter:stable;overscroll-behavior:contain}
#menu,.sidebar-collapsed #menu{width:44px;min-width:44px;height:44px;padding:0;border-radius:50%;gap:0}
.reading-area{--reading-width:760px}.reading-area:has(.role-grid){--reading-width:950px}
.reading-area .pager{width:min(100%,var(--reading-width));max-width:var(--reading-width);margin-inline:auto}
@media(max-width:800px){#reader #sidebar{padding:12px}.sidebar-scroll{padding:8px 4px 12px}}

/* The collapse button sits beyond the shell, clear of its inset scroll track. */
@media(min-width:801px){#menu{left:max(298px,calc((100vw - 1800px)/2 + 298px))}.sidebar-collapsed #menu{left:20px}}