*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --accent: #e07a3a;
      --text: #f0e6d3;
      --muted: #7a6555;
      --border: #2e2018;
      --bg: #0d0a08;
      --terminal-bg: #100c09;
      --green: #8fbf6a;
      --yellow: #d4a95a;
    }

    html, body {
      height: 100%;
      font-family: 'JetBrains Mono', monospace;
      background: var(--bg);
      color: var(--text);
    }

    body {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      padding: 2rem;
      gap: 1.25rem;
    }

    .clock {
      font-size: 0.75rem;
      color: var(--muted);
      letter-spacing: 0.08em;
    }
    .clock span { color: var(--accent); }

    .terminal {
      background: var(--terminal-bg);
      border: 1px solid var(--border);
      border-radius: 10px;
      overflow: hidden;
      font-family: 'JetBrains Mono', monospace;
      font-size: 0.78rem;
      width: 100%;
      max-width: 620px;
    }

    .term-bar {
      background: #1a120d;
      border-bottom: 1px solid var(--border);
      padding: 0 0.875rem;
      height: 36px;
      display: flex;
      align-items: center;
      gap: 0.4rem;
    }

    .term-dots {
      display: flex;
      align-items: center;
      gap: 6px;
      flex-shrink: 0;
    }

    .term-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
    }
    .term-dot.red    { background: #6b2a2a; }
    .term-dot.yellow { background: #6b5a2a; }
    .term-dot.green  { background: #2a5a2a; }

    .term-title {
      flex: 1;
      text-align: center;
      font-size: 0.7rem;
      color: var(--muted);
      letter-spacing: 0.04em;
    }

    .term-body {
      padding: 1rem 1.1rem 1.25rem;
      line-height: 1.8;
      max-height: 420px;
      overflow-y: auto;
    }

    .term-line { display: flex; gap: 0.5rem; }

    .prompt { color: var(--accent); user-select: none; }
    .cmd    { color: var(--text); }
    .out    { color: var(--muted); padding-left: 1.1rem; }

    .term-input-line {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      margin-top: 0.1rem;
    }

    .term-input {
      background: transparent;
      border: none;
      outline: none;
      color: var(--text);
      font-family: 'JetBrains Mono', monospace;
      font-size: 0.78rem;
      caret-color: var(--accent);
      flex: 1;
      min-width: 0;
    }