:root{
  --bg:#ffffff;
  --bg-panel:#eceff2;
  --fg:#1a1d20;
  --fg-dim:#86867e;
  --lime:#6ccb28;
  --lime-dim:#4e9f18;
  --warm:#f7f5f0;
  --warm-deep:#eeeae2;
  --line:rgba(20,20,15,.10);
  --accent:#8bc61f;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:auto;}
body{background:var(--bg);color:var(--fg);font-family:'Manrope',sans-serif;overflow-x:hidden;cursor:default;}
::selection{background:var(--lime);color:#0a0a0a;}
h1,h2,h3,.wordmark{font-family:'Manrope',sans-serif;}
.mono{font-family:'IBM Plex Mono',monospace;}
button,a{-webkit-tap-highlight-color:transparent;}
button{font:inherit;}
img{max-width:100%;}
a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:3px;}
.scene{position:relative;z-index:2;}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
#ambient-bg{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:block;overflow:hidden;pointer-events:none;background:radial-gradient(38vw 38vw at 82% 8%,color-mix(in srgb,var(--amb-c,#8bc61f) 20%,transparent),transparent 70%),radial-gradient(46vw 46vw at 8% 62%,color-mix(in srgb,var(--amb-c,#8bc61f) 14%,transparent),transparent 70%),radial-gradient(60vw 60vw at 92% 96%,color-mix(in srgb,var(--amb-c,#8bc61f) 10%,transparent),transparent 70%);transition:background 1.2s ease;filter:blur(2px);}
#ambient-bg::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(20,20,15,.07) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(80vw 80vh at 60% 0%,#000 0%,transparent 72%);mask-image:radial-gradient(80vw 80vh at 60% 0%,#000 0%,transparent 72%);}