@layer reset,base,layout,components,utilities;:root{--font-sans:"IBM Plex Sans",system-ui,-apple-system,sans-serif;--font-mono:"IBM Plex Mono","SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;--lch-canvas:99% .004 95;--lch-surface:97.5% .006 95;--lch-ink:18% .02 255;--lch-ink-muted:36% .02 255;--lch-border:82% .01 95;--lch-accent:56% .18 255;--color-canvas:oklch(var(--lch-canvas));--color-surface:oklch(var(--lch-surface));--color-text:oklch(var(--lch-ink));--color-text-muted:oklch(var(--lch-ink-muted));--color-border:oklch(var(--lch-border));--color-accent:oklch(var(--lch-accent));--color-accent-hover:color-mix(in oklch,var(--color-accent)70%,white);--inline-space:1ch;--block-space:1rem;--inline-space-half:calc(var(--inline-space)*.5);--inline-space-3quarter:calc(var(--inline-space)*.75);--inline-space-onequarter:calc(var(--inline-space)*1.25);--inline-space-oneanhalf:calc(var(--inline-space)*1.5);--inline-space-double:calc(var(--inline-space)*2);--inline-space-quad:calc(var(--inline-space)*4);--block-space-quarter:calc(var(--block-space)*.25);--block-space-half:calc(var(--block-space)*.5);--block-space-3quarter:calc(var(--block-space)*.75);--block-space-oneanhalf:calc(var(--block-space)*1.5);--block-space-double:calc(var(--block-space)*2);--block-space-triple:calc(var(--block-space)*3);--block-space-quad:calc(var(--block-space)*4);--block-space-huge:calc(var(--block-space)*5);--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.75rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-huge:4rem;--line-height-snug:1.2;--line-height-body:1.6;--line-height-relaxed:1.7;--radius-sm:.25rem;--radius-md:.375rem;--transition-fast:.1s;--transition-base:.15s;--transition-slow:.2s;--ease-out:cubic-bezier(.33,1,.68,1);--z-copy-button:1;--z-progress-bar:100;--focus-ring-size:2px;--focus-ring-offset:2px;--focus-ring-color:var(--color-accent);--opacity-hidden:0;--opacity-disabled:.5;--opacity-muted:.7;--opacity-subtle:.8;--border-thin:1px;--border-normal:2px;--border-thick:4px;--content-width:82ch}html[data-theme=dark]{--lch-canvas:25% .04 240;--lch-surface:25% .043 240;--lch-ink:91% .005 90;--lch-ink-muted:75% .01 90;--lch-border:40% .018 240;--lch-accent:64% .14 245}@layer base{body{background-color:var(--color-canvas);color:var(--color-text);scrollbar-width:none;font-family:var(--font-sans);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;line-height:var(--line-height-body);max-inline-size:100vw;text-rendering:optimizeLegibility}body::-webkit-scrollbar{display:none}a{color:var(--color-accent);text-decoration:underline;text-decoration-skip-ink:auto;text-decoration-style:dotted;text-underline-offset:.3rem;transition:all var(--transition-slow)var(--ease-out)}@media (hover:hover){a:hover{color:var(--color-accent-hover);text-decoration-style:solid}}:is(a,button,input,textarea){touch-action:manipulation;transition:var(--transition-fast)var(--ease-out);transition-property:background-color,border-color,box-shadow,filter,outline}:is(a,button,input,textarea):where(:focus-visible){border-radius:var(--radius-sm);outline:var(--focus-ring-size)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:is(a,button,input,textarea):where([disabled]){cursor:not-allowed;opacity:var(--opacity-disabled);pointer-events:none}:is(h1,h2){color:var(--color-accent)}::selection{background:color-mix(in oklch,var(--color-accent)20%,transparent)}.turbo-progress-bar{visibility:hidden}}@layer components{.blog-posts{display:flex;flex-direction:column;gap:var(--block-space-oneanhalf);list-style:none;margin-block-start:var(--block-space);padding-inline-start:0}.card__link{text-decoration:none;transition:all var(--transition-base)var(--ease-out)}@media (hover:hover){.card__link:hover{color:var(--color-accent-hover);text-decoration:underline;text-decoration-style:solid}}.card__title{color:inherit;font-size:var(--font-size-2xl);letter-spacing:-.01em}.card__meta{align-items: center;display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--inline-space-double);margin-block-start:var(--block-space-half);opacity:var(--opacity-subtle)}.card__date{align-items: center;display:flex;gap:.35em}.card__date-icon{block-size:1em;inline-size:1em}.card__reading-time{align-items: center;display:flex;gap:.35em}.card__reading-time-icon{block-size:1em;inline-size:1em}}@layer components{.blog-post__header{border-block-end:var(--border-thin)solid var(--color-border);margin-block-end:var(--block-space-double);padding-block-end:var(--block-space)}.blog-post__title{color:var(--color-accent);font-size:var(--font-size-4xl);font-weight:700;letter-spacing:-.02em;line-height:var(--line-height-snug);margin-block-start:var(--block-space);margin-block-end:var(--block-space-3quarter)}.blog-post__meta{display:flex;font-size:var(--font-size-sm);align-items: center;flex-wrap:wrap;gap:var(--inline-space-double);opacity:var(--opacity-muted)}.post-nav{border-block-start:var(--border-normal)solid var(--color-border);display:grid;gap:var(--block-space);grid-template-columns:1fr 1fr;margin-block-start:var(--block-space-quad);padding-block-start:var(--block-space-double)}@media (max-width:640px){.post-nav{grid-template-columns:1fr}}.post-nav__link{border:var(--border-thin)solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--block-space-quarter);padding:var(--block-space)var(--inline-space);text-decoration:none;transition:border-color var(--transition-slow),background-color var(--transition-slow)}@media (hover:hover){.post-nav__link:hover{background-color:color-mix(in oklch,var(--color-accent)5%,transparent);border-color:var(--color-accent);text-decoration:none}.post-nav__link:hover .post-nav__title{color:var(--color-accent)}}.post-nav__link--next{grid-column-start:2;text-align:end}@media (max-width:640px){.post-nav__link--next{grid-column-start:1;text-align:start}}.post-nav__label{color:var(--color-text);font-size:var(--font-size-sm);opacity:var(--opacity-muted)}.post-nav__title{color:var(--color-text);font-weight:600;transition:color var(--transition-slow)}}@layer components{.copy-code{background-color:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;inset-block-start:var(--block-space-3quarter);inset-inline-end:var(--inline-space-3quarter);padding-block:var(--block-space-half);padding-inline:var(--inline-space-3quarter);position:absolute;transition:background-color var(--transition-slow);z-index:var(--z-copy-button)}@media (hover:hover){.copy-code:hover{background-color:var(--color-border)}}}@layer components{.error-page{padding-block:var(--block-space-quad);text-align:center}.error-page h1{color:var(--color-accent);font-size:var(--font-size-huge);margin-block-end:var(--block-space)}.error-page p{font-size:var(--font-size-lg);margin-block-end:var(--block-space-double)}.error-page a{color:var(--color-accent);font-weight:600;text-decoration:underline}}@layer components{.site-footer{border-block-start:var(--border-thin)solid color-mix(in oklch,var(--color-border)50%,transparent);margin-block-start:var(--block-space-quad);padding-block:var(--block-space-double)}}@layer components{.header{--header-gap:var(--inline-space-half);--header-actions-width:auto;align-items: center;display:grid;gap:var(--header-gap);grid-template-areas:"actions-start actions-end";grid-template-columns:var(--header-actions-width)1fr;padding-block:var(--block-space-double)var(--block-space)}@media (max-width:640px){.header{padding-block:var(--block-space-oneanhalf)var(--block-space-half)}}.header__actions{align-items: center;display:flex;gap:var(--header-gap)}.header__actions--start{grid-area:actions-start;justify-content:flex-start}.header__actions--end{grid-area:actions-end;justify-content:flex-end}.header__logo{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:700;line-height:1;text-decoration:none;translate:0 -.1em}.header__logo-accent{color:var(--color-accent)}.header__nav{align-items: center;display:flex;flex-wrap:wrap;font-size:var(--font-size-md);gap:var(--inline-space-double);line-height:1}.header__nav a{color:var(--color-text);font-weight:500;text-decoration:none;transition:color var(--transition-slow)}.header__nav a.nav-active{color:var(--color-accent);text-decoration:underline;text-decoration-style:solid}@media (hover:hover){.header__nav a:hover{color:var(--color-accent);text-decoration:underline;text-decoration-style:solid}.header__nav a:hover.nav-active{color:var(--color-accent-hover)}}@media (max-width:640px){.header__nav{gap:var(--inline-space-oneanhalf)}}}@layer components{.home-intro{align-items: center;display:flex;font-size:var(--font-size-md);gap:var(--inline-space-double);margin-block-end:var(--block-space-double);margin-block-start:var(--block-space)}@media (max-width:540px){.home-intro{display:grid;grid-template-columns:auto 1fr;gap:var(--inline-space)var(--inline-space-double);justify-content:center;margin-block-start:var(--block-space)}}.home-intro__polaroid{aspect-ratio:54/86;display:inline-block;flex-shrink:0;inline-size:var(--polaroid-size,9.5rem);margin-inline-start:var(--inline-space-half);margin-inline-end:var(--inline-space-half)}@media (max-width:540px){.home-intro__polaroid{grid-row:1/3;grid-column:1;align-self: center;margin-inline-start:var(--inline-space);margin-inline-end:0;--polaroid-size:7.5rem;--polaroid-object-position:center 15%}}.home-intro__polaroid:not(:defined)>*{display:none}@media (max-width:540px){.home-intro__content{display:contents}}.home-intro__greeting{color:var(--color-text);font-size:var(--font-size-3xl);margin-block-start:-.35em}@media (max-width:540px){.home-intro__greeting{grid-row:1;grid-column:2;font-size:clamp(var(--font-size-2xl),7vw,var(--font-size-4xl));line-height:1.1;margin-block-start:0;align-self: end}}@media (max-width:540px){.home-intro__tagline{grid-row:2;grid-column:2}}.home-intro__tagline p{margin-block:var(--block-space-half)}@media (max-width:540px){.home-intro__location{grid-column:1/-1}}.home-intro__location p{margin-block:var(--block-space-half)}@media (max-width:540px){.home-intro__socials{grid-column:1/-1}}.home-intro__name-link{display:inline-block;position:relative;text-decoration:none}@media (max-width:540px){.home-intro__name-link{display:block;margin-block-start:.2em}}.home-intro__name-text{color:var(--color-accent);display:inline-block}.home-intro__name-gradient{transition:color var(--transition-slow),filter var(--transition-slow)}@supports (-webkit-background-clip: text) or (background-clip: text){.home-intro__name-gradient{background:linear-gradient(135deg,oklch(80% .12 230),var(--color-accent),oklch(42% .2 265));background-clip:text;background-size:200% 100%;color:#0000;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:name-shimmer 6s ease-in-out infinite}}@media (hover:hover){.home-intro__name-link:hover{text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:var(--border-thick)}.home-intro__name-link:hover .home-intro__name-gradient{animation-play-state:paused;color:var(--color-accent-hover);filter:brightness(1.08)}}@keyframes name-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.home-intro__socials{display:flex;gap:var(--inline-space);margin-block-start:var(--block-space-oneanhalf)}@media (max-width:540px){.home-intro__socials{margin-block-start:var(--block-space-quarter)}}.home-intro__socials .social-icons__link{color:var(--color-text);font-size:var(--font-size-xl);opacity:1}.home-intro__divider{border:none;border-block-start:var(--border-thin)solid color-mix(in oklch,var(--color-border)50%,transparent);margin-block-end:var(--block-space-half)}.home-intro__popup{inset-block-end:calc(100% + 8px);inset-inline-start:50%;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%)scale(.8)translateY(10px);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:10}.home-intro__popup .home-intro__popup-content{background:var(--color-canvas);border:var(--border-normal)solid var(--color-text);border-radius:var(--radius-md);box-shadow:3px 3px 0 var(--color-text);color:var(--color-text);display:block;font-size:var(--font-size-md);font-weight:600;padding:.75rem 1.5rem;position:relative;white-space:nowrap}.home-intro__popup .home-intro__popup-content:before{border:6px solid #0000;border-block-start-color:var(--color-canvas);content:"";inset-block-start:100%;inset-inline-start:50%;margin-block-start:-1px;position:absolute;transform:translate(-50%);z-index:1}.home-intro__popup .home-intro__popup-content:after{border:8px solid #0000;border-block-start-color:var(--color-text);content:"";filter:drop-shadow(0 3px 0 var(--color-text));inset-block-start:100%;inset-inline-start:50%;position:absolute;transform:translate(-50%)}@media (hover:hover){.home-intro__name-link:hover .home-intro__popup{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}.home-intro__name-link.active .home-intro__popup{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)translateY(0)}}@layer layout{body{display:grid;grid-template-rows:auto 1fr auto;min-block-size:100dvh}:where(#header,#main,#footer){inline-size:100%;margin-inline:auto;max-inline-size:var(--content-width);padding-inline:clamp(var(--inline-space-double),4vw,var(--inline-space-quad))}@media print{:is(#header,#footer){display:none}}}@layer components{.progress-bar{background-color:var(--color-border);block-size:4px;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:fixed;z-index:var(--z-progress-bar)}.progress-bar__fill{background-color:var(--color-accent);block-size:100%;inline-size:0%;transition:width var(--transition-fast)var(--ease-out)}}@layer components{:is(.static-page,.blog-page,.tag-page) h1{margin-block-start:var(--block-space)}.prose{--prose-h-margin-top:var(--block-space-double);--prose-h-margin-bottom:var(--block-space-3quarter);--prose-p-margin:var(--block-space-oneanhalf);--prose-code-bg:color-mix(in oklch,var(--color-accent)10%,transparent);--prose-blockquote-border:color-mix(in oklch,var(--color-accent)50%,transparent);font-size:var(--font-size-md);letter-spacing:.01em;line-height:var(--line-height-relaxed)}.prose>:first-child{margin-block-start:var(--block-space-half)}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose :is(h1,h2,h3,h4,h5,h6){font-weight:600;margin-block-end:var(--prose-h-margin-bottom);margin-block-start:var(--prose-h-margin-top);scroll-margin-block-start:var(--block-space-huge)}.prose h1{color:var(--color-accent);font-size:var(--font-size-3xl);letter-spacing:-.02em;line-height:var(--line-height-snug)}.prose h2{font-size:var(--font-size-xl);letter-spacing:-.01em;line-height:var(--line-height-snug)}.prose h3{font-size:var(--font-size-lg);letter-spacing:-.01em;line-height:var(--line-height-snug)}.prose h4{font-size:var(--font-size-md);line-height:var(--line-height-snug)}.prose :is(h2,h3,h4) a{color:inherit;margin-inline-start:var(--inline-space-half);opacity:var(--opacity-hidden);text-decoration:none;transition:opacity var(--transition-slow)}@media (hover:hover){.prose :is(h2,h3,h4):hover a{opacity:var(--opacity-disabled)}}.prose p{margin-block:var(--prose-p-margin)}.prose :is(ul,ol){margin-block:var(--block-space);padding-inline-start:var(--inline-space-oneanhalf)}.prose li{margin-block:var(--block-space-half)}.prose li::marker{color:var(--color-accent)}.prose code{background-color:var(--prose-code-bg);border-radius:var(--radius-sm);font-size:.875em;font-weight:600;padding:var(--block-space-quarter)var(--inline-space-half)}.prose pre{border:var(--border-thin)solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-block:var(--block-space-oneanhalf);overflow-x:auto;padding-block:var(--block-space);padding-inline:var(--inline-space-onequarter);position:relative;background-color:#0000!important}.prose pre code{background-color:#0000;border-radius:0;font-size:inherit;font-weight:inherit;padding:0}.prose blockquote{border-inline-start:var(--border-thick)solid var(--prose-blockquote-border);font-style:italic;margin-block:var(--block-space-oneanhalf);margin-inline-start:0;opacity:var(--opacity-subtle);padding-inline-start:var(--inline-space)}.prose table{border-collapse:collapse;inline-size:100%;margin-block:var(--block-space-double)}.prose thead th{border-bottom:var(--border-normal)solid var(--color-border);font-weight:600;padding-block:var(--block-space-3quarter);padding-inline:var(--inline-space);text-align:start}.prose tbody td{border-bottom:var(--border-thin)solid color-mix(in oklch,var(--color-border)50%,transparent);padding-block:var(--block-space-3quarter);padding-inline:var(--inline-space)}.prose img{border:var(--border-normal)solid var(--color-border);border-radius:var(--radius-md);margin-block:var(--block-space-double);margin-inline:auto}.prose .github-chart img{border:none;border-radius:0;margin-block:0;inline-size:100%}.prose hr{border:none;border-block-start:var(--border-thin)solid var(--color-border);margin-block:var(--block-space-triple)}.prose strong{font-weight:700}}@layer reset{*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,h5,h6{margin:0}p,li,h1,h2,h3,h4{word-break:break-word}html,body{overflow-x:clip}img{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}html{scroll-behavior:initial}}}@layer components{.all-posts-link{margin-block-start:var(--block-space-double);text-align:center}.all-posts-link a{color:var(--color-accent);font-size:var(--font-size-lg);font-weight:600;text-decoration:none;text-underline-offset:var(--block-space-quarter);transition:color var(--transition-slow)}@media (hover:hover){.all-posts-link a:hover{color:var(--color-accent-hover);text-decoration:underline;text-decoration-style:solid}}}@layer components{.social-icons{display:flex;gap:var(--inline-space-3quarter);justify-content:center}.social-icons__link{align-items: center;block-size:var(--block-space-double);color:var(--color-text);display:flex;inline-size:var(--block-space-double);justify-content:center;opacity:var(--opacity-muted);transition:opacity var(--transition-slow),color var(--transition-slow),transform var(--transition-slow)}@media (hover:hover){.social-icons__link:hover{color:var(--color-accent);opacity:1;transform:rotate(10deg)}}}@layer components{.subscribe-card{border:var(--border-thin)solid var(--color-border);border-radius:var(--radius-md);margin-block-start:var(--block-space);padding:var(--block-space-oneanhalf)var(--inline-space-double)}.subscribe-card p{margin-block:0}.subscribe-card__description{color:var(--color-text);font-size:var(--font-size-base);line-height:var(--line-height-body)}.subscribe-card__form{display:flex;gap:var(--inline-space);margin-block-start:var(--block-space)}.subscribe-card__input{background:var(--color-canvas);border:var(--border-thin)solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);flex:1;font-family:var(--font-sans);font-size:var(--font-size-sm);padding:var(--block-space-half)var(--inline-space);transition:border-color var(--transition-slow)}.subscribe-card__input::placeholder{color:var(--color-text-muted);opacity:var(--opacity-muted)}.subscribe-card__input:focus{border-color:var(--color-accent);outline:none}.subscribe-card__button{background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;padding:var(--block-space-half)var(--inline-space-double);transition:background var(--transition-slow),scale var(--transition-slow)}@media (hover:hover){.subscribe-card__button:hover{background:var(--color-accent-hover);scale:1.05}}.subscribe-card .subscribe-card__footnote{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-block-start:var(--block-space)}}@layer components{.code-block{--syntax-bg:var(--color-canvas);--syntax-comment:#93a1a1;--syntax-operator:#657b83;--syntax-yellow:#b58900;--syntax-green:#859900;--syntax-blue:#268bd2;--syntax-violet:#6c71c4;--syntax-orange:#cb4b16;--syntax-red:#dc322f;--syntax-magenta:#d33682;--syntax-cyan:#2aa198;--syntax-heading-bg:#fdf6e3;--syntax-error-fg:#fdf6e3}.code-block table td{padding:5px}.code-block table pre{margin:0}.code-block,.code-block .w{background-color:var(--syntax-bg);color:var(--color-text-muted)}.code-block .err{background-color:var(--syntax-red);color:var(--syntax-error-fg)}.code-block .c,.code-block .ch,.code-block .cd,.code-block .cm,.code-block .cpf,.code-block .c1,.code-block .cs{color:var(--syntax-comment)}.code-block .cp,.code-block .nt,.code-block .nn,.code-block .nc,.code-block .no{color:var(--syntax-yellow)}.code-block .o,.code-block .ow,.code-block .p,.code-block .pi{color:var(--syntax-operator)}.code-block .gi,.code-block .s,.code-block .sb,.code-block .sc,.code-block .dl,.code-block .sd,.code-block .s2,.code-block .sh,.code-block .sx,.code-block .s1,.code-block .m,.code-block .mb,.code-block .mf,.code-block .mh,.code-block .mi,.code-block .il,.code-block .mo,.code-block .mx,.code-block .ss{color:var(--syntax-green)}.code-block .gd{color:var(--syntax-red)}.code-block .gh{background-color:var(--syntax-heading-bg);color:var(--syntax-blue);font-weight:700}.code-block .ge{font-style:italic}.code-block .ges{font-style:italic;font-weight:700}.code-block .gs{font-weight:700}.code-block .k,.code-block .kn,.code-block .kp,.code-block .kr,.code-block .kv,.code-block .sa{color:var(--syntax-violet)}.code-block .kc,.code-block .kt,.code-block .kd{color:var(--syntax-orange)}.code-block .na{color:var(--syntax-blue)}.code-block .sr{color:var(--syntax-cyan)}.code-block .si,.code-block .se{color:var(--syntax-magenta)}[data-theme=dark] .code-block{--syntax-bg:var(--color-surface);--syntax-comment:#657b83;--syntax-operator:#93a1a1;--syntax-heading-bg:#002b36;--syntax-error-fg:#002b36}}@layer components{.tag-list{display:flex;flex-wrap:wrap;gap:var(--block-space-half)}.tag{--tag-bg:color-mix(in oklch,var(--color-accent)15%,transparent);--tag-color:color-mix(in oklch,var(--color-accent)60%,white);background-color:var(--tag-bg);border-radius:var(--radius-sm);color:var(--tag-color);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.01em;padding-block:.2em;padding-inline:.5em;text-decoration:none;transition:background-color var(--transition-slow),scale var(--transition-slow)}@media (hover:hover){.tag:hover{--tag-bg:color-mix(in oklch,var(--color-accent)25%,transparent);scale:1.05}}.tag-page h1{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--inline-space)}.tag-page__name{color:var(--color-accent)}.tag-page__count{opacity:var(--opacity-muted)}}@layer components{.theme-toggle{align-items: center;background:0 0;block-size:var(--font-size-2xl);border:none;border-radius:var(--radius-md);color:var(--color-text);display:flex;inline-size:var(--font-size-2xl);justify-content:center;outline:none;transition:background-color var(--transition-slow),color var(--transition-slow),transform var(--transition-slow)}.theme-toggle:focus-visible{box-shadow:0 0 0 2px var(--color-canvas),0 0 0 4px var(--color-accent)}@media (hover:hover){.theme-toggle:hover{color:var(--color-accent);transform:rotate(10deg)}}[data-theme=light] .theme-toggle__sun{display:block}[data-theme=dark] .theme-toggle__sun{display:none}[data-theme=light] .theme-toggle__moon{display:none}[data-theme=dark] .theme-toggle__moon{display:block}}@layer utilities{.hidden{display:none}}