@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-mono:var(--font-code);--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--font-weight-medium:var(--seed-font-weight-medium);--font-weight-semibold:600;--font-weight-bold:var(--seed-font-weight-bold);--leading-snug:1.375;--radius-sm:.25rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-fg-brand:var(--seed-color-fg-brand);--color-fg-neutral:var(--seed-color-fg-neutral);--color-fg-neutral-inverted:var(--seed-color-fg-neutral-inverted);--color-fg-neutral-muted:var(--seed-color-fg-neutral-muted);--color-fg-positive:var(--seed-color-fg-positive);--color-bg-layer-basement:var(--seed-color-bg-layer-basement);--color-bg-layer-default:var(--seed-color-bg-layer-default);--color-bg-neutral-solid:var(--seed-color-bg-neutral-solid);--color-bg-neutral-weak:var(--seed-color-bg-neutral-weak);--color-stroke-brand-solid:var(--seed-color-stroke-brand-solid);--color-stroke-focus-ring:var(--seed-color-stroke-focus-ring);--color-stroke-neutral-subtle:var(--seed-color-stroke-neutral-subtle);--color-stroke-neutral-weak:var(--seed-color-stroke-neutral-weak);--dimension-x1:var(--seed-dimension-x1);--dimension-x1_5:var(--seed-dimension-x1_5);--dimension-x2:var(--seed-dimension-x2);--dimension-x3:var(--seed-dimension-x3);--dimension-x4:var(--seed-dimension-x4);--dimension-x5:var(--seed-dimension-x5);--dimension-x6:var(--seed-dimension-x6);--dimension-x8:var(--seed-dimension-x8);--duration-d3:var(--seed-duration-d3);--font-size-t4:var(--seed-font-size-t4);--font-size-t7:var(--seed-font-size-t7);--radius-r2:var(--seed-radius-r2);--radius-r3:var(--seed-radius-r3);--radius-full:var(--seed-radius-full);--shadow-s2:var(--seed-shadow-s2)}}@layer base,seed-base,components,seed-components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start-\[var\(--seed-dimension-x4\)\]{inset-inline-start:var(--seed-dimension-x4)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-\[var\(--seed-dimension-x4\)\]{top:var(--seed-dimension-x4)}.-left-4{left:calc(var(--spacing) * -4)}.left-0{left:calc(var(--spacing) * 0)}.z-40{z-index:40}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[100\]{z-index:100}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.ms-\[var\(--seed-dimension-x2_5\)\]{margin-inline-start:var(--seed-dimension-x2_5)}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.mt-x2{margin-top:var(--dimension-x2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.ml-auto{margin-left:auto}.ml-x2{margin-left:var(--dimension-x2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-full{width:100%;height:100%}.size-px{width:1px;height:1px}.max-h-\[calc\(100dvh-7rem\)\]{max-height:calc(100dvh - 7rem)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-52{min-height:calc(var(--spacing) * 52)}.min-h-\[28rem\]{min-height:28rem}.min-h-screen{min-height:100vh}.w-\[min\(calc\(100\%_-_2rem\)\,var\(--content-width\,68rem\)\)\]{width:min(calc(100% - 2rem), var(--content-width,68rem))}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[var\(--content-width\,68rem\)\]{max-width:var(--content-width,68rem)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.shrink-0{flex-shrink:0}.-translate-y-24{--tw-translate-y:calc(var(--spacing) * -24);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.\[scrollbar-width\:none\]{scrollbar-width:none}.list-none{list-style-type:none}.grid-cols-\[max-content_minmax\(0\,1fr\)_max-content\]{grid-template-columns:max-content minmax(0,1fr) max-content}.grid-rows-\[auto_minmax\(0\,1fr\)\]{grid-template-rows:auto minmax(0,1fr)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[0\.18rem\]{gap:.18rem}.gap-x1{gap:var(--dimension-x1)}.gap-x1_5{gap:var(--dimension-x1_5)}.gap-x2{gap:var(--dimension-x2)}.gap-x3{gap:var(--dimension-x3)}.gap-x4{gap:var(--dimension-x4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-y-contain{overscroll-behavior-y:contain}.rounded-full{border-radius:var(--radius-full)}.rounded-r2{border-radius:var(--radius-r2)}.rounded-r3{border-radius:var(--radius-r3)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-stroke-neutral-subtle{border-color:var(--color-stroke-neutral-subtle)}.border-stroke-neutral-weak{border-color:var(--color-stroke-neutral-weak)}.bg-bg-layer-basement,.bg-bg-layer-basement\/85{background-color:var(--color-bg-layer-basement)}@supports (color:color-mix(in lab, red, red)){.bg-bg-layer-basement\/85{background-color:color-mix(in oklab, var(--color-bg-layer-basement) 85%, transparent)}}.bg-bg-layer-default{background-color:var(--color-bg-layer-default)}.bg-bg-neutral-solid{background-color:var(--color-bg-neutral-solid)}.bg-bg-neutral-weak{background-color:var(--color-bg-neutral-weak)}.bg-transparent{background-color:#0000}.stroke-stroke-brand-solid{stroke:var(--color-stroke-brand-solid)}.stroke-stroke-neutral-weak{stroke:var(--color-stroke-neutral-weak)}.\[stroke-width\:1\.25\]{stroke-width:1.25px}.\[stroke-width\:2\]{stroke-width:2px}.p-0{padding:calc(var(--spacing) * 0)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-x4{padding:var(--dimension-x4)}.p-x5{padding:var(--dimension-x5)}.p-x6{padding:var(--dimension-x6)}.p-x8{padding:var(--dimension-x8)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-x2{padding-top:var(--dimension-x2);padding-bottom:var(--dimension-x2)}.pt-x4{padding-top:var(--dimension-x4)}.px-x4{padding-left:var(--dimension-x4);padding-right:var(--dimension-x4)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pb-x5{padding-bottom:var(--dimension-x5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-start{text-align:start}.font-\[family-name\:var\(--font-ui-wordmark\)\,var\(--font-system\)\,sans-serif\]{font-family:var(--font-ui-wordmark),var(--font-system),sans-serif}.font-sans{font-family:var(--font-system)}.t2-bold{font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2);font-weight:var(--seed-font-weight-bold)}.t4-bold{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-bold)}.t5-bold{font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-bold)}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.48em\]{font-size:.48em}.text-\[0\.78rem\]{font-size:.78rem}.text-size-t4{font-size:var(--font-size-t4)}.text-size-t7{font-size:var(--font-size-t7)}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[font-weight\:900\]{font-weight:900}.font-bold{font-weight:var(--font-weight-bold)}.font-medium{font-weight:var(--font-weight-medium)}.tracking-\[-0\.015em\]{--tw-tracking:-.015em;letter-spacing:-.015em}.tracking-\[-0\.055em\]{--tw-tracking:-.055em;letter-spacing:-.055em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.09em\]{--tw-tracking:.09em;letter-spacing:.09em}.text-fg-brand{color:var(--color-fg-brand)}.text-fg-neutral{color:var(--color-fg-neutral)}.text-fg-neutral-inverted{color:var(--color-fg-neutral-inverted)}.text-fg-neutral-muted{color:var(--color-fg-neutral-muted)}.text-fg-positive{color:var(--color-fg-positive)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-s2{--tw-shadow:var(--seed-shadow-s2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);box-shadow:var(--shadow-s2)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-\[clip-path\,opacity\]{transition-property:clip-path,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-d3{transition-duration:var(--duration-d3)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:text-fg-brand:hover{color:var(--color-fg-brand)}}.focus\:translate-y-0:focus{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-stroke-focus-ring:focus-visible,.focus-visible\:ring-stroke-focus-ring\/45:focus-visible{--tw-ring-color:var(--color-stroke-focus-ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-stroke-focus-ring\/45:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-stroke-focus-ring) 45%, transparent)}}.data-\[level\=3\]\:min-h-8[data-level="3"]{min-height:calc(var(--spacing) * 8)}.data-\[level\=3\]\:py-1[data-level="3"]{padding-block:calc(var(--spacing) * 1)}.data-\[level\=3\]\:pl-1[data-level="3"]{padding-left:calc(var(--spacing) * 1)}.data-\[level\=3\]\:text-\[0\.74rem\][data-level="3"]{font-size:.74rem}.data-\[level\=3\]\:text-fg-neutral-muted[data-level="3"]{color:var(--color-fg-neutral-muted)}.data-\[visible\=true\]\:text-fg-brand[data-visible=true]{color:var(--color-fg-brand)}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:duration-\[0\.01ms\]{--tw-duration:.01ms;transition-duration:.01ms}}@media not all and (min-width:860px){.max-\[860px\]\:ml-0{margin-left:calc(var(--spacing) * 0)}.max-\[860px\]\:w-full{width:100%}.max-\[860px\]\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.max-\[860px\]\:justify-start{justify-content:flex-start}.max-\[860px\]\:gap-x-x3{column-gap:var(--dimension-x3)}.max-\[860px\]\:gap-y-x1_5{row-gap:var(--dimension-x1_5)}.max-\[860px\]\:py-x1_5{padding-top:var(--dimension-x1_5);padding-bottom:var(--dimension-x1_5)}.max-\[860px\]\:\[grid-area\:actions\]{grid-area:actions}.max-\[860px\]\:\[grid-area\:logo\]{grid-area:logo}.max-\[860px\]\:\[grid-area\:routes\]{grid-area:routes}.max-\[860px\]\:\[grid-template-areas\:\'logo_actions\'_\'routes_routes\'\]{grid-template-areas:"logo actions""routes routes"}}@media not all and (min-width:512px){.max-\[512px\]\:hidden{display:none}.max-\[512px\]\:min-h-13{min-height:calc(var(--spacing) * 13)}}@media (min-width:48rem){.md\:w-\[min\(calc\(100\%_-_4rem\)\,var\(--content-width\,68rem\)\)\]{width:min(calc(100% - 4rem), var(--content-width,68rem))}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-\[5\.5rem\]{top:5.5rem}.lg\:block{display:block}.lg\:max-h-\[calc\(100dvh-7rem\)\]{max-height:calc(100dvh - 7rem)}}.\[\&_path\]\:fill-none path{fill:none}.\[\&_path\]\:\[stroke-linecap\:round\] path{stroke-linecap:round}.\[\&_path\]\:\[stroke-linejoin\:round\] path{stroke-linejoin:round}.\[\&_path\]\:\[vector-effect\:non-scaling-stroke\] path{vector-effect:non-scaling-stroke}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>a\]\:font-semibold>a{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}@media (pointer:coarse){.\[\@media\(pointer\:coarse\)\]\:min-h-11{min-height:calc(var(--spacing) * 11)}}html[data-seed-user-color-scheme=dark] .\[html\[data-seed-user-color-scheme\=dark\]_\&\]\:block{display:block}html[data-seed-user-color-scheme=dark] .\[html\[data-seed-user-color-scheme\=dark\]_\&\]\:hidden{display:none}html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:block{display:block}html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:hidden{display:none}}@font-face{font-family:Brand Wordmark Fallback;src:local(Arial);size-adjust:98%}:root,:root[data-seed-color-mode=system][data-seed-user-color-scheme=light],:root[data-seed-color-mode=light-only],:root [data-seed-color-mode=light-only]{--seed-color-fg-brand:var(--seed-color-palette-blue-800);--seed-color-fg-brand-contrast:var(--seed-color-palette-blue-900);--seed-color-bg-brand-solid:var(--seed-color-palette-blue-800);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-blue-900);--seed-color-bg-brand-weak:var(--seed-color-palette-blue-100);--seed-color-bg-brand-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-stroke-brand-solid:var(--seed-color-palette-blue-800);--seed-color-stroke-brand-weak:var(--seed-color-palette-blue-300)}:root[data-seed-color-mode=system][data-seed-user-color-scheme=dark],:root[data-seed-color-mode=dark-only],:root [data-seed-color-mode=dark-only]{--seed-color-fg-brand:var(--seed-color-palette-blue-800);--seed-color-fg-brand-contrast:var(--seed-color-palette-blue-900);--seed-color-bg-brand-solid:var(--seed-color-palette-blue-400);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-blue-500);--seed-color-bg-brand-weak:var(--seed-color-palette-blue-100);--seed-color-bg-brand-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-stroke-brand-solid:var(--seed-color-palette-blue-700);--seed-color-stroke-brand-weak:var(--seed-color-palette-blue-300)}:root{--surface-translucent:var(--seed-color-bg-layer-default)}@supports (color:color-mix(in lab, red, red)){:root{--surface-translucent:color-mix(in srgb, var(--seed-color-bg-layer-default) 82%, transparent)}}:root{--font-system:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-code:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--content-width:68rem;--document-reading-width:54rem;--syntax-blue:#7cb9f8;--syntax-cyan:#6ecbd6;--syntax-green:#7acd90;--syntax-orange:#eeac53;--syntax-pink:#ea8cd0;--syntax-purple:#c2a7f4;--syntax-muted:#979faf}@supports (color:lab(0% 0 0)){:root{--syntax-blue:lab(72.9935% -7.45839 -37.6398);--syntax-cyan:lab(76.4322% -26.9211 -14.3276);--syntax-green:lab(76.032% -36.3348 22.5684);--syntax-orange:lab(75.4856% 18.598 54.3616);--syntax-pink:lab(70.1807% 43.081 -19.1499);--syntax-purple:lab(73.0671% 21.3951 -34.7226);--syntax-muted:lab(65.0801% -.373364 -9.33946)}}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-height:100vh;color:var(--seed-color-fg-neutral);background:var(--seed-color-bg-layer-basement);font-family:var(--font-system);font-kerning:normal;word-break:keep-all;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:1rem;line-height:1.6}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.08em}:is(h1,h2,h3){overflow-wrap:anywhere}:is(.section-title,.content-list-title,.post-header h1,.post-body h2,.post-body h3){color:var(--product-fg-display)}a:focus-visible,button:focus-visible{outline:.2rem solid var(--seed-color-stroke-focus-ring);outline-offset:.18rem;border-radius:.45rem}::selection{color:var(--seed-color-fg-brand);background:var(--seed-color-bg-brand-weak)}.shell{width:min(calc(100% - 2rem), var(--content-width));margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.home-overview{padding-block:clamp(2.5rem, 6vw, 4.5rem) calc(var(--seed-dimension-x16) + var(--seed-dimension-x8));gap:clamp(2rem,6vw,3.5rem);display:grid}.home-preview{min-width:0}.home-preview-header{margin-bottom:var(--seed-dimension-x6)}.home-preview-header>div{min-width:0}.home-preview-window{overscroll-behavior-y:auto;scrollbar-gutter:auto;height:fit-content;max-height:none;padding-inline-end:0;overflow-y:visible}.section-title.home-preview-title{letter-spacing:-.052em;max-width:none;font-size:clamp(1.75rem,5vw,2.2rem);font-weight:700;line-height:1.08}.home-preview-header .section-description{max-width:28rem;margin-top:.35rem;font-size:.86rem;line-height:1.55}.home-preview-more{width:100%;margin-top:var(--seed-dimension-x6);padding-top:var(--seed-dimension-x4);justify-content:flex-end;display:flex}.icon-button{--icon-button-motion-x:0;--icon-button-motion-y:-.08rem;flex:none;place-items:center;padding:0;text-decoration:none;display:inline-grid}.icon-button[data-motion-direction=bottom]{--icon-button-motion-y:.08rem}.icon-button[data-motion-direction=left]{--icon-button-motion-x:-.1rem;--icon-button-motion-y:0}.icon-button[data-motion-direction=right]{--icon-button-motion-x:.1rem;--icon-button-motion-y:0}.icon-button-motion{transition:transform .18s var(--seed-timing-function-easing);place-items:center;display:inline-grid}.icon-button-motion>svg{width:100%;height:100%;display:block}.arrow-link{border:.5px solid var(--seed-color-stroke-neutral-solid);width:2.75rem;height:2.75rem;color:var(--seed-color-fg-brand);cursor:pointer;background:0 0;border-radius:50%;transition:border-color .18s ease-out,color .18s ease-out,background-color .18s ease-out}.arrow-link:focus-visible{border-radius:50%}.directional-arrow-icon{width:1rem;height:1rem}.directional-arrow-icon[data-direction=left]{transform:rotate(180deg)}.directional-arrow-icon[data-direction=top]{transform:rotate(-90deg)}.directional-arrow-icon[data-direction=top-right]{transform:rotate(-45deg)}.home-preview-empty{border-block:.5px solid var(--seed-color-stroke-neutral-weak);min-height:10rem;color:var(--seed-color-fg-neutral-muted);place-items:center;font-size:.88rem;display:grid}.home-preview--notes,.home-preview--learnings{padding-top:var(--seed-dimension-x12);border-top:.5px solid var(--seed-color-stroke-neutral-solid)}.section-title{letter-spacing:-.067em;text-wrap:balance;max-width:11ch;margin:0 0 0 -.05em;font-size:clamp(2.65rem,7vw,4.7rem);font-weight:720;line-height:1.04}.content-list{--content-divider-spacing:clamp(1rem, 3cqi, 1.35rem);gap:clamp(2rem,5vw,3.5rem);display:grid;container:content-list/inline-size}.content-list-group{min-width:0}.content-list-year{margin:0 0 var(--seed-dimension-x4);color:var(--seed-color-fg-neutral-muted);font-variant-numeric:tabular-nums;letter-spacing:-.015em;font-size:.92rem;font-weight:720;line-height:1.25}.content-list-items{margin:0;padding:0;list-style:none}.content-list-item{min-width:0}.content-list-item[data-publication=unpublished]{background:var(--seed-color-bg-brand-weak)}@supports (color:color-mix(in lab, red, red)){.content-list-item[data-publication=unpublished]{background:color-mix(in oklch, var(--seed-color-bg-brand-weak) 18%, transparent)}}.content-list-entry{min-width:0;padding:var(--content-divider-spacing) .5rem;align-items:start;gap:.45rem;display:grid}.content-list-entry--linked{outline:none;text-decoration:none;transition:color .18s ease-out,background-color .18s ease-out,transform .18s cubic-bezier(.22,1,.36,1)}.content-list-main{grid-row:2;min-width:0}.content-list-heading{align-items:center;gap:var(--seed-dimension-x2);flex-wrap:wrap;display:flex}.content-list-heading:empty{display:none}.content-list-title{letter-spacing:-.034em;text-wrap:pretty;margin:0;font-size:clamp(1rem,2.4cqi,1.12rem);font-weight:690;line-height:1.38}.content-list-description{max-width:46rem;color:var(--seed-color-fg-neutral-muted);letter-spacing:-.012em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.28rem 0 0;font-size:.82rem;line-height:1.55;display:-webkit-box;overflow:hidden}.content-list-date{color:var(--seed-color-fg-neutral-muted);font-variant-numeric:tabular-nums;letter-spacing:-.005em;white-space:nowrap;grid-row:1;font-size:.7rem;font-weight:680;line-height:1.4}.content-list-date--linked{text-decoration:none}@media (pointer:coarse),(max-width:47.999rem){.content-list-date--linked{align-items:center;min-height:2.75rem;display:inline-flex}}.content-list-meta{align-items:center;gap:var(--seed-dimension-x2) var(--seed-dimension-x4);color:var(--seed-color-fg-neutral-muted);flex-wrap:wrap;margin-top:.65rem;font-size:.7rem;font-weight:580;display:flex}.content-list-pin{width:1.35rem;height:1.35rem;color:var(--seed-color-fg-brand);flex:none;place-items:center;display:inline-grid}.content-list-pin-icon{width:.95rem;height:.95rem}.content-list-body{min-width:0}.content-list-body .learning-notes{max-width:48rem}@container content-list (min-width:32rem){.content-list-entry{grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(1.5rem,4cqi,3rem)}.content-list-main{grid-area:1/1}.content-list-date{text-align:right;grid-area:1/2;padding-top:.12rem}}.learning-list{margin:0;padding:0;list-style:none;container:learning-list/inline-size}.learning-entry{gap:var(--seed-dimension-x4);border-bottom:.5px solid var(--seed-color-stroke-neutral-weak);grid-template-columns:minmax(0,1fr);padding-block:clamp(1.4rem,3vw,2rem);scroll-margin-top:4.5rem;animation:.52s cubic-bezier(.22,1,.36,1) both learning-enter;display:grid;position:relative}.learning-entry:first-child{animation-delay:80ms}.learning-entry:nth-child(2){animation-delay:.13s}.learning-entry:nth-child(3){animation-delay:.18s}.note-list{gap:var(--seed-dimension-x4);margin:0;padding:0;list-style:none;display:grid;container:note-list/inline-size}.note-entry{border:.5px solid var(--seed-color-stroke-neutral-weak);grid-template-columns:minmax(0,1fr);padding:clamp(1.15rem,4cqi,1.75rem);display:grid}@supports (color:color-mix(in lab, red, red)){.note-entry{border:.5px solid color-mix(in oklch, var(--seed-color-stroke-neutral-weak) 88%, var(--seed-color-fg-brand))}}.note-entry{background:var(--seed-color-bg-layer-default);border-radius:.75rem}@supports (color:color-mix(in lab, red, red)){.note-entry{background:color-mix(in oklch, var(--seed-color-bg-layer-default) 90%, var(--seed-color-bg-brand-weak))}}.note-entry{scroll-margin-top:4.5rem;animation:.52s cubic-bezier(.22,1,.36,1) both learning-enter}.note-entry[data-publication=unpublished]{border-color:var(--seed-color-fg-brand)}@supports (color:color-mix(in lab, red, red)){.note-entry[data-publication=unpublished]{border-color:color-mix(in oklch, var(--seed-color-fg-brand) 48%, var(--seed-color-stroke-neutral-weak))}}.note-entry[data-publication=unpublished]{border-style:dashed}.note-header{min-width:0}.note-meta{align-items:center;gap:var(--seed-dimension-x2);color:var(--seed-color-fg-neutral-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;font-size:.76rem;display:flex}.note-publication-status{border:.5px dashed var(--seed-color-fg-brand);align-items:center;min-height:1.45rem;padding-inline:.5rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.note-publication-status{border:.5px dashed color-mix(in oklch, var(--seed-color-fg-brand) 55%, var(--seed-color-stroke-neutral-weak))}}.note-publication-status{color:var(--seed-color-fg-brand);background:var(--seed-color-bg-brand-weak);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.note-publication-status{background:color-mix(in oklch, var(--seed-color-bg-brand-weak) 55%, transparent)}}.note-publication-status{font-size:.66rem;font-weight:700}.note-header h2{margin:var(--seed-dimension-x2) 0 0;letter-spacing:-.038em;font-size:clamp(1.2rem,3vw,1.55rem);font-weight:690;line-height:1.3}.note-header h1{margin:var(--seed-dimension-x2) 0 0;letter-spacing:-.058em;text-wrap:balance;font-size:clamp(2rem,6vw,3.6rem);font-weight:720;line-height:1.08}.note-detail{width:min(100%, var(--document-reading-width));margin:var(--seed-dimension-x6) auto 0}.note-body{margin-top:var(--seed-dimension-x6);color:var(--seed-color-fg-neutral-muted);letter-spacing:-.018em;font-size:.95rem;line-height:1.76}.note-body>:first-child{margin-top:0}.note-body>:last-child{margin-bottom:0}.note-body p{margin-block:.7rem}.note-body .content-figure{width:fit-content;max-width:100%;margin:var(--seed-dimension-x4) 0}.content-link{color:var(--seed-color-fg-brand);text-decoration-line:underline;-webkit-text-decoration-color:var(--seed-color-fg-brand);-webkit-text-decoration-color:var(--seed-color-fg-brand);-webkit-text-decoration-color:var(--seed-color-fg-brand);text-decoration-color:var(--seed-color-fg-brand)}@supports (color:color-mix(in lab, red, red)){.content-link{-webkit-text-decoration-color:color-mix(in oklch, var(--seed-color-fg-brand) 42%, transparent);-webkit-text-decoration-color:color-mix(in oklch, var(--seed-color-fg-brand) 42%, transparent);-webkit-text-decoration-color:color-mix(in oklch, var(--seed-color-fg-brand) 42%, transparent);text-decoration-color:color-mix(in oklch, var(--seed-color-fg-brand) 42%, transparent)}}.content-link{text-underline-offset:.18em;overflow-wrap:anywhere;text-decoration-thickness:.08em}.content-link:hover{text-decoration-color:currentColor}.note-body ul{margin-block:0;padding-inline-start:1.25rem;list-style-type:disc}.note-body li>p{margin-block:.25rem}.note-body li+li{margin-top:.25rem}.note-body li>:is(ul,ol){margin-block:.2rem}.note-body ul ul{list-style-type:circle}.note-body ul ul ul{list-style-type:square}.note-body blockquote{margin:0 0 var(--seed-dimension-x4);padding-left:var(--seed-dimension-x4);border-left:.12rem solid var(--seed-color-fg-brand);color:var(--seed-color-fg-neutral);font-weight:570}.note-body blockquote>:first-child{margin-top:0}.note-body blockquote>:last-child{margin-bottom:0}.note-sources,.content-reference-list{margin-top:var(--seed-dimension-x6);gap:var(--seed-dimension-x2);display:grid}.note-footer{margin-top:var(--seed-dimension-x6);padding-top:var(--seed-dimension-x4);align-items:center;gap:var(--seed-dimension-x4);border-top:.5px solid var(--seed-color-stroke-neutral-weak);grid-template-columns:minmax(0,1fr) auto;display:grid}.note-tags{gap:var(--seed-dimension-x1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.note-tags li{background:var(--seed-color-bg-neutral-weak);border-radius:.35rem}.note-tags a{color:var(--seed-color-fg-neutral-muted);letter-spacing:-.005em;padding:.18rem .48rem;font-size:.66rem;font-weight:620;text-decoration:none;display:block}.note-actions{justify-content:flex-end;gap:var(--seed-dimension-x4);flex-wrap:wrap;display:flex}.note-action-link{border:.5px solid var(--seed-color-stroke-neutral-weak);width:2.75rem;min-height:2.75rem;color:var(--seed-color-fg-brand);background:var(--seed-color-bg-layer-default);border-radius:999px;font-size:.9rem;font-weight:650;transition:border-color .18s ease-out,background-color .18s ease-out,color .18s ease-out}@container note-list (min-width:32rem){.note-entry{padding:clamp(1.5rem,4cqi,2.25rem)}}@container learning-list (min-width:36rem){.learning-entry{grid-template-columns:minmax(9rem,.38fr) minmax(0,1fr);gap:clamp(1rem,4cqi,3.5rem)}}.learning-date{align-content:start}.learning-date time{font-variant-numeric:tabular-nums;gap:.1rem;display:grid}.learning-date-day{color:var(--seed-color-fg-neutral);letter-spacing:-.02em;font-size:.82rem;font-weight:680}.learning-date-year{color:var(--seed-color-fg-neutral-muted);letter-spacing:.015em;font-size:.69rem;font-weight:560}.learning-notes{max-width:44rem;color:var(--seed-color-fg-neutral);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(.96rem,1.5vw,1.05rem);line-height:1.72;position:relative}.learning-notes>:first-child:not(.learning-publication-status){margin-top:0}.learning-notes>:last-child{margin-bottom:0}.learning-notes ul,.learning-notes ol{margin:0;padding-left:1.25rem}.learning-notes>ul{list-style-type:disc}.learning-notes>ul ul{list-style-type:circle}.learning-notes>ul ul ul{list-style-type:square}.learning-notes li{padding-left:.2rem}.learning-notes li+li{margin-top:.55rem}.learning-notes li::marker{color:var(--seed-color-fg-brand)}.learning-notes p{margin-block:.7rem}.learning-notes .learning-divider{margin-block:var(--content-divider-spacing,1.15rem)}.learning-notes a{color:var(--seed-color-fg-brand)}:is(.learning-notes,.note-body) :not(pre)>code{border:.5px solid var(--seed-color-stroke-neutral-weak);background:var(--seed-color-bg-neutral-weak);border-radius:.35rem;padding:.1em .34em;font-family:SFMono-Regular,Consolas,monospace;font-size:.86em}:is(.learning-notes,.note-body) pre{--code-language-accent:var(--syntax-muted);max-width:100%;margin-block:var(--seed-dimension-x4);border:.5px solid var(--seed-color-stroke-neutral-weak);padding:1rem min(4.75rem,50%) 1rem 1rem;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){:is(.learning-notes,.note-body) pre{border:.5px solid color-mix(in oklch, var(--seed-color-stroke-neutral-weak) 70%, transparent)}}:is(.learning-notes,.note-body) pre{color:var(--seed-color-palette-static-white);background:var(--seed-color-palette-static-black);font-variant-ligatures:none;border-radius:.65rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem;line-height:1.65}:is(.learning-notes,.note-body) .code-block{margin-block:var(--seed-dimension-x4);position:relative}:is(.learning-notes,.note-body) .code-block pre{margin:0}:is(.learning-notes,.note-body) pre code{color:inherit;font:inherit;background:0 0;border:0;border-radius:0;padding:0;display:block}:is(.learning-notes,.note-body) pre code[data-language]:before{color:var(--code-language-accent);content:attr(data-language);font-family:var(--font-system);letter-spacing:.09em;text-transform:uppercase;margin-bottom:.65rem;font-size:.62rem;font-weight:720;line-height:1;display:block}.learning-notes .learning-links{margin:var(--seed-dimension-x6) 0 0;gap:var(--seed-dimension-x2);display:grid}.post-body .content-reference-list{margin-block:1.35rem 0}.link-preview-card{gap:var(--seed-dimension-x2);border:.5px solid var(--seed-color-stroke-neutral-weak);background:var(--seed-color-bg-layer-default);border-radius:.65rem;grid-template-columns:minmax(0,1fr);min-width:0;padding:.8rem;text-decoration:none;transition:border-color .18s ease-out,background-color .18s ease-out,transform .18s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden}.standalone-link-preview{min-width:0}.post-body .standalone-link-preview{margin-block:var(--seed-dimension-x2)}:is(.learning-notes,.note-body) .standalone-link-preview{margin-block:.7rem}:is(.post-body,.learning-notes,.note-body) .standalone-link-preview .link-preview-card,.learning-notes .link-preview-card{color:var(--seed-color-fg-neutral)}.link-preview-card-copy{flex-direction:column;align-self:center;min-width:0;display:flex}.link-preview-card-site{color:var(--seed-color-fg-neutral-muted);letter-spacing:.015em;font-size:.68rem;font-weight:650;line-height:1.35}.link-preview-card-copy strong{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.92rem;font-weight:680;line-height:1.4;overflow:hidden}.link-preview-card-description{color:var(--seed-color-fg-neutral-muted);letter-spacing:-.015em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.25rem;font-size:.76rem;line-height:1.5;display:-webkit-box;overflow:hidden}.link-preview-card-media{aspect-ratio:40/21;background:var(--seed-color-bg-neutral-weak);border-radius:.4rem;grid-area:1/2;justify-self:end;min-width:0;height:100%;overflow:hidden}.link-preview-card-media img{object-fit:cover;width:100%;height:100%;display:block}.link-preview-card--with-media{grid-template-columns:minmax(0,1fr) 10rem;height:7rem}.link-preview-card--with-media .link-preview-card-copy{grid-area:1/1}.learning-gallery{width:100%;margin-top:var(--seed-dimension-x6)}.learning-notes>.learning-gallery:first-child{margin-top:0}.learning-photo{background:var(--seed-color-bg-neutral-weak);scroll-snap-align:start;flex:0 0 min(18.75rem,100%);margin:0;position:relative;overflow:hidden}.content-image-frame{box-sizing:border-box;border:.5px solid var(--seed-color-stroke-neutral-weak);background:var(--seed-color-bg-neutral-weak);border-radius:.65rem;width:min(18.75rem,100%);height:12.5rem;display:block;position:relative;overflow:hidden}.content-image-frame--wide{aspect-ratio:3/2;width:min(37.5rem,100%);height:auto}.content-image-frame>.content-image{object-fit:contain;width:100%;height:100%;display:block}.content-image-carousel{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-color:var(--seed-color-stroke-neutral-solid) transparent;scrollbar-width:thin;gap:.75rem;max-width:100%;padding:.1rem 0 .25rem;scroll-padding-inline:.1rem;display:flex;overflow-x:auto}.note-body .content-image-carousel{margin-block:.45rem}.note-body .link-preview-card{color:var(--seed-color-fg-neutral);margin-block:.45rem}.content-image-carousel>.content-figure{scroll-snap-align:start;flex:0 0 min(18.75rem,100%);margin:0}.zoomable-image-trigger{border-radius:inherit;width:min(18.75rem,100%);height:12.5rem;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block;overflow:hidden}.zoomable-image-trigger--wide{aspect-ratio:3/2;width:min(37.5rem,100%);height:auto}.zoomable-image-trigger:focus-visible{outline-color:var(--seed-color-bg-layer-floating);outline-offset:0;box-shadow:0 0 0 .38rem var(--seed-color-stroke-focus-ring)}.image-lightbox-positioner{z-index:70;place-items:center;display:grid;position:fixed;inset:0}.image-lightbox-backdrop{background:var(--seed-color-bg-overlay);-webkit-backdrop-filter:blur(.45rem);backdrop-filter:blur(.45rem);position:fixed;inset:0}.image-lightbox{width:fit-content;min-width:0;max-width:min(64rem, calc(100vw - var(--seed-dimension-x16)));height:fit-content;max-height:min(45rem, calc(100dvh - var(--seed-dimension-x16)));color:var(--seed-color-fg-neutral);background:0 0;border:0;margin:auto;padding:0;display:block;position:relative;overflow:visible}.image-lightbox>.content-image-frame--expanded{z-index:1;width:min(64rem, calc(100vw - var(--seed-dimension-x16)));max-width:64rem;height:min(45rem, calc(100dvh - var(--seed-dimension-x16)));background:0 0;border:0;max-height:45rem;position:relative;overflow:visible}.image-lightbox>.content-image-frame--expanded-intrinsic{width:fit-content;max-width:min(64rem, calc(100vw - var(--seed-dimension-x16)));height:fit-content;max-height:min(45rem, calc(100dvh - var(--seed-dimension-x16)));aspect-ratio:auto}.image-lightbox>.content-image-frame--expanded-width-bound{width:min(64rem, calc(100vw - var(--seed-dimension-x16)));height:fit-content}.image-lightbox>.content-image-frame--expanded-height-bound{width:fit-content;height:min(45rem, calc(100dvh - var(--seed-dimension-x16)))}.image-lightbox>.content-image-frame--expanded>.content-image{object-fit:contain;width:100%;height:100%;box-shadow:var(--seed-shadow-s2);border:0;border-radius:.65rem}.image-lightbox>.content-image-frame--expanded-width-bound>.content-image{width:100%;max-width:min(64rem, calc(100vw - var(--seed-dimension-x16)));height:auto;max-height:min(45rem, calc(100dvh - var(--seed-dimension-x16)))}.image-lightbox>.content-image-frame--expanded-height-bound>.content-image{width:auto;max-width:min(64rem, calc(100vw - var(--seed-dimension-x16)));height:100%;max-height:min(45rem, calc(100dvh - var(--seed-dimension-x16)))}.image-lightbox-close{--icon-button-motion-x:0;--icon-button-motion-y:0;--seed-icon-size:calc(var(--seed-dimension-x5) + var(--seed-dimension-x0_5));z-index:2;width:2.5rem;min-width:2.5rem;height:2.5rem;min-height:2.5rem;color:var(--seed-color-fg-neutral);background:var(--seed-color-bg-layer-floating);box-shadow:var(--seed-shadow-s1);cursor:pointer;border:0;border-radius:999px;padding:0;position:absolute;inset-block-start:calc(0rem - var(--seed-dimension-x5));inset-inline-end:calc(0rem - var(--seed-dimension-x5))}.image-lightbox-close:focus-visible{outline-color:var(--seed-color-stroke-focus-ring)}@media (max-width:47.99rem){.image-lightbox>.content-image-frame--expanded-height-bound{width:min(64rem, calc(100vw - var(--seed-dimension-x16)));height:fit-content}.image-lightbox>.content-image-frame--expanded-height-bound>.content-image{width:100%;height:auto}}.learning-gallery--full .learning-photo{break-inside:avoid;background:0 0;overflow:visible}.learning-photo figcaption{color:var(--seed-color-fg-neutral-muted);letter-spacing:-.01em;margin-top:.55rem;font-size:.72rem;font-weight:520;line-height:1.55}.learning-notes[data-publication=unpublished]{color:var(--seed-color-fg-neutral-muted)}.learning-publication-status{min-height:1.45rem;margin-bottom:var(--seed-dimension-x2);border:.5px dashed var(--seed-color-fg-brand);align-items:center;padding-inline:.5rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.learning-publication-status{border:.5px dashed color-mix(in oklch, var(--seed-color-fg-brand) 55%, var(--seed-color-stroke-neutral-weak))}}.learning-publication-status{color:var(--seed-color-fg-brand);background:var(--seed-color-bg-brand-weak);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.learning-publication-status{background:color-mix(in oklch, var(--seed-color-bg-brand-weak) 55%, transparent)}}.learning-publication-status{font-size:.66rem;font-weight:700}.content-index-section{padding-block:clamp(3.5rem, 10vw, 7rem) calc(var(--seed-dimension-x16) + var(--seed-dimension-x8))}.content-index-header{margin-bottom:clamp(2rem,5vw,3.5rem)}.section-description{max-width:34rem;margin:var(--seed-dimension-x4) 0 0;color:var(--seed-color-fg-neutral-muted);letter-spacing:-.018em;font-size:.95rem;line-height:1.65}.eyebrow{color:var(--seed-color-fg-neutral-muted);letter-spacing:-.015em;margin:0;font-size:.88rem;font-weight:600;line-height:1.4}.empty-state{min-height:clamp(17rem,42vw,25rem);padding:var(--seed-dimension-x8);border:.5px solid var(--seed-color-stroke-neutral-weak);background:var(--seed-color-bg-layer-default);box-shadow:var(--seed-shadow-s1);border-radius:1.5rem;place-items:center;animation:.48s cubic-bezier(.22,1,.36,1) both surface-enter;display:grid}.empty-state p{color:var(--seed-color-fg-neutral-muted);letter-spacing:-.015em;margin:0;font-size:.95rem;font-weight:500}.not-found-page{align-content:center;justify-items:start;min-height:min(38rem,100dvh - 9rem);padding-block:clamp(4rem,12vw,8rem);display:grid}.not-found-page h1{max-width:12ch;margin:var(--seed-dimension-x2) 0 0 -.045em;letter-spacing:-.06em;text-wrap:balance;font-size:clamp(2.4rem,8vw,4.8rem);font-weight:720;line-height:1.05}.not-found-page>p:not(.eyebrow){margin:var(--seed-dimension-x6) 0 0;color:var(--seed-color-fg-neutral-muted)}.not-found-page>a{min-height:2.75rem;margin-top:var(--seed-dimension-x8);border:.5px solid var(--seed-color-stroke-neutral-solid);color:var(--seed-color-fg-brand);background:var(--seed-color-bg-layer-default);border-radius:999px;align-items:center;padding-inline:.9rem;font-size:.85rem;font-weight:680;text-decoration:none;display:inline-flex}.post-meta{gap:var(--seed-dimension-x2) var(--seed-dimension-x4);color:var(--seed-color-fg-neutral-muted);font-variant-numeric:tabular-nums;letter-spacing:-.01em;flex-wrap:wrap;font-size:.78rem;display:flex}.post-publication-status{border:.5px solid var(--seed-color-fg-brand);align-items:center;min-height:1.55rem;padding-inline:.55rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.post-publication-status{border:.5px solid color-mix(in oklch, var(--seed-color-fg-brand) 42%, var(--seed-color-stroke-neutral-weak))}}.post-publication-status{color:var(--seed-color-fg-brand);background:var(--seed-color-bg-brand-weak);letter-spacing:-.01em;border-radius:999px;font-size:.68rem;font-weight:700}.post-row h2 a{text-decoration:none;transition:color .18s ease-out}.post-tags,.post-header-tags{align-content:start;gap:var(--seed-dimension-x2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.post-tags{flex-direction:column;align-items:flex-start}.post-tags a,.post-header-tags a{min-height:1.85rem;color:var(--seed-color-fg-neutral-muted);background:var(--seed-color-bg-neutral-weak);letter-spacing:-.01em;border-radius:999px;align-items:center;padding-inline:.68rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:color .18s ease-out,background-color .18s ease-out;display:inline-flex}.post-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.pagination{margin-top:var(--seed-dimension-x12);justify-content:center;align-items:center;gap:var(--seed-dimension-x2);display:flex}.pagination-step,.pagination-page{border:.5px solid var(--seed-color-stroke-neutral-weak);width:2.5rem;min-height:2.5rem;color:var(--seed-color-fg-neutral-muted);background:var(--seed-color-bg-layer-default);border-radius:999px;justify-content:center;align-items:center;font-size:.85rem;font-weight:620;line-height:1;text-decoration:none;transition:color .18s ease-out,background-color .18s ease-out,transform .18s ease-out;display:inline-flex;box-shadow:0 1px 2px #14161b0a;box-shadow:0 1px 2px lab(7.17928% -.0979528 -3.66448/.04)}.pagination-step{padding:0}.pagination-page.is-current{border-color:var(--seed-color-stroke-brand-solid);color:var(--seed-color-fg-brand-contrast);background:var(--seed-color-bg-brand-solid);box-shadow:none}.pagination-step.is-disabled{color:var(--seed-color-fg-neutral-muted);box-shadow:none;opacity:.42;background:0 0}.post-row{gap:var(--seed-dimension-x6);border:.5px solid var(--seed-color-stroke-neutral-weak);background:var(--seed-color-bg-layer-default);box-shadow:var(--seed-shadow-s1);border-radius:1.25rem;padding:clamp(1.25rem,3vw,1.75rem);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease-out;display:grid}.post-row[data-publication=unpublished]{border-color:var(--seed-color-fg-brand)}@supports (color:color-mix(in lab, red, red)){.post-row[data-publication=unpublished]{border-color:color-mix(in oklch, var(--seed-color-fg-brand) 58%, var(--seed-color-stroke-neutral-weak))}}.post-row[data-publication=unpublished]{background:var(--seed-color-bg-brand-weak);border-style:dashed}@supports (color:color-mix(in lab, red, red)){.post-row[data-publication=unpublished]{background:color-mix(in oklch, var(--seed-color-bg-brand-weak) 28%, var(--seed-color-bg-layer-default))}}.post-row h2{margin:var(--seed-dimension-x2) 0 0;letter-spacing:-.042em;font-size:clamp(1.35rem,4vw,1.85rem);font-weight:680;line-height:1.23}.post-row-main>p{max-width:42rem;margin:var(--seed-dimension-x2) 0 0;color:var(--seed-color-fg-neutral-muted);letter-spacing:-.015em;font-size:.9rem}.post-page,.note-page,.tag-page{padding-block:clamp(2rem, 6vw, 4rem) calc(var(--seed-dimension-x16) + var(--seed-dimension-x8))}.post-page{--post-reading-width:var(--document-reading-width);container:post-page/inline-size}.post-header{max-width:var(--post-reading-width);margin-inline:auto;padding-block:clamp(2.5rem,7vw,5rem) clamp(2.25rem,5vw,3.5rem)}.post-header h1{margin:var(--seed-dimension-x6) 0 0 -.045em;letter-spacing:-.065em;text-wrap:balance;font-size:clamp(2.65rem,8vw,5rem);font-weight:720;line-height:1.06}.post-header-tags{margin-top:var(--seed-dimension-x6)}.post-content-layout{max-width:var(--post-reading-width);margin-inline:auto}.post-toc-rail{display:none}.post-toc-rail [data-toc-id][data-visible=true]{color:var(--seed-color-fg-brand)}.post-body{width:100%;color:var(--seed-color-fg-neutral);letter-spacing:-.016em;padding-block:0 clamp(3rem,8vw,6rem);font-size:clamp(1.02rem,1.5vw,1.08rem);line-height:1.82}.utterances-comments{max-width:var(--post-reading-width);border-top:.5px solid var(--seed-color-stroke-neutral-weak);margin-inline:auto;padding-top:clamp(2rem,5vw,3rem)}.utterances-comments-container,.utterances-comments .utterances{max-width:100%}.post-body>:first-child{margin-top:0}.post-body h2{border-top:.5px solid var(--seed-color-stroke-neutral-weak);letter-spacing:-.045em;margin:3.75rem 0 1rem;padding-top:1.5rem;font-size:clamp(1.65rem,4vw,2.15rem);font-weight:700;line-height:1.28}.post-body h2,.post-body h3{scroll-margin-top:7.25rem}.post-body h3{letter-spacing:-.03em;margin:2.75rem 0 .75rem;font-size:1.32rem;font-weight:680;line-height:1.35}.post-body p,.post-body ul,.post-body ol,.post-body pre,.post-body blockquote{margin-block:1.35rem}.post-body ul,.post-body ol{padding-left:1.45rem}.post-body li+li{margin-top:var(--seed-dimension-x2)}.post-body strong{color:var(--seed-color-fg-neutral);font-weight:700}.post-body a{color:var(--seed-color-fg-brand)}.post-body blockquote{border-left:.2rem solid var(--seed-color-fg-brand);color:var(--seed-color-fg-neutral-muted);margin-inline:0;padding:.25rem 0 .25rem 1.25rem}.post-body .content-figure{text-align:center;width:min(100%,37.5rem);max-width:100%;margin:clamp(2.25rem,6vw,3.25rem) auto}.post-body .content-figure>a{border-radius:.5rem;display:block}.post-body .content-figure>.content-image-source-link{border-radius:.35rem;width:fit-content;margin:.6rem auto 0;font-size:.72rem;font-weight:600;display:inline-flex}.post-body .content-image-carousel{margin:clamp(2.25rem,6vw,3.25rem) 0}.post-body .content-figure figcaption{max-width:38rem;color:var(--seed-color-fg-neutral-muted);letter-spacing:-.01em;text-align:center;text-wrap:balance;margin:.65rem auto 0;font-size:.78rem;font-weight:500;line-height:1.55}.post-body :not(pre)>code{border:.5px solid var(--seed-color-stroke-neutral-weak);background:var(--seed-color-bg-neutral-weak);font-variant-ligatures:none;word-break:break-word;border-radius:.38rem;padding:.14em .38em;font-family:SFMono-Regular,Consolas,monospace;font-size:.86em}.post-body pre{--code-language-accent:var(--syntax-muted);border:.5px solid var(--seed-color-stroke-neutral-weak);max-width:100%;margin:0;padding:1.35rem 5.25rem 1.35rem 1.35rem;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.post-body pre{border:.5px solid color-mix(in oklch, var(--seed-color-stroke-neutral-weak) 70%, transparent)}}.post-body pre{color:var(--seed-color-palette-static-white);background:var(--seed-color-palette-static-black);box-shadow:var(--seed-shadow-s1);font-variant-ligatures:none;border-radius:1rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.7}.post-body .code-block{margin-block:1.35rem;position:relative}.code-copy-button{border:.5px solid var(--seed-color-stroke-neutral-weak);min-height:2.25rem;color:var(--syntax-muted);background:var(--seed-color-palette-static-black);border-radius:.45rem;align-items:center;gap:.4rem;padding:.4rem .65rem;display:inline-flex;position:absolute;top:.75rem;right:.75rem}@supports (color:color-mix(in lab, red, red)){.code-copy-button{background:color-mix(in oklch, var(--seed-color-palette-static-black) 88%, var(--seed-color-bg-layer-default))}}.code-copy-button{font-family:var(--font-system);cursor:pointer;font-size:.72rem;font-weight:650;line-height:1;transition:border-color .18s ease-out,color .18s ease-out,background-color .18s ease-out}.code-copy-button svg{stroke:currentColor;stroke-width:1.35px;width:.9rem;height:.9rem}.code-copy-button:hover{border-color:var(--seed-color-stroke-neutral-solid);color:var(--seed-color-palette-static-white);background:var(--seed-color-palette-static-black)}@supports (color:color-mix(in lab, red, red)){.code-copy-button:hover{background:color-mix(in oklch, var(--seed-color-palette-static-black) 82%, var(--seed-color-bg-layer-default))}}.code-copy-button:focus-visible,:is(.post-body,.learning-notes,.note-body) pre:focus-visible{outline:.2rem solid var(--seed-color-stroke-focus-ring);outline-offset:.18rem}.post-body pre code{font:inherit;display:block}.post-body pre code[data-language]:before{color:var(--code-language-accent);content:attr(data-language);font-family:var(--font-system);letter-spacing:.09em;text-transform:uppercase;margin-bottom:.75rem;font-size:.66rem;font-weight:720;line-height:1;display:block}:is(.post-body,.learning-notes,.note-body) pre:has(code:is(.language-ts,.language-tsx,.language-typescript)){--code-language-accent:var(--syntax-blue)}:is(.post-body,.learning-notes,.note-body) pre:has(code:is(.language-js,.language-jsx,.language-javascript)){--code-language-accent:var(--syntax-orange)}:is(.post-body,.learning-notes,.note-body) pre:has(code:is(.language-css,.language-scss)){--code-language-accent:var(--syntax-pink)}:is(.post-body,.learning-notes,.note-body) pre:has(code:is(.language-html,.language-xml)){--code-language-accent:var(--syntax-orange)}:is(.post-body,.learning-notes,.note-body) pre:has(code:is(.language-json,.language-yaml,.language-yml)){--code-language-accent:var(--syntax-green)}:is(.post-body,.learning-notes,.note-body) pre:has(code:is(.language-bash,.language-sh,.language-shell)){--code-language-accent:var(--syntax-purple)}:is(.post-body,.learning-notes,.note-body) .hljs-comment,:is(.post-body,.learning-notes,.note-body) .hljs-quote{color:var(--syntax-muted);font-style:italic}:is(.post-body,.learning-notes,.note-body) .hljs-keyword,:is(.post-body,.learning-notes,.note-body) .hljs-literal,:is(.post-body,.learning-notes,.note-body) .hljs-selector-tag,:is(.post-body,.learning-notes,.note-body) .hljs-type{color:var(--syntax-pink)}:is(.post-body,.learning-notes,.note-body) .hljs-string,:is(.post-body,.learning-notes,.note-body) .hljs-regexp,:is(.post-body,.learning-notes,.note-body) .hljs-addition,:is(.post-body,.learning-notes,.note-body) .hljs-attribute{color:var(--syntax-green)}:is(.post-body,.learning-notes,.note-body) .hljs-number,:is(.post-body,.learning-notes,.note-body) .hljs-meta,:is(.post-body,.learning-notes,.note-body) .hljs-symbol,:is(.post-body,.learning-notes,.note-body) .hljs-bullet{color:var(--syntax-orange)}:is(.post-body,.learning-notes,.note-body) .hljs-title,:is(.post-body,.learning-notes,.note-body) .hljs-section,:is(.post-body,.learning-notes,.note-body) .hljs-selector-id,:is(.post-body,.learning-notes,.note-body) .hljs-selector-class{color:var(--syntax-blue)}:is(.post-body,.learning-notes,.note-body) .hljs-built_in,:is(.post-body,.learning-notes,.note-body) .hljs-variable,:is(.post-body,.learning-notes,.note-body) .hljs-template-variable,:is(.post-body,.learning-notes,.note-body) .hljs-params,:is(.post-body,.learning-notes,.note-body) .hljs-property{color:var(--syntax-cyan)}:is(.post-body,.learning-notes,.note-body) .hljs-tag,:is(.post-body,.learning-notes,.note-body) .hljs-name,:is(.post-body,.learning-notes,.note-body) .hljs-attr{color:var(--syntax-purple)}.markdown-table-scroll{overscroll-behavior-inline:contain;scrollbar-color:var(--seed-color-stroke-neutral-solid) transparent;scrollbar-width:thin;max-width:100%;margin-block:1.35rem;overflow-x:auto}.markdown-table-scroll:focus-visible{outline:.2rem solid var(--seed-color-stroke-focus-ring);outline-offset:.18rem}.markdown-table-scroll>table{border-collapse:collapse;width:max-content;min-width:100%;margin:0;font-size:.88rem}.markdown-table-scroll th,.markdown-table-scroll td{border-bottom:.5px solid var(--seed-color-stroke-neutral-weak);text-align:left;vertical-align:top;padding:.8rem}.markdown-table-scroll th{color:var(--seed-color-fg-neutral-muted);letter-spacing:-.01em;font-size:.76rem;font-weight:650}.portfolio-page{padding-block:clamp(3rem, 7vw, 5.5rem) calc(var(--seed-dimension-x16) + var(--seed-dimension-x8))}.portfolio-document{--portfolio-peer-title-size:clamp(1.05rem, 2vw, 1.2rem);width:min(100%, var(--document-reading-width));min-width:0;margin-inline:auto;container:portfolio-document/inline-size}.portfolio-hero{padding-bottom:clamp(2.5rem,5vw,3.5rem)}.portfolio-hero-heading{align-items:flex-start;gap:var(--seed-dimension-x6);flex-direction:column;display:flex}.portfolio-hero h1{letter-spacing:-.055em;overflow-wrap:anywhere;text-wrap:pretty;max-width:22ch;margin:0 0 0 -.045em;font-size:clamp(2rem,3.8vw,2.9rem);font-weight:700;line-height:1.12}.portfolio-hero h1 strong{color:inherit;font-weight:inherit}.portfolio-profile-image{aspect-ratio:1;object-fit:cover;background:var(--seed-color-bg-layer-default);width:min(10rem,100%);height:auto;box-shadow:0 0 0 .5px var(--seed-color-stroke-neutral-weak);border-radius:50%;flex:none}.portfolio-intro{gap:var(--seed-dimension-x2);max-width:none;margin-top:clamp(2rem,5vw,3rem);display:grid}.portfolio-intro>p{max-width:none;color:var(--seed-color-fg-neutral-muted);letter-spacing:-.018em;text-wrap:pretty;word-break:keep-all;margin:0;font-size:1rem;font-weight:400;line-height:1.76}.portfolio-contacts{gap:.65rem;max-width:36rem;margin:clamp(2rem,5vw,3rem) 0 0;display:grid}.portfolio-contacts>div{gap:var(--seed-dimension-x6);grid-template-columns:7.5rem minmax(0,1fr);align-items:baseline;display:grid}@container portfolio-document (max-width:30rem){.portfolio-contacts>div{grid-template-columns:minmax(0,1fr);gap:.25rem}}.portfolio-contacts dt,.portfolio-contacts dd{margin:0;line-height:1.5}.portfolio-contacts dt{color:var(--seed-color-fg-neutral-muted);font-size:.8rem;font-weight:650}.portfolio-contacts dd{min-width:0;color:var(--seed-color-fg-neutral);font-variant-numeric:tabular-nums;font-size:.92rem}.portfolio-contact-link{color:inherit;overflow-wrap:anywhere;transition:color .18s var(--seed-timing-function-easing);align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.portfolio-contact-link:hover,.portfolio-contact-link:focus-visible{color:var(--seed-color-fg-brand)}.portfolio-contact-icon{width:.9rem;height:.9rem;color:var(--seed-color-fg-neutral-muted);transition:transform .18s var(--seed-timing-function-easing), color .18s var(--seed-timing-function-easing);flex:none}.portfolio-contact-link:hover .portfolio-contact-icon,.portfolio-contact-link:focus-visible .portfolio-contact-icon{color:var(--seed-color-fg-brand);transform:translate(.12rem,-.08rem)}.portfolio-intro a,.portfolio-section-body a{color:var(--seed-color-fg-brand)}.portfolio-section{border-top:.5px solid var(--seed-color-stroke-neutral-weak);padding:clamp(2.5rem,5vw,3.5rem) 0 clamp(3.25rem,7vw,4.75rem)}.portfolio-section-heading{color:var(--seed-color-fg-neutral-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 clamp(2rem,5vw,3rem);font-size:.72rem;font-weight:700;line-height:1.4}.portfolio-section-body{overflow-wrap:anywhere;min-width:0}.portfolio-section-body>:first-child{margin-top:0}.portfolio-section-body>:last-child{margin-bottom:0}.portfolio-section-body h3{margin:0 0 var(--seed-dimension-x2);letter-spacing:-.042em;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;line-height:1.32}.portfolio-section-body h3:not(:first-child){border-top:.5px solid var(--seed-color-stroke-neutral-weak);margin-top:clamp(2.75rem,6vw,4rem);padding-top:clamp(2.75rem,6vw,4rem)}.portfolio-section-body h4{margin:clamp(2.5rem, 5vw, 3.5rem) 0 var(--seed-dimension-x4);font-size:var(--portfolio-peer-title-size);letter-spacing:-.028em;border-top:0;padding-top:0;font-weight:680;line-height:1.4}.portfolio-section-body h5{margin:var(--seed-dimension-x8) 0 var(--seed-dimension-x2);color:var(--seed-color-fg-brand);letter-spacing:.015em;font-size:.75rem;font-weight:700;line-height:1.4}.portfolio-section-body p{margin:var(--seed-dimension-x2) 0 var(--seed-dimension-x4);color:var(--seed-color-fg-neutral-muted);letter-spacing:-.016em;font-size:.94rem;line-height:1.76}.portfolio-section-body p:has(>strong:first-child){margin-block:var(--seed-dimension-x2);color:var(--seed-color-fg-neutral-muted);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:560}.portfolio-section-body p strong{color:var(--seed-color-fg-neutral-muted);font-weight:680}.portfolio-section-body ul{margin:var(--seed-dimension-x2) 0 0;gap:var(--seed-dimension-x1);grid-template-columns:minmax(0,1fr);padding-left:1.15rem;list-style:outside;display:grid}.portfolio-section-body li{min-width:0;color:var(--seed-color-fg-neutral-muted);letter-spacing:-.016em;text-wrap:pretty;padding-left:.1rem;font-size:.92rem;line-height:1.72}.portfolio-section-body li::marker{color:var(--seed-color-fg-neutral-muted);font-size:.8em}.portfolio-section--compact .portfolio-section-body h3{font-size:var(--portfolio-peer-title-size);letter-spacing:-.025em;font-weight:680}.portfolio-section[data-section-title=학력] .portfolio-section-body h3{font-size:var(--portfolio-peer-title-size)}.portfolio-section--compact .portfolio-section-body h3:not(:first-child){margin-top:var(--seed-dimension-x8);border-top:0;padding-top:0}@media (max-width:35rem){.portfolio-contacts>div{gap:var(--seed-dimension-x4);grid-template-columns:5.5rem minmax(0,1fr)}}.tag-header{margin-block:var(--seed-dimension-x6) var(--seed-dimension-x12);gap:var(--seed-dimension-x2);border:.5px solid var(--seed-color-stroke-neutral-weak);background:var(--seed-color-bg-layer-default);box-shadow:var(--seed-shadow-s1);border-radius:1.5rem;padding:clamp(1.75rem,5vw,3rem);display:grid}.tag-header h1{letter-spacing:-.065em;margin:0 0 0 -.045em;font-size:clamp(2.8rem,9vw,5.5rem);font-weight:720;line-height:1}.tag-header>p:last-child{color:var(--seed-color-fg-neutral-muted);margin:.35rem 0 0;font-size:.88rem}.tag-results{gap:clamp(3rem,7vw,5rem);display:grid}.tag-result-section{min-width:0}.tag-result-section>h2{margin:0 0 var(--seed-dimension-x8);letter-spacing:-.045em;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.2}@media (hover:hover){.icon-button:not(.is-disabled):hover .icon-button-motion{transform:translate(var(--icon-button-motion-x), var(--icon-button-motion-y))}.post-toc-rail [data-toc-id]:hover{color:var(--seed-color-fg-brand)}.note-tags a:hover{color:var(--seed-color-fg-brand);background:var(--seed-color-bg-brand-weak)}.arrow-link:hover{border-color:var(--seed-color-fg-brand)}@supports (color:color-mix(in lab, red, red)){.arrow-link:hover{border-color:color-mix(in oklch, var(--seed-color-fg-brand) 55%, var(--seed-color-stroke-neutral-weak))}}.arrow-link:hover,.content-list-entry--linked:hover{color:var(--seed-color-fg-brand);background:var(--seed-color-bg-brand-weak)}@supports (color:color-mix(in lab, red, red)){.content-list-entry--linked:hover{background:color-mix(in oklch, var(--seed-color-bg-brand-weak) 42%, transparent)}}.content-list-entry--linked:hover{transform:translate(.18rem)}.link-preview-card:hover{border-color:var(--seed-color-stroke-neutral-solid);background:var(--seed-color-bg-layer-floating);transform:translateY(-.08rem)}.note-action-link:hover{border-color:var(--seed-color-stroke-neutral-solid);color:var(--seed-color-fg-brand);background:var(--seed-color-bg-layer-floating)}.post-row h2 a:hover{color:var(--seed-color-fg-brand)}.post-tags a:hover,.post-header-tags a:hover{color:var(--seed-color-fg-brand);background:var(--seed-color-bg-brand-weak)}.post-row:hover{box-shadow:var(--seed-shadow-s2);transform:translateY(-.12rem)}.pagination a:hover{color:var(--seed-color-fg-brand);background:var(--seed-color-bg-brand-weak)}.pagination-page:hover{transform:translateY(-.08rem)}}@media (min-width:48rem){.shell{width:min(calc(100% - 4rem), var(--content-width))}.post-row{grid-template-columns:minmax(0,1fr) 10rem}.learning-gallery--full{columns:2 15rem;column-gap:var(--seed-dimension-x4)}}@media (min-width:53.8125rem){.post-body h2,.post-body h3{scroll-margin-top:5.5rem}}@media (min-width:64rem){.home-overview{--home-column-gap:clamp(3rem, 6vw, 5rem);--home-row-gap:clamp(3rem, 6vw, 5rem);column-gap:var(--home-column-gap);row-gap:var(--home-row-gap);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"articles articles""notes learnings";align-items:stretch}.home-preview--articles{grid-area:articles}.home-preview--notes{border-top:0;grid-area:notes;padding-top:0}.home-preview--learnings{border-top:0;grid-area:learnings;padding-top:0;position:relative}.home-preview--learnings:before,.home-preview--learnings:after{content:"";pointer-events:none;position:absolute}.home-preview--learnings:before{top:calc(var(--home-row-gap) / -2);right:0;left:calc(-100% - var(--home-column-gap));border-top:.5px solid var(--seed-color-stroke-neutral-solid)}.home-preview--learnings:after{top:calc(var(--home-row-gap) / -2);bottom:0;left:calc(var(--home-column-gap) / -2);border-left:.5px solid var(--seed-color-stroke-neutral-solid)}}@media (min-width:83rem){@container post-page (min-width:66rem){.post-content-layout-with-toc{--post-toc-column-gap:2rem;--post-toc-edge-gap:2rem;--post-toc-width:clamp(10.5rem, calc((100vw - var(--post-reading-width)) / 2 - var(--post-toc-column-gap) - var(--post-toc-edge-gap)), 14rem);grid-template-columns:minmax(0, var(--post-reading-width)) var(--post-toc-width);column-gap:var(--post-toc-column-gap);width:calc(var(--post-reading-width) + var(--post-toc-column-gap) + var(--post-toc-width));max-width:none;margin-right:0;margin-left:calc((100% - var(--post-reading-width)) / 2);display:grid}.post-content-layout-with-toc .post-body{grid-area:1/1}.post-content-layout-with-toc .post-toc-rail{grid-area:1/2;align-self:stretch;min-width:0;padding-top:0;display:block}}}@media (max-width:32rem){.empty-state,.tag-header{border-radius:1.25rem}}@media (pointer:coarse){.code-copy-button,.pagination-step,.pagination-page{min-height:2.75rem}.note-tags a,.post-header-tags a,.post-tags a{align-items:center;min-height:2.75rem;display:inline-flex}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes surface-enter{0%{opacity:0;transform:translateY(.6rem)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes learning-enter{0%{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:translateY(0)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
@font-face{font-family:diskopia;src:url(../media/DISKOPIA2_0-s.p.24tas2mt8q66j.ttf)format("truetype");font-display:swap}@font-face{font-family:diskopia Fallback;src:local(Arial);ascent-override:48.29%;descent-override:16.1%;line-gap-override:0.0%;size-adjust:155.31%}.diskopia_67670e7-module__HeGCcq__className{font-family:diskopia,diskopia Fallback}.diskopia_67670e7-module__HeGCcq__variable{--font-ui-wordmark:"diskopia", "diskopia Fallback"}