@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}}:root{--white:#fff;--ink:#111;--divider:#949292;--hairline:#e6e6e6;--muted:#6b6b6b;--accent:#ff6f00;--accent-faint:color-mix(in srgb, var(--accent) 30%, transparent);--font-sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-serif:Georgia, "Times New Roman", serif;--size-label:.75rem;--size-body:1rem;--size-title:1.25rem;--leading-flat:1;--leading-tight:1.3;--leading-body:1.7;--tracking-label:.14em;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1.25rem;--space-m:2rem;--space-l:3.25rem;--space-xl:5.25rem;--duration:.12s;--inset:var(--space-m);--measure:78ch;--link-dim:.4;--link-size:var(--size-label);--link-pad-y:var(--space-2xs);--link-pad-x:var(--space-xs);--page-space:var(--space-xl);--page-heading-gap:var(--space-l);--page-tail:var(--space-xl);--centre-image-size:200px;--centre-drawing-scale:1.3;--split-rule:var(--divider);--draw-close:.6s;--swap-fade:.2s;--swap-ease:cubic-bezier(.45, 0, .55, 1);--swap-blur:6px;--media-width:100%;--open-ease:cubic-bezier(.3, .1, .1, 1)}@media (width<=40rem){:root{--inset:var(--space-s);--link-pad-y:var(--space-s);--page-space:var(--inset);--page-tail:var(--space-l);--page-heading-gap:var(--space-m);--centre-image-size:min(42svh, 76vw);--centre-drawing-scale:1.2}}@media (orientation:landscape) and (height<=31.25rem){:root{--centre-drawing-scale:1}}@media (prefers-reduced-motion:reduce){:root{--duration:0s;--swap-fade:0s;--draw-close:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--white);color:var(--ink);font-family:var(--font-sans);font-size:var(--size-body);line-height:var(--leading-body);text-rendering:optimizelegibility;margin:0}h1,h2,h3,p,figure,blockquote{margin:0}a{color:inherit;text-decoration:none}img,video{max-width:100%;height:auto;display:block}hr{border:0;border-top:1px solid var(--hairline)}:focus-visible{outline:1px solid var(--ink);outline-offset:3px}@font-face{font-family:Nanum Pen Script;src:url(/fonts/nanum-pen-script-latin.woff2)format("woff2");font-display:swap}.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}.player[data-astro-cid-qw3qwcu2]{--player-play:url(/images/doodles/play.svg);--player-pause:url(/images/doodles/pause.svg);--player-prev:url(/images/doodles/prev.svg);--player-next:url(/images/doodles/next.svg);--player-note:url(/images/doodles/note.svg);--player-close:url(/images/doodles/close.svg);--deck-height:3.5rem;--deck-width:20rem;--deck-lift:var(--space-xl);--deck-edge:var(--divider);--deck-line:var(--hairline);--deck-open:.38s;--flag-width:2.5rem;--flag-rest:.6;--control-width:2.125rem;--controls-pad:.375rem;--icon-size:.9375rem;--screen-pad:var(--space-xs);--screen-gap:.5rem;--track-size:.8125rem;--key-width:2.125rem;--key-gap:var(--space-2xs);--key-up:.75rem;--key-down:.3125rem;--key-reach:.5rem;--key-colour:var(--ink);--dot:7px;--flash:1.8s;--crawl-pace:30ms;--crawl-gap:3em;--controls-width:calc(var(--control-width) * 3 + var(--controls-pad) * 2)}@media (width<=40rem){.player[data-astro-cid-qw3qwcu2]{--deck-height:4rem;--deck-width:min(20rem, calc(100vw - var(--flag-width) - var(--inset)));--deck-lift:var(--space-l);--flag-width:2.75rem;--control-width:2.625rem;--controls-pad:.25rem;--icon-size:1.0625rem;--track-size:.875rem;--key-width:2.625rem;--key-gap:.375rem;--key-up:.875rem;--key-down:.375rem;--key-reach:1.125rem}}@media (prefers-reduced-motion:reduce){.player[data-astro-cid-qw3qwcu2]{--deck-open:0s}}.player[data-astro-cid-qw3qwcu2]{right:0;bottom:var(--deck-lift);z-index:1;translate:var(--deck-width) 0;transition:translate var(--deck-open) var(--open-ease);align-items:flex-end;display:flex;position:fixed}.player[data-astro-cid-qw3qwcu2][data-open]{translate:none}@media (width<=40rem){body:has(>.home) .player[data-astro-cid-qw3qwcu2]{top:calc(50svh + var(--centre-image-size) * var(--centre-drawing-scale) / 2);bottom:auto}}html[data-welcome=typing] .player[data-astro-cid-qw3qwcu2]{visibility:hidden}button[data-astro-cid-qw3qwcu2]{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0}.icon[data-astro-cid-qw3qwcu2]{width:var(--icon-size);aspect-ratio:1;mask:var(--icon) center/contain no-repeat;background:currentColor;display:block}.note[data-astro-cid-qw3qwcu2]{--icon:var(--player-note)}.close[data-astro-cid-qw3qwcu2]{--icon:var(--player-close)}.prev[data-astro-cid-qw3qwcu2]{--icon:var(--player-prev)}.next[data-astro-cid-qw3qwcu2]{--icon:var(--player-next)}.play[data-astro-cid-qw3qwcu2]{--icon:var(--player-play)}.pause[data-astro-cid-qw3qwcu2]{--icon:var(--player-pause)}.flag[data-astro-cid-qw3qwcu2]{width:var(--flag-width);height:var(--deck-height);border:1px solid var(--deck-edge);background:var(--white);border-right:0;place-items:center;display:grid}.flag[data-astro-cid-qw3qwcu2] .icon[data-astro-cid-qw3qwcu2]{opacity:var(--flag-rest);transition:opacity var(--duration) ease-out;grid-area:1/1}.flag[data-astro-cid-qw3qwcu2]:is(:hover,:focus-visible) .icon[data-astro-cid-qw3qwcu2],.player[data-astro-cid-qw3qwcu2]:is([data-open],[data-playing]) .flag[data-astro-cid-qw3qwcu2] .icon[data-astro-cid-qw3qwcu2]{opacity:1}.close[data-astro-cid-qw3qwcu2],.player[data-astro-cid-qw3qwcu2][data-open] .note[data-astro-cid-qw3qwcu2]{visibility:hidden}.player[data-astro-cid-qw3qwcu2][data-open] .close[data-astro-cid-qw3qwcu2]{visibility:visible}.deck[data-astro-cid-qw3qwcu2]{width:var(--deck-width)}.keys[data-astro-cid-qw3qwcu2]{align-items:flex-end;gap:var(--key-gap);padding-inline:calc(var(--controls-width) + var(--screen-pad)) var(--screen-pad);margin-bottom:-1px;display:flex}.key[data-astro-cid-qw3qwcu2]{flex:0 1 var(--key-width);min-width:0;height:calc(var(--key-up) + var(--key-reach));align-items:flex-end;display:flex}.key[data-astro-cid-qw3qwcu2] span[data-astro-cid-qw3qwcu2]{width:100%;height:var(--key-up);border:1px solid var(--deck-edge);background:var(--white);transition:height var(--duration) ease-out, background-color var(--duration) ease-out;border-bottom:0}.key[data-astro-cid-qw3qwcu2]:is(:hover,:focus-visible) span[data-astro-cid-qw3qwcu2]{border-color:var(--ink)}.key[data-astro-cid-qw3qwcu2][aria-pressed=true] span[data-astro-cid-qw3qwcu2]{height:var(--key-down);border-color:var(--key-colour);background:var(--key-colour)}.panel[data-astro-cid-qw3qwcu2]{height:var(--deck-height);border:1px solid var(--deck-edge);background:var(--white);border-left:0;border-right:0;display:flex}.controls[data-astro-cid-qw3qwcu2]{width:var(--controls-width);padding-inline:var(--controls-pad);box-shadow:inset 1px 0 var(--deck-line);flex:none;display:flex}.controls[data-astro-cid-qw3qwcu2] button[data-astro-cid-qw3qwcu2]{width:var(--control-width);place-items:center;display:grid}.next[data-astro-cid-qw3qwcu2]:disabled{opacity:.25;cursor:default}.play-pause[data-astro-cid-qw3qwcu2] .icon[data-astro-cid-qw3qwcu2]{width:calc(var(--icon-size) * 1.2);grid-area:1/1}.pause[data-astro-cid-qw3qwcu2],.player[data-astro-cid-qw3qwcu2][data-playing] .play[data-astro-cid-qw3qwcu2]{visibility:hidden}.player[data-astro-cid-qw3qwcu2][data-playing] .pause[data-astro-cid-qw3qwcu2]{visibility:visible}.screen[data-astro-cid-qw3qwcu2]{justify-content:center;gap:var(--screen-gap);min-width:0;padding-inline:var(--screen-pad);box-shadow:inset 1px 0 var(--deck-line);flex-direction:column;flex:1;display:flex}.lines[data-astro-cid-qw3qwcu2]{display:grid}.track[data-astro-cid-qw3qwcu2],.mood[data-astro-cid-qw3qwcu2]{white-space:nowrap;line-height:var(--leading-tight);transition:opacity var(--swap-fade) ease-out;grid-area:1/1;overflow:hidden}.track[data-astro-cid-qw3qwcu2]{font-size:var(--track-size);text-overflow:ellipsis}.artist[data-astro-cid-qw3qwcu2]{color:var(--muted)}.mood[data-astro-cid-qw3qwcu2]{font-size:var(--size-label);letter-spacing:var(--tracking-label);opacity:0;align-self:center}.screen[data-astro-cid-qw3qwcu2][data-show] .track[data-astro-cid-qw3qwcu2]{opacity:0}.screen[data-astro-cid-qw3qwcu2][data-show] .mood[data-astro-cid-qw3qwcu2]{opacity:1}.screen[data-astro-cid-qw3qwcu2][data-show=peek] .mood[data-astro-cid-qw3qwcu2]{color:var(--muted)}.track[data-astro-cid-qw3qwcu2][data-crawl] .crawl[data-astro-cid-qw3qwcu2]{gap:var(--crawl-gap);animation:crawl var(--crawl-time) linear infinite;display:inline-flex}@keyframes crawl{0%,20%{translate:0}to{translate:calc(var(--crawl-distance) * -1)}}.progress[data-astro-cid-qw3qwcu2]{height:var(--dot);position:relative}.rail[data-astro-cid-qw3qwcu2]{inset-inline:0;top:calc((var(--dot) - 1px) / 2);background:var(--deck-line);height:1px;position:absolute}.rail[data-astro-cid-qw3qwcu2]:before,.rail[data-astro-cid-qw3qwcu2]:after{content:"";background:var(--ink);position:absolute;left:0}.rail[data-astro-cid-qw3qwcu2]:before{width:calc(var(--dot) / 2 + var(--elapsed,0) * (100% - var(--dot)));inset-block:0}.rail[data-astro-cid-qw3qwcu2]:after{top:calc((var(--dot) - 1px) / -2);left:calc(var(--elapsed,0) * (100% - var(--dot)));width:var(--dot);height:var(--dot);border-radius:50%}.progress[data-astro-cid-qw3qwcu2] input[data-astro-cid-qw3qwcu2]{inset:calc(var(--screen-gap) * -1) 0;opacity:0;cursor:pointer;width:100%;height:auto;margin:0;position:absolute}.progress[data-astro-cid-qw3qwcu2]:has(input:focus-visible){outline:1px solid var(--ink);outline-offset:3px}.grain[data-astro-cid-z4jru4n3]{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");--grain-strength:.2;--grain-speed:.5s;z-index:2;pointer-events:none;opacity:var(--grain-strength);position:fixed;inset:0;overflow:hidden}.grain[data-astro-cid-z4jru4n3]:before{content:"";background-image:var(--grain);animation:grain var(--grain-speed) steps(1) infinite;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-7%,4%)}40%{transform:translate(5%,-9%)}60%{transform:translate(-3%,8%)}80%{transform:translate(9%,-2%)}}@media (prefers-reduced-motion:reduce){.grain[data-astro-cid-z4jru4n3]:before{animation:none}}