/* Minimalistický tmavý vzhled: bílé patkové písmo na černém, vycentrované. */
html { color-scheme: dark; }

:root {
  --paper: #000;
  --ink: #f4f4f1;
  --faint: #6d6d69;
}

* { box-sizing: border-box; }

html, body {
  height: 100%;
  margin: 0;
}

body {
  background: var(--paper);
  color: var(--ink);
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-text-size-adjust: 100%;
}

main {
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 6vh 7vw;
}

.poem {
  max-width: 30em;
  text-align: center;
  font-size: 7vw;                    /* záloha pro staré prohlížeče */
  font-size: clamp(1.5rem, 4.6vw + 0.6rem, 3.4rem);
  line-height: 1.38;
  letter-spacing: 0.005em;
  opacity: 0;
  -webkit-transition: opacity 0.9s ease;
  transition: opacity 0.9s ease;
  -webkit-hyphens: manual;
  hyphens: manual;
  overflow-wrap: break-word;
}

.poem.visible { opacity: 1; }

.poem span {
  display: block;
  text-wrap: balance;               /* vyvážené zalomení, bez osamocených slov */
}

@media (min-width: 700px) {
  .poem { max-width: 22em; font-size: 3.4rem; font-size: clamp(2.4rem, 4.2vw, 4.4rem); }
}

@media (max-width: 420px) {
  main { padding: 5vh 6vw; }
}

footer {
  text-align: center;
  padding: 0 0 4vh;
  font-size: 0.95rem;
  letter-spacing: 0.18em;
  color: var(--faint);
  min-height: 2.6em;
}

body.nohint footer { visibility: hidden; }

.nojs { text-align: center; padding: 2em; }

@media (prefers-reduced-motion: reduce) {
  .poem { -webkit-transition: none; transition: none; }
}