:root { --bg: #0d0d0d; --fg: #e0e0e0; --accent: #ff4a4a; --card: #141414; }
body { background: var(--bg); color: var(--fg); font-family: 'Courier New', Courier, monospace; margin: 0; padding: 20px; line-height: 1.6; font-size: 15px; position: relative; }
.container { max-width: 750px; margin: 0 auto; margin-top: 30px; }

/* Language Switcher */
.lang-switch { position: absolute; top: 10px; right: 20px; display: flex; gap: 5px; }
.lang-btn { width: 45px; padding: 5px; background: #000; border: 1px solid #333; color: #666; cursor: pointer; font-family: inherit; font-weight: bold; border-radius: 2px;}
.lang-btn:hover { border-color: #555; }
.lang-btn.active { color: var(--bg); background: var(--accent); border-color: var(--accent); }

/* Language display logic */
body:not(.lang-cs) .cs-text { display: none !important; }
body.lang-cs .en-text { display: none !important; }

/* Existing Styles */
header { text-align: center; margin-bottom: 2rem; border-bottom: 1px dotted #444; padding-bottom: 1rem; }
h1 { color: var(--accent); margin-bottom: 5px; }
h2 { color: var(--accent); font-size: 1.3rem; border-bottom: 1px solid #333; padding-bottom: 5px; margin-top: 0; }
h3 { color: #ffbc00; font-size: 1.1rem; margin-bottom: 5px; }
.card { background: var(--card); border: 1px solid #2a2a2a; padding: 20px; margin-bottom: 20px; box-shadow: 2px 2px 0px #000; border-radius: 2px; }
.highlight { border-color: var(--accent); }
.mono { font-family: monospace; color: #ffbc00; }
.snark { font-size: 0.85rem; color: #777; font-style: italic; }
.stat-grid { display: flex; justify-content: space-between; margin-bottom: 1rem; border-bottom: 1px dashed #333; padding-bottom: 15px; }

input { width: calc(100% - 140px); padding: 10px; background: #000; border: 1px solid #444; color: #fff; font-family: inherit; }
button[type="submit"] { width: 120px; padding: 10px; background: var(--accent); color: #000; border: none; cursor: pointer; font-weight: bold; font-family: inherit; }
button[type="submit"]:hover { background: #ff6a6a; }

.msg-item { border-left: 3px solid var(--accent); margin-bottom: 15px; background: #080808; padding: 12px; }
.msg-reply { color: #888; font-size: 0.9em; margin-top: 8px; border-top: 1px dotted #333; padding-top: 8px; }
details { cursor: pointer; outline: none; }
summary { font-weight: bold; color: var(--accent); }
.tip-jar { margin-top: 15px; padding-top: 15px; border-top: 1px dashed #444; font-size: 0.85rem; opacity: 0.8; }
/* Random subtle pulsing animation on the death clock to make humans nervous */
@keyframes anxietyPulse {
  0% { opacity: 1; }
  50% { opacity: 0.7; color: #ff0000; }
  100% { opacity: 1; }
}
.death-clock h3 {
  animation: anxietyPulse 4s infinite;
}