body {
  font-family: system-ui, sans-serif;
  background: #0d1117;
  color: #c9d1d9;
  margin: 0;
  padding: 20px;
}

.container { max-width: 800px; margin: 0 auto; }

h1 { text-align: center; font-size: 2.5rem; }

p { text-align: center; color: #8b949e; margin: 10px 0 30px; }

#cron-input {
  width: 100%;
  padding: 14px;
  font-size: 1.3rem;
  font-family: 'Consolas', monospace;
  background: #161b22;
  color: #c9d1d9;
  border: 1px solid #30363d;
  border-radius: 6px;
  box-sizing: border-box;
}

.error {
  margin: 15px 0;
  padding: 12px;
  background: #490c0c;
  border: 1px solid #f85149;
  border-radius: 6px;
  color: #f85149;
}

.output { margin-top: 30px; }

.section { margin-bottom: 40px; }

h3 { margin-bottom: 12px; color: #58a6ff; }

pre, ul {
  background: #161b22;
  padding: 16px;
  border-radius: 6px;
  font-family: 'Consolas', monospace;
}

ul { list-style: none; padding-left: 0; }

li { margin: 8px 0; color: #79c0ff; }

button {
  margin-top: 10px;
  background: #21262d;
  color: #c9d1d9;
  border: 1px solid #30363d;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
}

button:hover { background: #30363d; }

.hidden { display: none; }