: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}
.visit-consent{position:fixed;z-index:9999;inset-inline:16px;inset-block-end:16px;max-width:460px;margin-inline:auto;padding:16px;background:#171311;color:#f3efec;border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 48px rgba(0,0,0,.38);font-size:13px;line-height:1.5}.visit-consent p{margin:0}.visit-consent div{display:flex;justify-content:flex-end;gap:12px;margin-block-start:14px}.visit-consent button{min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.18);background:transparent;color:inherit;font:inherit;cursor:pointer}.visit-consent button[data-consent="yes"]{background:#d42a1c;border-color:#d42a1c;color:#fff}.visit-consent button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(min-width:520px){.visit-consent{inset-inline:auto 24px;inset-block-end:24px;margin:0}}
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}
}
