/* Original glass navigation: a left rail on desktop, a compact bottom bar on phones. */
.glass-nav{position:fixed;z-index:25;left:22px;top:50%;transform:translateY(-50%);width:100px;padding:8px;display:grid;gap:5px;border:1px solid var(--border);border-radius:30px;background:var(--glass);color:var(--nav-ink);box-shadow:var(--shadow),inset 0 1px 0 #ffffff25;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}
.glass-nav a{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:65px;padding:10px 4px;border-radius:22px;font-size:11px;font-weight:600;line-height:1.2;color:var(--nav-ink);touch-action:manipulation}
.glass-nav a:before{content:"";position:absolute;z-index:-1;inset:0;border:1px solid transparent;border-radius:inherit;opacity:0;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 65%,transparent),color-mix(in srgb,var(--accent) 22%,transparent));box-shadow:inset 0 1px 2px #ffffff70;transition:opacity .25s}
.glass-nav a.active:before{opacity:1;border-color:color-mix(in srgb,var(--accent) 75%,white)}
.glass-nav a:after{content:"";position:absolute;bottom:4px;width:18px;height:2px;border-radius:2px;background:var(--nav-mark);opacity:0;transform:scaleX(.5);transition:opacity .25s,transform .25s}
.glass-nav a.active:after{opacity:1;transform:scaleX(1)}
.glass-nav a svg{width:25px;height:25px;flex-shrink:0;transition:transform .25s}
.glass-nav a span{white-space:nowrap}
.glass-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(hover:hover){.glass-nav a:hover:before{opacity:.6}.glass-nav a.active:hover:before{opacity:1}.glass-nav a:hover svg{transform:translateY(-2px)}}
@media(min-width:768px){.chapter{padding-left:230px}.chapter-footer{left:230px}}
@media(max-width:767px),(max-width:950px) and (max-height:500px){
 :root{--mobile-dock:calc(112px + env(safe-area-inset-bottom,0px))}
 .glass-nav{top:auto;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:calc(100% - 24px);max-width:620px;min-height:76px;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:6px;border-radius:25px;backdrop-filter:blur(11px) saturate(150%)!important;-webkit-backdrop-filter:blur(11px) saturate(150%)!important}
 .glass-nav a{min-height:62px;padding:8px 1px;gap:5px;border-radius:19px;font-size:10px}
 .glass-nav a svg{width:23px;height:23px}
 .chapter{padding-left:20px;padding-bottom:var(--mobile-dock)}
 .toast{bottom:var(--mobile-dock)}
}
@media(max-width:379px){.glass-nav a{font-size:9px}.glass-nav a svg{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.glass-nav a:before,.glass-nav a:after,.glass-nav a svg{transition:none}}