html, body {
    margin: 0; padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    background: #15151a;
    color: #ba920f;
    height: 100%;
    margin: 0;
    overflow: hidden;  /* no body scroll — strips handle their own overflow */
    font-size: 14px;
  }
  body pre {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    font-size: 75%;
  }

  body code {
    font-size: 85%;
  }

  /* * { min-width: 0; } */

  body {
    /* --font: 100% bradley hand;
    --font: 90% okashi, handlee;  */
    /* schoolbell, mansalva also works well */
  
    --computer: 120% monospace;
    --computer-color: #00b900;
    --computer-border: thin dashed var(--computer-color);
    
    --arrow-font: 140% handlee, roboto;
    
    --color: #f1c232;
    --halfColor: rgba(241,194,50,0.5);
    --darkColor: #1d1414;
    --color-read-only: #555;

    --blue: #3985e6;
    --lightBlue: #7db3fb;
    --ink: #00008a;
    
    --red: #af0007;
    --blood: #aa0000;
    --darkRed: #3f0000;
    --darkRedHighlight: #800000;

    --fgDark: #462100;
    --orange: #ce2b05;
    --green: #0e6507;
    --green-lt: #1d9f13;
    --paleGreen: #7dc178;
    
    --neutralCond: #d92dd9;
    --bg-color: rgba(0, 0, 0, 1);
    --bg-secondary: #1d1414;
    /* font: var(--font); */
    background-color: var(--bg-color);
    margin: 0px;
    overflow: auto;
    color: var(--color);
    box-sizing: border-box;
  }
  
  .winX {
    position: absolute;
    box-sizing: border-box;
    width: 1.5rem;
    height: 1.5rem;
    right: 0px;
    top: 0px;
    font-size: 150%;
    cursor: pointer;
    text-align: center;
  }
  
  /* iOS Safari fix */
  @supports (-webkit-touch-callout: none) {
    body { font-size: 16px; }
  }
  html {
    -webkit-text-size-adjust: 100%;
  }


/* div { outline: 1px dashed rgb(28, 63, 39); } */
/* 
:root {
  --bg: #15151a;
  --bg-surface: #1a1a1a;
  --bg-inset: rgba(0, 0, 0, 0.3);
  --color: #ba920f;
  --color-muted: #555;
  --color-text: #9a9a9a;
  --color-accent: #3bb148;
  --color-user: #378cd2;
  --color-error: #c44;
  --border: rgba(241, 194, 50, 0.1);
}

:root.light {
  --bg: #f5f5f5;
  --bg-surface: #fff;
  --color: #8a6d0a;

} */

/* ─── Sign-in page ──────────────────────────────────── */
.signInPage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  gap: 1rem;
}
.signInLogo {
  width: 20rem;
  height: 20rem;
}
.signInTitle {
  font-size: 1.5rem;
  /* font-weight: bold; */
  color: var(--color);
}
.signInButton {
  padding: 0.5rem 1rem;
  border: 1px solid rgba(186, 146, 15, 0.35);
  border-radius: 6px;
  background: transparent;
  color: var(--color);
  font-size: 1.5rem;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
  letter-spacing: 0.3px;
}
.signInButton:hover {
  background: rgba(186, 146, 15, 0.1);
  border-color: var(--color);
}