@layer reset{*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}}@layer base{body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;text-size-adjust:none;background-color:var(--background);font-family:var(--font-sans-serif);color:var(--text);scroll-behavior:auto;text-rendering:optimizelegibility;max-inline-size:100vw;font-size:16px;line-height:1.6}a{color:var(--text-link);text-decoration:none;&:hover,&:focus{color:var(--text-link-hover)}}pre{font-family:var(--font-monospace);font-size:var(--text-sm);padding:var(--block-space);tab-size:2;border-radius:.5rem;overflow-x:auto}.container{width:90%;max-width:78ch;margin-left:auto;margin-right:auto}.header{padding-top:var(--block-space);padding-bottom:var(--block-space)}.header__inner{justify-content:space-between;align-items:center;display:flex}.header__brand{align-items:center;gap:var(--block-space-half);display:flex}.header__logo{border:0;border-radius:.25rem;width:2rem;height:2rem;display:block;overflow:hidden;& svg{color:var(--logo-background);width:2rem;height:2rem;& path{color:var(--logo-text)}}}.header__nav{align-items:center;gap:var(--block-space);display:flex}.nav{display:none;@media (width>=100ch){gap:var(--block-space);display:flex}&>a{font-weight:500}}.footer{margin-top:var(--block-space-double);border-top:1px solid var(--border)}.footer__inner{padding:1.25rem 0}}@layer components{.drawer{& .drawer__toggle:checked~.drawer__side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto}}.drawer__toggle{appearance:none;opacity:0;width:0;height:0;position:fixed}.drawer__side{visibility:hidden;opacity:0;z-index:1002;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));place-items:flex-start start;width:100%;height:100vh;display:grid;position:fixed;top:0;&>*{grid-row-start:1;grid-column-start:1}}.drawer__overlay{cursor:pointer;background-color:var(--background);z-index:-1;place-self:stretch stretch;position:sticky;top:0}.drawer__content{padding-top:var(--block-space);padding-bottom:var(--block-space)}.drawer__nav{margin-top:var(--block-space);gap:var(--block-space);flex-direction:column;display:flex;& a{font-size:var(--text-xl);font-weight:600}}.drawer__close{@media (width>=100ch){display:none}}.features{gap:var(--block-space);margin-top:var(--block-space);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;@media (width>=100ch){grid-template-columns:repeat(3,minmax(0,1fr))}}.feature{position:relative}.feature__cover{--bg-1:oklch(92.78% .025 39.36);--bg-2:oklch(91.3% .0228 332.37);--bg-3:oklch(91.78% .0315 211.55);--bg-4:oklch(92.69% .0364 87.8);--bg-5:oklch(88.8% .0121 51.3);--bg-6:oklch(89.39% .0264 44.7);width:100%;height:240px;margin-bottom:var(--block-space);padding:var(--block-space);border-radius:.5rem;justify-content:center;align-items:center;display:flex;overflow:hidden;@media (width>=100ch){height:270px;padding:var(--block-space-double)}&>div{border-radius:.5rem;justify-content:center;align-items:center;width:100%;height:100%;display:flex}&[data-favorite="1"]{background:oklch(from var(--bg-1) l c h / .3);&>div{background:var(--bg-1)}}&[data-favorite="2"]{background:oklch(from var(--bg-2) l c h / .3);&>div{background:var(--bg-2)}}&[data-favorite="3"]{background:oklch(from var(--bg-3) l c h / .3);&>div{background:var(--bg-3)}}&[data-favorite="4"]{background:oklch(from var(--bg-4) l c h / .3);&>div{background:var(--bg-4)}}&[data-favorite="5"]{background:oklch(from var(--bg-5) l c h / .3);&>div{background:var(--bg-5)}}&[data-favorite="6"]{background:oklch(from var(--bg-6) l c h / .3);&>div{background:var(--bg-6)}}}.feature__info{color:var(--text-muted)}.feature__title{&>a{font-size:var(--text-lg)}}.feature__icon{font-size:var(--text-4xl);color:var(--text-muted)}.theme-toggle.theme-toggle--reversed .theme-toggle__expand{transform:scaleX(-1)}.theme-toggle{--theme-toggle__expand--duration:.5s;border:1px solid var(--border);width:1.5rem;height:1.5rem;&.theme-toggle--toggled{color:var(--white)}}.theme-toggle__expand g circle,.theme-toggle__expand g path{transform-origin:50%;transition:transform calc(var(--theme-toggle__expand--duration) * .65) cubic-bezier(0, 0, 0, 1.25) calc(var(--theme-toggle__expand--duration) * .35)}.theme-toggle__expand :first-child path{transition-property:transform,d;transition-duration:calc(var(--theme-toggle__expand--duration) * .6);transition-timing-function:cubic-bezier(0,0,.5,1)}.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__expand g circle,.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand g circle{transition-delay:0s;transform:scale(1.4)}.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__expand g path,.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand g path{transition-delay:0s;transform:scale(.75)}.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__expand :first-child path,.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand :first-child path{d:path("M-9 3h25a1 1 0 0017 13v30H0Z");transition-delay:calc(var(--theme-toggle__expand--duration) * .4);transition-timing-function:cubic-bezier(0,0,0,1.25)}@supports not (d:path("")){.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__expand :first-child path,.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand :first-child path{transform:translate(-9px,14px)}}.theme-toggle{cursor:pointer;background:0 0;border:none}.theme-toggle input[type=checkbox]{display:none}.theme-toggle .theme-toggle-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@supports (view-transition-name:none){::view-transition-group(root){animation-duration:1s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-new(root){animation-name:reveal-light-top-left}::view-transition-old(root),.dark::view-transition-old(root){z-index:-1;animation:none}.dark::view-transition-new(root){animation-name:reveal-dark-top-left}@keyframes reveal-dark-top-left{0%{clip-path:circle(0% at 0 0)}to{clip-path:circle(150% at 0 0)}}@keyframes reveal-light-top-left{0%{clip-path:circle(0% at 0 0)}to{clip-path:circle(150% at 0 0)}}}@media (prefers-reduced-motion:reduce){.theme-toggle:not(.theme-toggle--force-motion) *{transition:none!important}::view-transition-group(root){animation-duration:.01ms!important;animation-iteration-count:1!important}}.posts{position:relative}.post{&~.post{margin-top:var(--block-space-double)}& h1{font-size:var(--text-4xl);font-weight:600}& h2{font-size:var(--text-2xl);font-weight:500}& h3{font-size:var(--text-xl);font-weight:500}& :where(a[href^="http://"]),& :where(a[href^="https://"]){--icon:url(data:image/svg+xml;base64,PHN2ZyBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiB3aWR0aD0idmFyKC0tc2l6ZSwgMS4xNWVtKSIgaGVpZ2h0PSJ2YXIoLS1zaXplLCAxLjE1ZW0pIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04IDVINUMzLjg5NTQzIDUgMyA1Ljg5NTQzIDMgN1YxMkMzIDEzLjEwNDYgMy44OTU0MyAxNCA1IDE0SDEwQzExLjEwNDYgMTQgMTIgMTMuMTA0NiAxMiAxMlY4LjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgo8cGF0aCBkPSJNNy41IDkuNUwxNCAzTTE0IDNWN00xNCAzSDEwIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD48L3N2Zz4=);&:after{content:"";vertical-align:middle;width:1.25rem;height:1.25rem;mask-image:var(--icon);background-color:currentColor;margin-left:.18rem;margin-right:-.36rem;display:inline-block;transform:translateY(1px);mask-repeat:no-repeat}}}.post__meta{gap:var(--block-space-half);display:flex;.post--detail &{margin-top:var(--block-space)}}.post__info{color:var(--text-muted);align-items:center;gap:var(--block-space-half);display:flex}.post__content{margin-top:calc(var(--block-space) * 1.5);padding-top:calc(var(--block-space) * 1.5);border-top:1px solid var(--border);&>*+*{margin-top:var(--block-space)}& a{color:var(--text-link-hover);&:hover,&:focus{text-decoration:underline}}& table{border-collapse:collapse;width:100%;display:table}& th,& td{border:1px solid var(--border);padding:calc(var(--block-space-half));text-align:left}}.post__tags{font-size:var(--text-sm);margin-top:var(--block-space-half);gap:.25rem;display:flex;& span{background:oklch(from var(--foreground) l c h / .95);color:oklch(from var(--text), l c h / .8);line-height:1.125;font-size:var(--text-xs);text-transform:uppercase;border-radius:.625rem 0;padding:.25rem .5rem}}.notes{grid-gap:var(--block-space);grid-template-columns:repeat(1,minmax(0,1fr));display:grid;position:relative;@media (width>=100ch){grid-template-columns:repeat(3,minmax(0,1fr))}}.note{background:var(--note-background);border:1px solid var(--border);padding:var(--block-space-half);border-radius:.5rem;transition:border-color .3s;&:hover,&:focus{border-color:var(--border-dim)}&.note--detail{background:0 0;border:0;border-radius:0;padding:0}& h1{font-size:var(--text-4xl);font-weight:600}& h2{font-size:var(--text-2xl);font-weight:500}& h3{font-size:var(--text-xl);font-weight:500}}.note__meta{gap:var(--block-space-half);display:flex;.note--detail &{margin-top:var(--block-space)}}.note__info{color:var(--text-muted);align-items:center;gap:var(--block-space-half);display:flex}.note__content{margin-top:calc(var(--block-space) * 1.5);padding-top:calc(var(--block-space) * 1.5);border-top:1px solid var(--border);&>*+*{margin-top:var(--block-space)}& a{color:var(--text-link-hover);&:hover,&:focus{text-decoration:underline}}& table{border-collapse:collapse;width:100%;display:table}& th,& td{border:1px solid var(--border);padding:calc(var(--block-space-half));text-align:left}}.note__tags{margin:var(--block-space-half) 0;gap:.25rem;display:flex;& span{background:oklch(from var(--foreground) l c h / .95);color:oklch(from var(--text), l c h / .8);line-height:1.125;font-size:var(--text-xs);text-transform:uppercase;border-radius:.625rem 0;padding:.25rem .5rem}}.note__title{font-size:var(--text-base);line-height:1.215}.note__description{color:var(--text-muted)}.toc{top:4rem;right:var(--block-space);display:none;position:fixed;@media (width>=140ch){display:block}}.toc__header{text-transform:uppercase;font-size:var(--text-sm);align-items:center;gap:.25rem;font-weight:500;display:flex}.toc__list{margin:0;padding:0;list-style:none;& ul{margin:0;padding:0;list-style:none;& li{align-items:center;gap:.5rem;display:flex}}}.social{align-items:center;gap:var(--block-space);display:flex}.social__item{& svg{width:calc(var(--block-space) * 2);height:calc(var(--block-space) * 2)}}.work{gap:var(--block-space);flex-direction:column;display:flex;&~.work{margin-top:var(--block-space-half)}}.work__item{justify-content:space-between;display:flex}.work__company{font-weight:500}.work__role,.work__timeline{color:var(--text-muted)}}@layer utilities{.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.relative{position:relative}.absolute{position:absolute}.mt-1{margin-top:var(--block-space-half)}.mt-2{margin-top:var(--block-space)}.mt-3{margin-top:var(--block-space-double)}.uppercase{text-transform:uppercase}}:root{color-scheme:light dark;--inline-space:1ch;--inline-space-half:calc(var(--inline-space) / 2);--inline-space-double:calc(var(--inline-space) * 2);--block-space:1rem;--block-space-half:calc(var(--block-space) / 2);--block-space-double:calc(var(--block-space) * 2);--font-sans-serif:"Inter Tight", sans-serif;--font-serif:serif;--font-mono:"JetBrains Mono", monospace;--text-xs:.675rem;--text-sm:.8706rem;--text-base:1rem;--text-lg:1.14867rem;--text-xl:1.3195rem;--text-2xl:1.5157rem;--text-3xl:1.7411rem;--text-4xl:2rem;--primary:light-dark(oklch(54.71% .0898 233.94),oklch(74.91% .0712 241.09));--secondary:light-dark(oklch(93.76% .045 96.2),oklch(39.64% .054 102.92));--black:oklch(17.64% .012 226.09);--white:oklch(100% 0 98.2);--background:light-dark(oklch(99.11% 0 0),oklch(24.33% .017 285.06));--foreground:var(--secondary);--text:light-dark(var(--black),var(--white));--text-muted:light-dark(oklch(44.95% 0 0),oklch(67.15% .0023 17.22));--text-link:light-dark(var(--black),var(--white));--text-link-hover:var(--primary);--border:light-dark(oklch(87% 0 0),oklch(37.15% 0 0));--border-dim:oklch(48.82% .2351 290.58);--logo-background:light-dark(var(--black),var(--white));--logo-text:light-dark(var(--white),var(--black));--note-background:light-dark(oklch(99.11% 0 0),oklch(32.91% .0324 274.76))}html{&[data-theme=light]{color-scheme:light}&[data-theme=dark]{color-scheme:dark}}