@layer base {
  html{background:var(--canvas);color:var(--text-body);scroll-padding-top:calc(var(--header-h) + 1rem)}
  body{min-width:320px;min-height:var(--viewport-h);overflow-x:hidden;background:var(--ambient),var(--canvas);font-family:var(--font-mono);font-size:14px;line-height:1.55;letter-spacing:.012em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--normal) var(--ease),color var(--normal) var(--ease)}
  body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
  ::selection{background:var(--selection-bg);color:var(--selection-fg)}
  a{color:inherit;text-underline-offset:.2em}
  button,a,input,textarea,select,summary{outline:none}
  :focus-visible{outline:2px solid var(--focus-outer);outline-offset:3px;box-shadow:0 0 0 1px var(--focus-inner)}
  h1,h2,h3{color:var(--text-strong);font-family:var(--font-serif);font-weight:600;text-wrap:balance}
  h1{font-size:clamp(3rem,6vw,7.2rem);line-height:.88;letter-spacing:-.065em}
  h2{font-size:clamp(2.25rem,4.3vw,5.4rem);line-height:.94;letter-spacing:-.055em}
  h3{font-size:clamp(1.35rem,2vw,2.2rem);line-height:1.05;letter-spacing:-.035em}
  p{max-width:72ch}
  button{border:0;background:none;color:inherit}
  input,textarea,select{width:100%;border:1px solid var(--border-standard);border-radius:0;background:var(--input-bg);color:var(--text-strong);transition:border-color var(--fast),box-shadow var(--fast),background-color var(--normal)}
  input,select{min-height:46px;padding:0 .9rem}
  textarea{min-height:132px;padding:.8rem .9rem;resize:vertical}
  input::placeholder,textarea::placeholder{color:var(--text-disabled);opacity:1}
  input:focus,textarea:focus,select:focus{border-color:var(--border-emphasis);box-shadow:inset 3px 0 0 var(--border-emphasis)}
  input:invalid:not(:placeholder-shown),textarea:invalid:not(:placeholder-shown){border-color:var(--border-emphasis)}
  dialog{padding:0;border:0;background:transparent;color:inherit;max-width:none;max-height:none}
  dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  summary{cursor:pointer}
  table{border-collapse:collapse;width:100%}
  th,td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:.55rem}
  .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}
  .skip-link{position:fixed;left:1rem;top:1rem;z-index:9999;transform:translateY(-180%);padding:.75rem 1rem;background:var(--control-primary-bg);color:var(--control-primary-fg);text-decoration:none;border:2px solid var(--border-emphasis)}
  .skip-link:focus{transform:none}
  .svg-sprite{position:absolute;overflow:hidden}
}