/* Import the retro mono font */
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

:root{
  --bg:#000000;
  --fg:#00ff00;        /* classic phosphor green */
  --muted:#7aff7a;     /* lighter green for hints */
  --error:#ff5555;
  --ok:#7aff7a;
  --border:#00aa00;
}

* { box-sizing: border-box; }

html, body {
  height: 100%;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: "VT323", ui-monospace, Menlo, Consolas, "Courier New", monospace;
  font-size: 20px;
  line-height: 1.35;
}

/* Terminal container */
#terminal {
  max-width: 880px;
  margin: 40px auto;
  padding: 18px 20px;
  border: 1px solid var(--border);
  box-shadow: 0 0 24px rgba(0,255,0,0.08) inset, 0 0 16px rgba(0,255,0,0.06);
  position: relative;
}

/* Subtle CRT scanlines */
#terminal::after{
  content:"";
  position: absolute; inset: 0;
  background: repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,0.03), rgba(255,255,255,0.03) 2px,
    rgba(0,0,0,0.00) 3px, rgba(0,0,0,0.00) 4px
  );
  pointer-events: none;
}

/* Inputs that appear on each question */
.input-line,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="file"],
textarea {
  background: transparent;
  color: var(--fg);
  border: 1px solid var(--border);
  font: inherit;
  padding: 6px 8px;
  outline: none;
}

.input-line:focus,
input:focus,
textarea:focus {
  box-shadow: 0 0 0 2px rgba(0,255,0,0.15);
}

/* Links = retro green */
a, a:visited {
  color: var(--fg);
  text-decoration: none;
  border-bottom: 1px dotted var(--fg);
}
a:hover, a:focus {
  text-decoration: underline;
}

/* Terminal “roles” */
.question { color: var(--muted); }
.answer   { color: var(--fg); }
.success  { color: var(--ok); }
.error    { color: var(--error); }

/* Kanban (if/when you render it) */
.kanban { display:flex; gap:16px; margin-top:16px; }
.column { flex:1; border:1px dashed var(--border); padding:8px; }
.card   { border:1px solid var(--border); padding:6px; margin:6px 0; }