@layer components{:root{--pf-measure:52rem;--pf-glow:2.5px;--pf-glow-spill:22%}.pf-page{width:min(100%, var(--pf-measure))}.pf-title>h1{flex-direction:column;align-items:flex-start;display:flex}.pf-title>h1>:not(.dm-version){color:var(--dm-select-fg);background-color:var(--dm-select)}.pf-title>.dm-version{color:var(--dm-accent-quiet)}.pf-hero{justify-content:space-between;align-items:flex-start;gap:var(--dm-space-3);flex-wrap:wrap;width:100%;display:flex}.pf-hero__lead{align-items:flex-start;gap:var(--dm-space-3);flex-direction:column;flex:20rem;min-width:0;display:flex}.pf-sentence{display:inline-block}.pf-graph{--_columns:53;--_cell-min:9px;--_off:var(--dm-bg-sunken);--_level-1:color-mix(in srgb, var(--dm-accent) 20%, var(--_off));--_level-2:color-mix(in srgb, var(--dm-accent) 48%, var(--_off));--_level-3:color-mix(in srgb, var(--dm-accent) 74%, var(--_off));--_level-4:var(--dm-accent);gap:var(--dm-space-1);flex-direction:column;display:flex;position:relative}.pf-graph[data-state=failed]{display:none}.pf-graph[data-state=loading] .pf-graph__grid{cursor:auto;background-color:var(--_off);background-image:linear-gradient(90deg, transparent, color-mix(in srgb, var(--dm-accent) 20%, transparent), transparent);animation:pf-graph-scan calc(var(--dm-duration) * 3) linear infinite;background-repeat:no-repeat;background-size:28% 100%}@keyframes pf-graph-scan{0%{background-position:-30% 0}to{background-position:130% 0}}@media (prefers-reduced-motion:reduce){.pf-graph[data-state=loading] .pf-graph__grid{background-image:none;animation:none}}.pf-graph .dm-spec{font-size:inherit;border-bottom:none;padding-bottom:0}.pf-graph__scroll{padding:var(--crt-bloom,5px);margin:calc(var(--crt-bloom,5px) * -1);flex-direction:column;gap:4px;display:flex;overflow:auto hidden}.pf-graph__months,.pf-graph__grid{grid-template-columns:repeat(var(--_columns), minmax(var(--_cell-min), 1fr));gap:0;display:grid}.pf-graph__grid{aspect-ratio:var(--_columns) / 7;min-height:calc(7 * var(--_cell-min));cursor:none;grid-template-rows:repeat(7,auto);grid-auto-flow:column}.pf-graph__months{min-height:1lh;font-size:var(--dm-text-note);line-height:1}.pf-graph__month{color:var(--dm-fg-muted);text-transform:uppercase;letter-spacing:.08em}.pf-graph__cell{aspect-ratio:1;background:var(--_off)}.pf-graph__cell--pad{cursor:auto;background:0 0}.pf-graph__swatch{--_halo:none;background:var(--_lit,var(--_off));box-shadow:var(--_halo)}.pf-graph__swatch[data-level="1"]{--_lit:var(--_level-1)}.pf-graph__swatch[data-level="2"]{--_lit:var(--_level-2)}.pf-graph__swatch[data-level="3"]{--_lit:var(--_level-3);--_halo:0 0 var(--crt-bloom,5px) color-mix(in srgb, var(--_level-3) var(--crt-bloom-strength,60%), transparent)}.pf-graph__swatch[data-level="4"]{--_lit:var(--_level-4);--_halo:0 0 var(--crt-bloom,5px) color-mix(in srgb, var(--_level-4) var(--crt-bloom-strength,60%), transparent)}@keyframes pf-graph-strike{0%,62%{background:var(--_off);box-shadow:none}70%,88%{background:var(--_lit);box-shadow:var(--_halo)}78%{background:var(--_off);box-shadow:none}}@media (prefers-reduced-motion:no-preference){.pf-graph[data-state=ready] .pf-graph__swatch:not([data-level="0"]){animation:pf-graph-strike calc(var(--dm-duration) * .55) steps(1) backwards;animation-delay:calc(var(--_n,0) * var(--dm-duration) * 1.1)}}.pf-graph__swatch:not([data-level="0"]){filter:brightness(calc(.78 + var(--_n,.5) * .44))}.pf-graph__swatch:hover{z-index:1;position:relative}.pf-graph__swatch:not([data-level="0"]):hover{filter:brightness(max(1, .78 + var(--_n,.5) * .44))}.pf-graph__swatch:hover:before{--_arm:6px;content:"";inset:calc(var(--dm-border) * -2);border:var(--dm-border) solid var(--dm-fg);mask:linear-gradient(#000 0 0) 0 0 / var(--_arm) var(--_arm) no-repeat, linear-gradient(#000 0 0) 100% 0 / var(--_arm) var(--_arm) no-repeat, linear-gradient(#000 0 0) 0 100% / var(--_arm) var(--_arm) no-repeat, linear-gradient(#000 0 0) 100% 100% / var(--_arm) var(--_arm) no-repeat;position:absolute}.pf-graph__total b{color:var(--dm-accent-text)}.pf-graph__tip{z-index:1;color:var(--dm-accent-text);white-space:nowrap;background:var(--dm-bg);border:var(--dm-border) solid var(--dm-line);pointer-events:none;visibility:hidden;padding:.25em .75ch;line-height:1;position:absolute}.pf-graph__tip[data-shown]{visibility:visible}.pf-project{flex-direction:column;display:flex}.pf-project>.dm-panel__title{padding:0;font-weight:700}.pf-project__open{width:100%;padding:.575em var(--dm-space-1);font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;color:inherit;cursor:pointer;transition:color var(--dm-flick-time) var(--dm-flick);background-color:#0000;border:none;display:block}.pf-project:hover .pf-project__open,.pf-project__open:hover{color:var(--dm-accent-text)}.pf-project__open:focus-visible{outline:var(--dm-border) solid var(--dm-accent);outline-offset:-2px}.pf-modal{--dm-modal-width:var(--pf-measure);--dm-modal-min-height:24rem;--dm-modal-max-height:100vh;scrollbar-width:none}.pf-modal::-webkit-scrollbar{display:none}.pf-modal__links{justify-content:flex-end;align-items:center;gap:var(--dm-space-1) var(--dm-space-2);flex-wrap:wrap;margin:0 0 0 auto;display:flex}.pf-modal__preview{border:var(--dm-border) solid var(--dm-line);width:100%;height:auto;margin-bottom:1em;display:block}.pf-modal__preview--inset{border-radius:2.5%}.pf-modal .dm-panel__body p:has(+ul){margin-bottom:var(--dm-space-1)}.pf-modal .dm-panel__body p+ul{margin-top:0}.pf-modal__link{color:var(--dm-fg-muted);transition:background-color var(--dm-flick-time) var(--dm-flick);background-color:#0000;align-items:center;gap:1ch;text-decoration:none;display:inline-flex}.pf-modal__link:hover{color:var(--dm-highlight-fg);background-color:var(--dm-highlight)}.pf-modal__link:focus-visible{outline:var(--dm-border) solid var(--dm-accent);outline-offset:2px}.pf-modal{container-type:inline-size}@container (width<=30rem){.pf-modal__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pf-modal__link{gap:0}}.pf-modal__icon{fill:currentColor;width:24px;height:24px}.pf-episodes{gap:var(--dm-space-2);flex-direction:column;margin-bottom:1em;display:flex}.pf-episodes[hidden]{display:none}.pf-episodes .pf-player{border:var(--dm-border) solid var(--dm-line)}.pf-episodes .pf-player__body{gap:var(--dm-space-2);padding:var(--dm-space-2)}.pf-episodes .pf-player__play{padding:var(--dm-space-1)}.pf-episodes__table{table-layout:fixed;font-size:var(--dm-text-note)}.pf-episodes__length{white-space:nowrap;font-variant-numeric:tabular-nums;width:8ch;color:var(--dm-fg-muted)}.pf-episodes__table th:last-child{width:8ch}.pf-episodes__pick{width:100%;font:inherit;white-space:nowrap;text-overflow:ellipsis;text-align:left;color:inherit;cursor:pointer;background-color:#0000;border:none;padding:0;display:block;overflow:hidden}.pf-episodes__pick:focus-visible{outline:var(--dm-border) solid var(--dm-accent);outline-offset:2px}.pf-episodes__table tbody tr[aria-current]{background:var(--dm-highlight);color:var(--dm-highlight-fg)}.pf-episodes__table tbody tr[aria-current] td{color:inherit}.pf-project__body{gap:var(--dm-space-2);padding-bottom:var(--dm-space-1);flex-direction:column;flex:1;display:flex}.pf-project__desc{margin:0}.pf-project[data-modal]{cursor:pointer}.pf-project .pf-player{cursor:auto;align-items:flex-start}.pf-project .pf-player__play{align-self:flex-start;margin-top:calc(1em + .5ch)}.pf-player{align-items:center;gap:var(--dm-space-2);display:flex}.pf-player[data-state=waiting]{visibility:hidden}.pf-player[hidden]{display:none}.pf-player__art{aspect-ratio:1;border-right:var(--dm-border) solid var(--dm-line);filter:grayscale();opacity:.85;background:url(/static/images/hnh-cover.png) 50%/cover no-repeat;flex:none;width:6rem}.pf-player__play{font:inherit;font-size:var(--dm-text-note);color:var(--dm-fg-muted);border:var(--dm-border) solid currentColor;cursor:pointer;transition:background-color var(--dm-flick-time) var(--dm-flick);background-color:#0000;flex:none;padding:4px;display:inline-flex}.pf-player__play:hover{color:var(--dm-highlight-fg);background-color:var(--dm-highlight)}.pf-player__play:focus-visible{outline:var(--dm-border) solid var(--dm-accent);outline-offset:2px}.pf-player__icon{fill:currentColor;width:24px;height:24px}.pf-player__transport{align-items:flex-start;gap:var(--dm-space-2);display:flex}.pf-player__track{flex-direction:column;flex:1;gap:.5ch;min-width:0;display:flex}.pf-player__times{justify-content:space-between;gap:var(--dm-space-2);display:flex}.pf-player__body{min-width:0;font-size:var(--dm-text-note);color:var(--dm-fg-muted);flex-direction:column;flex:1;gap:.5ch;line-height:1;display:flex}.pf-player__title{white-space:nowrap;text-overflow:ellipsis;color:var(--dm-fg);overflow:hidden}.pf-player__marquee{display:inline-flex}.pf-player__marquee>span{padding-right:4ch}.pf-player--scrolling .pf-player__marquee{animation:pf-marquee var(--pf-marquee-time,12s) linear infinite}.pf-player--scrolling .pf-player__title{text-overflow:clip}.pf-player:hover .pf-player__marquee{animation-play-state:paused}@keyframes pf-marquee{to{transform:translate(-50%)}}.pf-player__bar{background:var(--dm-bg-sunken);cursor:pointer;touch-action:none;z-index:1;height:1lh;line-height:normal;overflow:visible}.pf-player__time,.pf-player__times{pointer-events:none}.pf-player__bar:before{transition:none}.pf-player__bar:after{content:"";inset:calc((8px + var(--dm-border)) * -1) 0;position:absolute}[data-theme=dark] .pf-player__bar:before{filter:drop-shadow(0 0 var(--pf-glow) var(--dm-accent)) drop-shadow(0 0 calc(var(--pf-glow) * 2.5) color-mix(in srgb, var(--dm-accent) var(--pf-glow-spill), transparent))}@media (prefers-color-scheme:dark){:root:not([data-theme]) .pf-player__bar:before{filter:drop-shadow(0 0 var(--pf-glow) var(--dm-accent)) drop-shadow(0 0 calc(var(--pf-glow) * 2.5) color-mix(in srgb, var(--dm-accent) var(--pf-glow-spill), transparent))}}.pf-player__bar:focus-visible{outline:var(--dm-border) solid var(--dm-accent);outline-offset:2px}.pf-project__meta{align-items:flex-end;gap:var(--dm-space-2);font-size:var(--dm-text-note);text-transform:uppercase;letter-spacing:.08em;margin:auto 0 0;line-height:1;display:flex}.pf-project__link{color:var(--dm-fg-muted);transition:background-color var(--dm-flick-time) var(--dm-flick);background-color:#0000;margin-left:auto;margin-right:-4px;padding:4px;display:inline-flex}.pf-project__link~.pf-project__link{margin-left:0}.pf-project__link:not(:last-child){margin-right:0}.pf-project__link:hover{color:var(--dm-highlight-fg);background-color:var(--dm-highlight)}.pf-project__link:focus-visible{outline:var(--dm-border) solid var(--dm-accent);outline-offset:2px}.pf-project__icon{fill:currentColor;width:24px;height:24px}.pf-project__icon--globe{transform:translateY(1px)}.pf-project__metric{color:var(--dm-fg-muted);padding-bottom:4px}.pf-project__metric+.pf-project__metric:before{content:"/";margin-right:var(--dm-space-2)}.pf-project__metric--stars{letter-spacing:0}.pf-project__metric--stars:before{content:"*";color:var(--dm-accent-quiet);margin-right:.5ch;display:inline-block;transform:translateY(2px)}.pf-footer{padding-block:var(--dm-space-3);border-top:var(--dm-border) solid var(--dm-line);color:var(--dm-fg-muted);font-size:var(--dm-text-note);text-transform:uppercase;letter-spacing:.1em}}