:root{--context-width:clamp(420px,30vw,560px)}
/* While reading, the document gets one bar instead of three stacked tool rows. */
body.is-reading>.top{display:none}body.is-reading #main{display:flex;flex-direction:column;gap:0;padding:12px 20px calc(10px + env(safe-area-inset-bottom,0px) + var(--reader-player-space,0px))}.reader-heading.reader-chrome{display:flex;align-items:center;gap:16px;flex:none;height:64px;min-height:64px;margin:0 0 12px;direction:ltr}.reader-chrome .menu-toggle{font-size:16px;min-width:108px;max-width:none;min-height:48px;padding:10px 16px}.reader-logo{display:flex;align-items:center;flex:none}.reader-logo img{display:block;width:34px;height:34px}.reader-identity{flex:1;min-width:0}.reader-chrome h1{font-size:30px;line-height:1.25;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-chrome p{display:block;font-size:13px;line-height:1.5;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-quick-actions{display:flex;gap:10px;align-items:center;flex:none}.reader-quick-actions button{display:inline-flex;align-items:center;gap:10px;font-size:15px;min-height:48px;padding:10px 18px}.reader-quick-actions button[aria-pressed=true]{background:var(--surface2);border-color:var(--accent)}.reader-footer{flex:none;flex-wrap:nowrap;margin-top:8px;min-height:0}.reader-footer .page-navigation{flex:0 1 560px;max-width:560px;margin:0 auto;min-height:44px;grid-template-columns:1fr auto 1fr;gap:12px}.reader-footer .page-navigation button{min-height:44px;padding:8px 16px;font-size:14px}.reader-workspace{min-height:0}
html[dir=rtl] .reader-chrome{direction:rtl}
@media(max-width:580px){body.is-reading #main{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px) + var(--reader-player-space,0px))}.reader-heading.reader-chrome{height:52px;min-height:52px;gap:10px;margin-bottom:8px}.reader-chrome .menu-toggle{width:44px;min-width:44px;min-height:44px;padding:10px;font-size:14px}.reader-chrome .menu-toggle>span,.reader-logo,.reader-quick-actions button>span{display:none}.reader-chrome h1{font-size:22px}.reader-chrome p{font-size:11px;margin-top:3px}.reader-quick-actions{gap:6px}.reader-quick-actions button{width:44px;min-height:44px;padding:10px;justify-content:center}.reader-footer{margin-top:6px}.reader-footer .page-navigation{flex:1;gap:6px;grid-template-columns:44px minmax(0,1fr) 44px}.reader-footer .page-navigation button{font-size:12px;padding:8px;min-height:44px}.reader-footer .page-counter{width:100%}.reader-footer .page-turn{width:44px}}
@media(max-height:480px) and (min-width:581px){body.is-reading #main{display:flex;padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px) + var(--reader-player-space,0px))}.reader-heading.reader-chrome{height:48px;min-height:48px;margin-bottom:6px;gap:12px}.reader-chrome h1{font-size:23px}.reader-chrome p{font-size:11px}.reader-chrome .menu-toggle,.reader-quick-actions button{min-height:40px;padding:8px 12px}.reader-footer{margin-top:6px}.reader-footer .page-navigation,.reader-footer .page-navigation button{min-height:38px}.reader-footer .page-navigation button{padding:6px 14px}}

/* One discoverable home for navigation and occasional reading controls. */
.menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 16px;font-size:16px;border-radius:14px;flex:none}.menu-toggle svg{width:24px;height:24px}.top{justify-content:space-between}.top>.menu-toggle{margin-inline-start:auto}
#app-menu{position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;margin:0;width:min(520px,100vw);height:100dvh;max-width:100vw;max-height:100dvh;padding:0;border:1px solid var(--line);border-radius:0 24px 24px 0;background:var(--bg);color:var(--ink);box-shadow:18px 0 80px #0007;overflow:hidden}#app-menu:not([open]){display:none}#app-menu[open]{display:flex;flex-direction:column}#app-menu::backdrop{background:#061011a8;backdrop-filter:blur(5px)}#app-menu .app-menu-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px 18px;border-bottom:1px solid var(--line);flex:none}#app-menu h2{font-size:30px;margin:0}#app-menu .app-menu-body{padding:24px 28px max(28px,env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;flex:1;min-height:0}#app-menu section+section{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}#app-menu h3{font-size:12px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin:0 0 14px}#app-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:12px}#app-menu nav a{font-size:22px;padding:22px 18px;min-height:82px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-decoration:none;display:flex;align-items:center}#app-menu nav a.selected{border-color:var(--accent);color:var(--accent)}#app-menu .field{margin:0 0 16px}#app-menu select{width:100%;max-width:none;font-size:16px;min-height:50px}#app-menu .language-label{display:grid;gap:10px;font-size:15px}#app-menu .language-label select{width:100%;max-width:none}#app-menu .menu-settings{width:100%;justify-content:space-between;padding:16px;font-size:16px;margin-top:18px;min-height:52px}#app-menu #menu-reading[hidden]{display:none}
#app-menu .reader-toolbar{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;margin:0;padding:0;border:0;gap:18px}#app-menu .toolbar-primary{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:12px;width:100%;flex:none}#app-menu .toolbar-primary label{display:grid;gap:8px;width:100%;font-size:14px}#app-menu .toolbar-primary label>span{display:block}#app-menu .toolbar-primary select{width:100%;max-width:none;min-width:0}#app-menu .mode-switch{display:flex;flex:none;width:100%;margin:0;gap:6px}#app-menu .mode-switch button{flex:1;min-width:0;min-height:48px;font-size:15px;padding:10px}#app-menu .toolbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:0}#app-menu .toolbar-actions>button:first-child{width:auto;display:inline-flex}#app-menu button:not(.icon-button){font-size:15px;min-height:48px}#app-menu .reader-more{display:contents}#app-menu .reader-more>summary{display:none}#app-menu .reader-menu{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;position:static;inset:auto;width:auto;max-height:none;overflow:visible;box-shadow:none;border:0;border-radius:0;padding:0;gap:10px;background:transparent}#app-menu .reader-menu button,#app-menu .reader-menu a{width:100%;min-width:0;white-space:normal;font-size:15px;padding:14px;text-align:start;line-height:1.5;min-height:52px;border:1px solid var(--line);border-radius:14px;justify-content:flex-start}#app-menu .reader-scale{display:flex;flex-wrap:wrap;flex:none;gap:12px;margin-top:22px;direction:ltr;padding-top:20px;border-top:1px solid var(--line)}#app-menu .reader-scale[hidden]{display:none}#app-menu .reader-scale label{flex-basis:100%;font-size:15px;max-width:none}#app-menu .reader-scale input{min-width:80px;flex:1}#app-menu #page-scale-value{font-size:14px}#app-menu .reader-scale button{font-size:14px;min-height:42px}#app-menu .menu-reading-options{width:100%;margin-top:14px}
html[dir=rtl] #app-menu{border-radius:24px 0 0 24px}html[dir=rtl] #app-menu .reader-toolbar{direction:rtl}
@media(max-width:580px){#app-menu{width:100vw;border-radius:0}html[dir=rtl] #app-menu{border-radius:0}#app-menu .app-menu-head{padding:18px 20px}#app-menu .app-menu-body{padding:20px 20px max(24px,env(safe-area-inset-bottom))}#app-menu h2{font-size:27px}#app-menu nav a{font-size:21px;min-height:76px;padding:18px 14px}#app-menu .reader-menu{grid-template-columns:1fr 1fr}.top>.menu-toggle{font-size:15px}}
@media(prefers-reduced-motion:reduce){#app-menu::backdrop{backdrop-filter:none}}