.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.site-header{z-index:20;height:var(--header-h);padding-inline:var(--pad);background:var(--bg);transition:transform .25s var(--ease);align-items:center;gap:clamp(12px,3vw,32px);display:flex;position:sticky;top:0}body:has(.poster) .site-header{background:linear-gradient(oklch(13% .012 150/.7),#0000);position:fixed;inset:0 0 auto}html[data-header-hidden] .site-header{transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){.site-header{transition:none}}.site-header__home{min-height:var(--tap);align-items:center;gap:10px;font-size:15px;text-decoration:none;display:flex}.site-header__home img{width:auto;height:22px}.site-header__nav{gap:clamp(4px,1.5vw,16px);display:flex}.site-header__nav a{min-height:var(--tap);color:var(--soft);align-items:center;padding-inline:6px;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.site-header__nav a:hover{color:var(--ink)}.player{align-items:center;min-width:0;margin-left:auto;display:flex}.player__toggle{width:var(--tap);height:var(--tap);border:1px solid color-mix(in oklch, var(--ink) 55%, transparent);cursor:pointer;transition:background-color .15s ease, color .15s ease, transform .15s var(--ease);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.player__toggle:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.player__toggle:hover{background:var(--ink);color:var(--bg)}}.player .icon-pause,.player[data-playing] .icon-play{display:none}.player[data-playing] .icon-pause{display:block}.player[data-playing] .player__toggle{border-color:var(--green);color:var(--green)}.player__open{min-width:0;height:var(--tap);cursor:pointer;text-align:left;font-size:15px;line-height:var(--tap);background:0 0;border:0;align-items:baseline;gap:10px;padding:0 0 0 12px;display:flex}.player__title{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.player__time{color:var(--soft);font-variant-numeric:tabular-nums}@media (width<=760px){.player__title{display:none}}@media (width<=420px){.site-header__home .wordmark{display:none}}.panel{inset:calc(var(--header-h) + 4px) var(--pad) auto auto;width:min(340px, 100vw - 2 * var(--pad));border:1px solid var(--line);background:var(--raised);color:var(--ink);border-radius:10px;margin:0;padding:18px 20px 20px;position:fixed}@media (width<=560px){.panel{width:100%;padding-bottom:max(20px, env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:14px 14px 0 0;inset:auto 0 0}}.panel__head{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel__now{font-size:18px;font-weight:650;line-height:1.2}.panel__close{color:var(--soft);font-size:14px}.range{width:100%;height:var(--tap);accent-color:var(--ink);background:0 0;margin:0}.panel__times{font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-8px;display:flex}.panel__volume{grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-top:6px;display:grid}.panel__tracks{border-top:1px solid var(--line);margin:12px 0 0;padding:0;list-style:none}.panel__tracks button{width:100%;min-height:var(--tap);border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.panel__tracks button[aria-current=true] span:first-child{font-weight:650}.panel__error{color:var(--gold);margin-top:12px}@font-face{font-family:Mona Sans;src:url(/fonts/MonaSans.woff2)format("woff2");font-weight:200 900;font-stretch:75% 125%;font-display:swap}:root{--bg:oklch(13% .012 150);--raised:oklch(17% .014 150);--ink:oklch(95% .012 130);--soft:oklch(76% .02 140);--line:oklch(30% .016 150);--green:oklch(88% .26 140);--gold:oklch(80% .15 80);--header-h:60px;--tap:44px;--pad:clamp(20px, 4.5vw, 56px);--font:"Mona Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.25, 1, .5, 1);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 64px)}body{min-height:100svh;color:var(--ink);font:400 17px/1.6 var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}main{flex:1}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.015em;text-wrap:balance;font-weight:650;line-height:1.08}button,select,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--ink);color:var(--bg);padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip:focus{transform:none}.wordmark{text-transform:uppercase;letter-spacing:.01em;font-weight:700;font-stretch:125%}.small{color:var(--soft);font-size:14px;line-height:1.45}.btn{border:1px solid var(--ink);background:var(--ink);min-height:48px;color:var(--bg);cursor:pointer;transition:background-color .15s ease, color .15s ease, transform .15s var(--ease);border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:16px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.btn:hover{color:var(--ink);background:0 0}}.link{min-height:var(--tap);text-decoration:underline;text-decoration-color:color-mix(in oklch, var(--ink) 45%, transparent);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:500;display:inline-flex}@media (hover:hover) and (pointer:fine){.link:hover{text-decoration-color:var(--ink)}}.btn[disabled]{opacity:.35;pointer-events:none}.wrap{width:min(100% - 2 * var(--pad), 1080px);margin-inline:auto}.site-footer{padding:24px var(--pad) 32px;border-top:1px solid var(--line);background:var(--bg);color:var(--soft);flex-wrap:wrap;gap:4px 24px;font-size:14px;display:flex}.site-footer a{min-height:var(--tap);align-items:center;text-decoration:none;display:inline-flex}.site-footer a:hover{color:var(--ink)}.page-head{gap:12px;padding:clamp(40px,8vw,96px) 0 clamp(24px,4vw,40px);display:grid}.page-head h1{font-size:clamp(36px,6.5vw,64px)}.page-head p{color:var(--soft);max-width:56ch}:root{--muted:var(--soft);--panel:var(--raised);--sans:var(--font);--mono:var(--font)}.label{color:var(--soft);font-size:13px;line-height:1.4}
