@view-transition{navigation:auto}::view-transition-old(root){animation:.28s cubic-bezier(.4,0,.2,1) both vt-out}::view-transition-new(root){animation:.42s cubic-bezier(.2,.7,.1,1) both vt-in}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}html,*{scrollbar-width:none}::-webkit-scrollbar{display:none}:is(.pill,.nav,.book-form){background:#26262a66;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff24,0 10px 30px -14px #00000073;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:background .45s ease,color .45s ease,border-color .45s ease}:is(.pill,.nav)[data-tone=light]{background:#ffffff9e;border-color:#ffffffbf;box-shadow:inset 0 1px #fff9,0 10px 30px -14px #00000038;color:#161616;text-shadow:none}:is(.pill,.nav)[data-tone=light] :is(.pill-links a,.nav-links a){color:#161616}body:has(.blog-wrap,.post) .pill[data-tone=light]{--nav-accent: #161616}:is(.pill,.nav)[data-tone=light] :is(.pill-mark img,.nav>a img){filter:invert(1)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}