:root{--app-black:#050505;--app-paper:#f4f3ed;--app-lake:#87a8be;--app-font-display:"Archivo", "Arial Narrow", sans-serif;--app-font-mono:"IBM Plex Mono", "Courier New", monospace;--app-page-pad:clamp(20px, 4vw, 64px);--header-height:72px;--app-ease-out:cubic-bezier(.22, 1, .36, 1)}[data-app-header]{display:contents}.app-header{z-index:1000;width:100%;height:var(--header-height);padding:0 var(--app-page-pad);color:var(--app-paper);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050505c2;border-bottom:1px solid #f4f3ed24;grid-template-columns:1fr auto 1fr;align-items:center;transition:color .26s,background .26s,border-color .26s;display:grid;position:fixed;inset:0 0 auto}.app-header.is-scrolled{background:#050505eb}.app-header.is-paper{color:var(--app-black);background:#e8ebebd1;border-color:#05050524}.app-header.is-paper.is-scrolled{background:#e8ebebf0}.app-wordmark{width:max-content;min-width:48px;min-height:44px;font-family:var(--app-font-display);letter-spacing:-.05em;align-items:center;font-size:.88rem;font-weight:850;font-stretch:75%;text-decoration:none;display:inline-flex}.app-nav{justify-self:center;align-items:center;gap:clamp(18px,3vw,44px);display:flex}.app-nav a{min-width:44px;min-height:44px;font:500 .67rem/1.4 var(--app-font-mono);letter-spacing:.08em;justify-content:center;align-items:center;padding-top:2px;text-decoration:none;display:inline-flex;position:relative}.app-nav a:after{content:"";transform-origin:100%;height:1px;transition:transform .22s var(--app-ease-out);background:currentColor;position:absolute;bottom:7px;left:0;right:0;transform:scaleX(0)}.app-nav a:hover:after,.app-nav a:focus-visible:after,.app-nav a[aria-current=page]:after{transform-origin:0;transform:scaleX(1)}.app-header-actions{justify-self:end;align-items:center;gap:8px;display:flex}.app-listen-action,.app-header-action{min-width:132px;min-height:44px;color:inherit;font:500 .64rem/1.4 var(--app-font-mono);letter-spacing:.06em;cursor:pointer;transition:color .18s ease, background .18s ease, transform .18s var(--app-ease-out);background:0 0;border:1px solid;border-radius:0;justify-content:center;align-items:center;gap:9px;padding:0 16px;text-decoration:none;display:inline-flex}.app-listen-action:hover,.app-header-action:hover{color:var(--app-black);background:var(--app-paper);transform:translateY(-2px)}.app-header.is-paper .app-listen-action:hover,.app-header.is-paper .app-header-action:hover{color:var(--app-paper);background:var(--app-black)}.app-listen-action:active,.app-header-action:active{transform:translateY(0)}.app-progress{height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.app-progress span{background:var(--app-lake);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.route-view{min-height:100svh}.route-view[aria-busy=true]{cursor:progress}[data-scroll-anchor]{scroll-margin-top:var(--header-height)}@media (width<=760px){:root{--header-height:112px;--app-page-pad:clamp(16px, 5vw, 28px)}.app-header{height:var(--header-height);grid-template-rows:44px 50px;grid-template-columns:1fr auto;align-content:center;padding-top:6px}.app-nav{width:calc(100vw - var(--app-page-pad) * 2);scrollbar-width:none;grid-area:2/1/auto/-1;justify-self:start;gap:22px;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.app-nav a{flex:none}.app-header-actions{grid-area:1/2;gap:6px}.app-listen-action,.app-header-action{min-width:116px;min-height:44px;padding-left:12px;padding-right:12px}}@media (prefers-reduced-motion:reduce){.app-header,.app-nav a:after,.app-listen-action,.app-header-action{transition-duration:.01ms!important}}@view-transition{navigation:auto}.app-header{view-transition-name:glue-header}.app-header .app-wordmark{view-transition-name:glue-wordmark}::view-transition-group(glue-header){z-index:1000}::view-transition-group(glue-wordmark){z-index:1000}::view-transition-old(root){animation:.18s cubic-bezier(.4,0,1,1) both glue-page-out}::view-transition-new(root){animation:.46s cubic-bezier(.22,1,.36,1) both glue-page-in}::view-transition-old(glue-header){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(glue-header){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(glue-wordmark){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(glue-wordmark){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@keyframes glue-page-out{to{opacity:0;filter:blur(5px);transform:scale(.992)}}@keyframes glue-page-in{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(12px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}.route-transition-fallback:before{z-index:2000;content:"";pointer-events:none;background:#87a8be;position:fixed;inset:0;transform:translateY(101%)}.route-transition-fallback body{animation:.42s cubic-bezier(.22,1,.36,1) both glue-fallback-enter}.route-transition-fallback[data-route-transition=leaving]:before{animation:.23s cubic-bezier(.4,0,1,1) both glue-wash-cover}.route-transition-fallback[data-route-transition=leaving] body{pointer-events:none;animation:.2s cubic-bezier(.4,0,1,1) both glue-fallback-leave}@keyframes glue-wash-cover{to{transform:translateY(0)}}@keyframes glue-fallback-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glue-fallback-leave{to{opacity:.22;transform:scale(.992)}}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:.01ms!important}::view-transition-new(*){animation-duration:.01ms!important}.route-transition-fallback:before,.route-transition-fallback body,.route-transition-fallback[data-route-transition=leaving]:before,.route-transition-fallback[data-route-transition=leaving] body{animation:none!important}}
