:root{
  --mm-bg:oklch(0.145 0.006 45);
  --mm-surface:oklch(0.18 0.008 45);
  --mm-surface-raised:oklch(0.205 0.009 45);
  --mm-text:oklch(0.95 0.008 75);
  --mm-muted:oklch(0.69 0.012 70);
  --mm-faint:oklch(0.52 0.01 65);
  --mm-line:oklch(1 0 0/.11);
  --mm-line-strong:oklch(1 0 0/.18);
  --mm-accent:oklch(0.67 0.225 35);
  --mm-accent-hover:oklch(0.72 0.205 38);
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--mm-bg)}
body{background:var(--mm-bg)!important;color:var(--mm-text)!important}
h1,h2,h3,h4{text-wrap:balance}
p{max-width:68ch;text-wrap:pretty}
img{outline:1px solid oklch(1 0 0/.1);outline-offset:-1px}
.section-reveal{opacity:1!important;transform:none!important;filter:none!important;visibility:visible!important}
.text-foreground{color:var(--mm-text)!important}
.text-muted-foreground,.text-muted-foreground\/60,.text-muted-foreground\/40{color:var(--mm-muted)!important}
.text-muted-foreground\/60,.text-muted-foreground\/40{opacity:.72}
.text-primary,.group:hover .group-hover\:text-primary{color:var(--mm-accent)!important}
.bg-card,.bg-card\/50{background-color:var(--mm-surface)!important}
.bg-muted{background-color:var(--mm-surface)!important}
.bg-primary{background-color:var(--mm-accent)!important}
.text-primary-foreground{color:oklch(.99 0 0)!important}
[class*="border-border"]{border-color:var(--mm-line)!important}
.hover\:border-primary\/50:hover,.hover\:border-primary\/60:hover,.group:hover .group-hover\:border-primary\/40{border-color:var(--mm-accent)!important}
a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible{outline:2px solid var(--mm-accent);outline-offset:4px}
.link-card{
  min-height:64px;
  box-shadow:inset 0 1px 0 oklch(1 0 0/.035),0 1px 2px oklch(0 0 0/.18);
  transition-property:color,background-color,border-color,box-shadow,transform!important;
  transition-duration:150ms!important;
  transition-timing-function:cubic-bezier(.2,0,0,1)!important;
}
.link-card:hover{background:var(--mm-surface-raised)!important;box-shadow:inset 0 1px 0 oklch(1 0 0/.055),0 4px 14px oklch(0 0 0/.22)}
.link-card:active,[href].active\:scale-\[0\.98\]:active,button:active{transform:scale(.96)!important}
.font-mono,.tabular-nums,time{font-variant-numeric:tabular-nums}
.hgi-stroke{font-size:1.05em;line-height:1;color:currentColor}
.story-copy img,.group img{outline:1px solid oklch(1 0 0/.1);outline-offset:-1px}
@media(max-width:700px){
  a,button,.link-card{min-height:44px}
  .link-card{padding-block:.9rem!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}