.navigation-body.svelte-tsnnk,.drawer-body.svelte-tsnnk{scrollbar-width:thin;scrollbar-color:transparent transparent}.navigation-body.svelte-tsnnk:is(:where(.svelte-tsnnk):hover,:where(.svelte-tsnnk):focus-within),.drawer-body.svelte-tsnnk:is(:where(.svelte-tsnnk):hover,:where(.svelte-tsnnk):focus-within){scrollbar-color:var(--color-border-02) transparent}@media (width>=1280px){.workspace-navigation.docked.centered.svelte-tsnnk,.workspace-navigation.docked.centered.collapsed.svelte-tsnnk{grid-template-columns:minmax(0,1fr) minmax(0,var(--reader-width,680px)) minmax(0,1fr);gap:32px;transition:none}.centered.svelte-tsnnk>.workspace-content:where(.svelte-tsnnk){grid-column:2/4}.centered.collapsed.svelte-tsnnk>aside:where(.svelte-tsnnk){justify-self:end;width:54px}.centered.svelte-tsnnk>aside:where(.svelte-tsnnk){justify-self:end;width:100%;max-width:260px;padding-inline:0 12px}}@media (width>=1000px) and (width<=1279px){.workspace-navigation.docked.centered.svelte-tsnnk,.workspace-navigation.docked.centered.collapsed.svelte-tsnnk{display:block}.workspace-navigation.centered.svelte-tsnnk>aside:where(.svelte-tsnnk){display:none}.mobile-navigation.centered.svelte-tsnnk{top:var(--sticky-top);z-index:18;max-width:var(--reader-width,680px);background:var(--color-bg);border-bottom:1px solid var(--color-border-02);align-items:center;gap:14px;min-width:0;min-height:44px;margin:0 auto 20px;padding-block:8px;display:flex;position:sticky}.mobile-navigation.centered.svelte-tsnnk button:where(.svelte-tsnnk){border:1px solid var(--color-border-02);cursor:pointer;border-radius:5px;flex:none;align-items:center;gap:9px;min-height:44px;padding:9px 12px;font-size:13px;display:inline-flex}.mobile-navigation.centered.svelte-tsnnk>span:where(.svelte-tsnnk){text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-sec);min-width:0;font-size:12px;overflow:hidden}}:is(.navigation-body.svelte-tsnnk:has(.chapter-search),.drawer-body.svelte-tsnnk:has(.chapter-search)){scrollbar-gutter:auto;flex-direction:column;display:flex;overflow:hidden}.workspace-navigation.svelte-tsnnk{grid-template-columns:var(--workspace-nav-width,248px) minmax(0,1fr);align-items:start;gap:28px;transition:grid-template-columns .22s;display:grid}.workspace-navigation.collapsed.svelte-tsnnk{grid-template-columns:54px minmax(0,1fr)}.workspace-content.svelte-tsnnk{min-width:0}aside.svelte-tsnnk{top:calc(var(--sticky-top) + 16px);max-height:calc(100dvh - var(--sticky-top) - 32px);border:1px solid var(--color-border-02);background:var(--color-bg);border-radius:7px;flex-direction:column;min-width:0;min-height:54px;padding:10px 12px 12px;display:flex;position:sticky}aside.svelte-tsnnk header:where(.svelte-tsnnk){margin-bottom:12px}header.svelte-tsnnk{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}h2.svelte-tsnnk{letter-spacing:-.02em;font-size:16px;font-weight:400;line-height:1.3}header.svelte-tsnnk button:where(.svelte-tsnnk){cursor:pointer;border-radius:5px;flex:none;justify-content:center;align-items:center;gap:7px;min-width:44px;height:44px;padding:8px;font-size:12px;display:flex}header.svelte-tsnnk button:where(.svelte-tsnnk):hover,.mobile-navigation.svelte-tsnnk button:where(.svelte-tsnnk):hover{background:var(--color-card-03)}header.svelte-tsnnk button:where(.svelte-tsnnk):active,.mobile-navigation.svelte-tsnnk button:where(.svelte-tsnnk):active{background:var(--color-card)}button.svelte-tsnnk:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.navigation-body.svelte-tsnnk{max-height:calc(100dvh - var(--sticky-top) - 118px);opacity:1;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:4px 10px 8px 4px;transition:opacity .16s,max-height .22s,visibility .22s;overflow:auto}.collapsed.svelte-tsnnk .navigation-body:where(.svelte-tsnnk){opacity:0;visibility:hidden;pointer-events:none;max-height:0}.collapsed.svelte-tsnnk aside:where(.svelte-tsnnk){padding:4px}.collapsed.svelte-tsnnk aside:where(.svelte-tsnnk) header:where(.svelte-tsnnk){gap:0;margin:0}.mobile-navigation.svelte-tsnnk{display:none}dialog.svelte-tsnnk{border:1px solid var(--color-border-02);background:var(--color-bg);width:min(360px,100vw - 24px);max-width:none;height:calc(100dvh - 24px);max-height:none;color:var(--color-fg);box-shadow:var(--shadow-window);border-radius:12px;margin:0;padding:0;position:fixed;inset:12px auto 12px 12px;overflow:hidden}dialog[open].svelte-tsnnk{flex-direction:column;animation:.18s ease-out svelte-tsnnk-arrive;display:flex}dialog[open].closing.svelte-tsnnk{animation:.18s ease-in both svelte-tsnnk-depart}dialog.closing.svelte-tsnnk::backdrop{animation:.18s ease-in both svelte-tsnnk-backdrop-out}dialog.svelte-tsnnk::backdrop{background:var(--color-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog.svelte-tsnnk header:where(.svelte-tsnnk){border-bottom:1px solid var(--color-border-02);padding:16px 18px}dialog.svelte-tsnnk h2:where(.svelte-tsnnk){font-size:21px}.drawer-body.svelte-tsnnk{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:20px 18px;overflow:auto}@keyframes svelte-tsnnk-arrive{0%{opacity:.4;transform:translate(-36px)}}@keyframes svelte-tsnnk-depart{to{opacity:0;transform:translate(-36px)}}@keyframes svelte-tsnnk-backdrop-out{to{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}}@media (width>=1000px){.workspace-navigation.docked.svelte-tsnnk{grid-template-columns:var(--workspace-nav-width,248px) minmax(0,1fr);gap:32px}.workspace-navigation.docked.collapsed.svelte-tsnnk{grid-template-columns:54px minmax(0,1fr)}.docked.svelte-tsnnk>aside:where(.svelte-tsnnk){top:calc(var(--sticky-top) + 20px);height:calc(100dvh - var(--sticky-top) - 40px);border:0;border-radius:0;max-height:none;padding:0 4px 0 8px}.docked.collapsed.svelte-tsnnk>aside:where(.svelte-tsnnk){padding:0 4px}.docked.svelte-tsnnk .navigation-body:where(.svelte-tsnnk){flex:1;max-height:none}.docked.svelte-tsnnk .workspace-content:where(.svelte-tsnnk){padding-left:0}}@media (width<=999px){.workspace-navigation.svelte-tsnnk,.workspace-navigation.collapsed.svelte-tsnnk{display:block}.workspace-navigation.svelte-tsnnk>aside:where(.svelte-tsnnk){display:none}.mobile-navigation.svelte-tsnnk{align-items:center;gap:14px;min-width:0;margin-bottom:18px;display:flex}.mobile-navigation.svelte-tsnnk button:where(.svelte-tsnnk){border:1px solid var(--color-border-02);cursor:pointer;border-radius:5px;flex:none;align-items:center;gap:9px;min-height:44px;padding:9px 12px;font-size:13px;display:inline-flex}.mobile-navigation.svelte-tsnnk>span:where(.svelte-tsnnk){text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-sec);min-width:0;font-size:12px;overflow:hidden}.mobile-navigation.sticky-mobile.svelte-tsnnk{top:var(--sticky-top);z-index:18;background:var(--color-bg);border-bottom:1px solid var(--color-border-02);margin-bottom:20px;padding-block:8px;position:sticky}}@media (prefers-reduced-motion:reduce){.workspace-navigation.svelte-tsnnk,.navigation-body.svelte-tsnnk{transition:none}dialog[open].svelte-tsnnk{animation:.15s ease-out reduce-fade-in!important}dialog[open].closing.svelte-tsnnk,dialog.closing.svelte-tsnnk::backdrop{animation:.15s ease-in both reduce-fade-out!important}}
