:root{
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --color-bg: #0d1117;
  --color-text: #d0f0d0;
  --color-dim: rgba(208,240,208,.65);
  --color-accent: #3bc9db;
  --color-accent-2: #51cf66;
  --color-border: rgba(255,255,255,.10);
  --color-panel: rgba(255,255,255,.03);
  --color-error: #ff6b6b;
  --color-warn: #ffd43b;
  --glow: 0.14;
  --radius: 16px;
  --pad: 12px;
}
html,body{height:100%;}
body{
  margin:0;
  font-family: var(--font-mono);
  background: var(--color-bg);
  color: var(--color-text);
  overflow:hidden;
}
.mono{font-family: var(--font-mono);}
.dim{color: var(--color-dim);}
.hidden{display:none !important;}
button{
  font-family: var(--font-mono);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.14);
  color: var(--color-text);
  padding: 7px 12px;
  border-radius: 999px;
  cursor: pointer;
  transition: transform .08s ease, border-color .15s ease, background .15s ease;
}
button:hover{border-color: rgba(255,255,255,.28);}
button:active{transform: translateY(1px);}
input, textarea{
  font-family: var(--font-mono);
  font-size: 14px;
  color: var(--color-text);
}
::selection{background: rgba(59,201,219,.25);}
*{scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.18) transparent;}
*::-webkit-scrollbar{width:10px;height:10px;}
*::-webkit-scrollbar-thumb{background: rgba(255,255,255,.16); border-radius: 10px;}
*::-webkit-scrollbar-track{background: transparent;}