.nav-bar{z-index:1;background:var(--surface-card);border-bottom:var(--border-width) solid var(--border-default);position:relative}[data-theme=dark] .nav-bar{background:var(--surface-inset)}.nav-inner{justify-content:space-between;align-items:center;gap:var(--space-4);padding:16px var(--gutter);display:flex}.nav-brand{align-items:center;gap:var(--space-3);flex-shrink:0;text-decoration:none;display:flex}.nav-brand-name{font-weight:var(--weight-bold);font-size:var(--text-md);color:var(--text-primary)}.nav-links{align-items:center;gap:var(--space-6);font-size:var(--text-sm);font-weight:500;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-hover);padding:4px 0;text-decoration:none;position:relative}.nav-link:hover,.nav-link[data-active="1"]{color:var(--text-primary)}.nav-link[data-active="1"]:after{content:"";background:var(--accent);border-radius:var(--radius-full);height:2px;position:absolute;bottom:-6px;left:0;right:0}.nav-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.nav-start{font-size:var(--text-sm);color:var(--text-tertiary);white-space:nowrap;transition:color var(--transition-hover);text-decoration:none}.nav-start:hover{color:var(--text-primary)}@media (max-width:860px){.nav-start{display:none}}.nav-auth{align-items:center;gap:var(--space-3);display:flex}.nav-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-card);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-hover), border-color var(--transition-hover), color var(--transition-hover);justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.nav-icon-btn:hover{background:var(--surface-canvas);color:var(--text-primary)}.nav-menu-btn{display:none}.nav-panel{border-top:var(--border-width) solid var(--border-default);background:var(--surface-card);display:none;overflow:hidden}[data-theme=dark] .nav-panel{background:var(--surface-inset)}.nav-panel-inner{padding:var(--space-2) var(--gutter) var(--space-4);flex-direction:column;display:flex}.nav-panel-link{align-items:center;gap:var(--space-3);padding:var(--space-4) 0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-secondary);border-bottom:var(--border-width) solid var(--border-default);transition:color var(--transition-hover);text-decoration:none;display:flex}.nav-panel-link:last-child{border-bottom:0}.nav-panel-link:hover{color:var(--text-primary)}.nav-panel-link[data-active="1"]{color:var(--text-primary);box-shadow:inset 2px 0 0 var(--accent);padding-left:var(--space-3)}.nav-panel-book{margin-top:var(--space-2);color:var(--accent-ink)}.nav-panel-book:hover{color:var(--accent-hover)}@media (max-width:860px){.nav-links{display:none}.nav-menu-btn{display:inline-flex}.nav-auth{display:none}.nav-panel{opacity:0;max-height:0;transition:transform var(--transition-state), opacity var(--transition-state), max-height var(--transition-state);display:block;transform:translateY(-8px)}.nav-panel[data-open="1"]{opacity:1;max-height:420px;transform:translateY(0)}}.nav-logo{border-radius:var(--radius-xs)}.nav-brand:focus-visible,.nav-link:focus-visible,.nav-icon-btn:focus-visible,.nav-panel-link:focus-visible,.nav-auth a:focus-visible{outline:2px solid var(--accent);outline-offset:var(--space-1);border-radius:var(--radius-xs)}
.footer-grid{gap:var(--space-10);padding:var(--space-16) var(--gutter) var(--space-8);grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));display:grid}@media (max-width:860px){.footer-grid{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr))}}.footer-brand{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);text-decoration:none;display:flex}.footer-brand img{border-radius:var(--radius-xs)}.footer-brand-name{font-weight:var(--weight-bold);color:var(--text-primary)}.footer-tagline{max-width:30ch;font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--text-secondary)}.footer-heading{margin-bottom:var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary)}.footer-item{margin-bottom:var(--space-2)}.footer-link{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-hover);text-decoration:none}.footer-link:hover{color:var(--text-primary)}.footer-brand:focus-visible,.footer-link:focus-visible{outline:2px solid var(--accent);outline-offset:var(--space-1);border-radius:var(--radius-xs)}.footer-legal{padding:var(--space-5) var(--gutter);font-size:var(--text-xs);color:var(--text-secondary)}