.tabnav{z-index:var(--z-appshell);width:min(100%, var(--app-max-width));box-sizing:border-box;background:var(--surface-raised);border-top:var(--rule-hair) solid var(--border-default);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabnav__list{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tabnav__item{min-width:0}.tabnav__link{justify-content:center;align-items:center;gap:var(--space-3xs);min-height:var(--tap-min);padding:var(--space-2xs) var(--space-4xs) var(--space-3xs);color:var(--text-secondary);transition:color var(--dur-short) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.tabnav__glyph{width:var(--tab-glyph-width);height:var(--tab-glyph-height);border-radius:var(--radius-control);transition:background-color var(--dur-short) var(--ease-out);background:0 0;justify-content:center;align-items:center;display:inline-flex}.tabnav__label{font-size:var(--tab-label-size);white-space:nowrap;font-weight:400;line-height:1.2}.tabnav__link.is-current{color:var(--primary-text)}.tabnav__link.is-current .tabnav__glyph{background:var(--primary-soft)}.tabnav__link.is-current .tabnav__label{font-weight:700}@media (hover:hover){.tabnav__link:hover{color:var(--text-primary)}.tabnav__link.is-current:hover{color:var(--primary-hover)}}.tabnav__link:active .tabnav__glyph{background:var(--primary-soft-strong)}.tabnav__link:focus-visible{outline:var(--rule-thick) solid var(--focus-ring);outline-offset:-2px;border-radius:var(--radius-chip)}@media (width<=22.5rem){.tabnav__label{font-size:var(--tab-label-size-narrow)}.tabnav__glyph{width:var(--tab-glyph-width-narrow)}}@media (width>=48rem){.tabnav{border-top:0;border-bottom:var(--rule-hair) solid var(--border-default);background:0 0;width:auto;padding-bottom:0;position:static;transform:none}.tabnav__list{padding-inline:var(--app-gutter);grid-template-columns:repeat(5,max-content)}.tabnav__link{gap:var(--space-xs);padding-inline:var(--space-md);border-bottom:var(--rule-thick) solid transparent;flex-direction:row}.tabnav__link.is-current{border-bottom-color:var(--primary)}.tabnav__glyph{background:0 0;width:auto;height:auto}.tabnav__link.is-current .tabnav__glyph{background:0 0}.tabnav__label{font-size:var(--text-sm)}}.authprompt{box-sizing:border-box;width:calc(100% - 2 * var(--space-md));max-width:26rem;margin:auto auto var(--space-md);overscroll-behavior:contain;padding:var(--space-lg) var(--space-md) var(--space-md);background:var(--surface-raised);color:var(--text-primary);border:var(--rule-thick) solid var(--border-strong);border-radius:var(--radius-card)}.authprompt::backdrop{background:var(--scrim)}.authprompt__title{margin:0 0 var(--space-xs);font-family:var(--font-display);font-size:var(--text-md);line-height:1.4}.authprompt__lead{margin:0 0 var(--space-md);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.authprompt__google{justify-content:center;align-items:center;gap:var(--space-xs);width:100%;min-height:var(--tap-min);padding:0 var(--space-md);border:var(--rule-hair) solid var(--primary);border-radius:var(--radius-control);background:var(--primary);color:var(--text-on-primary);font-family:inherit;font-size:var(--text-base);cursor:pointer;box-sizing:border-box;font-weight:700;text-decoration:none;display:flex}@media (hover:hover){.authprompt__google:hover{background:var(--primary-hover)}}.authprompt__google:active{background:var(--primary-active)}.authprompt__google:disabled{background:var(--surface-subtle);border-color:var(--border-default);color:var(--text-disabled);cursor:not-allowed}.authprompt__google-mark{background:var(--surface);width:1.5rem;height:1.5rem;color:var(--primary-text);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);border-radius:50%;place-items:center;display:grid}.authprompt__note{margin:var(--space-xs) 0 var(--space-md);color:var(--text-secondary);font-size:var(--text-xs);text-align:center}.authprompt__cancel{width:100%;min-height:var(--tap-min);border-radius:var(--radius-control);color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0}@media (hover:hover){.authprompt__cancel:hover{background:var(--surface-subtle)}}.authprompt__cancel:active{background:var(--surface-sunken)}.authprompt__cancel:disabled{color:var(--text-disabled);cursor:not-allowed}.authprompt :focus-visible{outline:var(--rule-thick) solid var(--focus-ring);outline-offset:2px}@media (width>=48rem){.authprompt{margin:auto}}.app{--tabbar-height:calc(3.5rem + env(safe-area-inset-bottom));--appbar-height:calc(var(--sitebar-height) + var(--rule-hair));text-align:left;background:var(--canvas);min-height:100svh;color:var(--text-primary);flex-direction:column;flex:1;display:flex}.app-main{min-width:0;padding:var(--space-lg) var(--app-gutter) var(--space-xl);padding-bottom:calc(var(--tabbar-height) + var(--space-lg) + var(--abn-space,0px));flex:1}@media (width<=22.5rem){.app{--app-gutter:max(var(--space-sm), env(safe-area-inset-left), env(safe-area-inset-right))}}@media (width>=48rem){.app{--appbar-height:calc(var(--tap-min) + 3.5rem + var(--rule-hair))}.appbar{border-bottom:0}.app-main{padding-bottom:calc(var(--space-2xl) + var(--abn-space,0px))}}.tags{align-items:center;gap:var(--space-3xs) var(--space-2xs);flex-wrap:wrap;min-width:0;display:flex}.tag{align-items:center;gap:var(--space-3xs);font-size:var(--text-xs);padding:0 var(--space-2xs);border-radius:var(--radius-chip);white-space:nowrap;color:var(--text-primary);line-height:1.6;display:inline-flex}.tag--paper{border:var(--rule-hair) solid var(--border-strong);background:0 0}.tag--ebook{border:var(--rule-hair) solid transparent;background:var(--surface-subtle)}.tag--marked{border:var(--rule-hair) solid var(--status-due);background:var(--status-due-soft);color:var(--status-due);font-weight:700}.tag__marker{width:var(--measure-marker);height:var(--measure-marker);background:currentColor;flex:none}