:root {
  --zalia: #2e7d32; --zalia-svelni: #e8f1e6; --fonas: #f7f8f5; --kortele: #ffffff;
  --tekstas: #1c2218; --antrinis: #5b6353; --linija: #dfe4da;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root { --zalia: #7bc47f; --zalia-svelni: #1f2e20; --fonas: #121512; --kortele: #1b201a;
          --tekstas: #eef2ea; --antrinis: #aab3a3; --linija: #2c342a; }
}
* { box-sizing: border-box; }
body {
  margin: 0; padding: 24px 16px 16px; min-height: 100vh; background: var(--fonas); color: var(--tekstas);
  font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  display: flex; flex-direction: column; align-items: center;
}
.korta {
  width: 100%; max-width: 480px; background: var(--kortele); border: 1px solid var(--linija);
  border-radius: 20px; padding: 24px 20px;
}
.kviecia { margin: 0 0 4px; color: var(--zalia); font-weight: 600; }
h1 { margin: 0 0 12px; font-size: 1.6rem; line-height: 1.2; overflow-wrap: anywhere; }
h2 { margin: 24px 0 8px; font-size: 1rem; }
.data { margin: 0; font-size: 1.05rem; }
.pastaba { margin: 16px 0 0; padding: 12px 14px; border-radius: 12px; background: var(--zalia-svelni); color: var(--tekstas); }
.kiekis { margin: 0 0 8px; color: var(--antrinis); }
.vardai { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.vardai li { padding: 4px 12px; border-radius: 999px; background: var(--zalia-svelni); overflow-wrap: anywhere; }
.vardai li.daugiau { background: transparent; color: var(--antrinis); padding-left: 0; }
.pabaiga { margin-top: 16px; color: var(--antrinis); font-size: .85rem; letter-spacing: .1em; }
.atsakymas { margin-top: 20px; }
.atsakymas label { display: block; margin-bottom: 6px; font-weight: 600; }
.atsakymas input[type=text] {
  width: 100%; padding: 12px 14px; font: inherit; color: var(--tekstas); background: var(--fonas);
  border: 1px solid var(--linija); border-radius: 12px;
}
.atsakymas input[type=text]:focus-visible, button:focus-visible { outline: 3px solid var(--zalia); outline-offset: 2px; }
.medus { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.mygtukai { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.mygtukai button {
  flex: 1 1 140px; min-height: 48px; padding: 12px 16px; font: inherit; font-weight: 600; cursor: pointer;
  border-radius: 12px; border: 1px solid var(--zalia); background: transparent; color: var(--zalia);
}
.mygtukai button.taip { background: var(--zalia); color: var(--kortele); }
.mygtukai button.antrinis { border-color: var(--linija); color: var(--tekstas); font-weight: 500; }
.mygtukai button:disabled { opacity: .5; cursor: default; }
.klaida { margin: 10px 0 0; color: #b3261e; }
@media (prefers-color-scheme: dark) { .klaida { color: #f2b8b5; } }
.padekta { margin: 0; padding: 12px 14px; border-radius: 12px; background: var(--zalia-svelni); }
.privatumas { margin: 12px 0 0; color: var(--antrinis); font-size: .85rem; }
.programele { margin-top: 16px; padding: 14px; border-radius: 12px; background: var(--zalia-svelni); }
.programele p { margin: 0 0 10px; }
.mygtukas {
  display: inline-block; padding: 12px 18px; border-radius: 12px; background: var(--zalia); color: var(--kortele);
  font-weight: 600; text-decoration: none;
}
.privatumas a { color: inherit; }
.tekstas h1 { font-size: 1.4rem; }
.tekstas h2 { font-size: 1.05rem; margin-top: 22px; }
.tekstas ul { padding-left: 20px; }