* { box-sizing: border-box; margin: 0; }
body {
  min-height: 100vh; padding: 20px; font: 16px/1.55 -apple-system, system-ui, sans-serif;
  color: #e8ecff; background: #0b1026;
  background-image: radial-gradient(1px 1px at 20% 30%, #fff, transparent),
    radial-gradient(1px 1px at 70% 15%, #fff9, transparent),
    radial-gradient(1.5px 1.5px at 85% 60%, #fff, transparent),
    radial-gradient(1px 1px at 40% 80%, #fff8, transparent),
    radial-gradient(1px 1px at 60% 45%, #fffa, transparent);
}
main { max-width: 430px; margin: 0 auto; display: grid; gap: 14px; }
h1 { font-size: 22px; text-align: center; padding: 8px 0 4px; }
.kart { background: #151b3add; border: 1px solid #2a335f; border-radius: 16px; padding: 18px; }
.gizli { display: none; }
#durum-baslik { font-size: 21px; font-weight: 700; margin-bottom: 8px; }
#durum-detay, #siradaki-metin { color: #b9c2e8; }
button {
  width: 100%; margin-top: 10px; padding: 13px; border: 0; border-radius: 12px;
  background: #4f6df5; color: #fff; font-size: 16px; font-weight: 600;
}
select { width: 100%; margin-top: 6px; padding: 12px; border-radius: 12px; background: #0e1430; color: #e8ecff; border: 1px solid #2a335f; font-size: 16px; }
.ayrac { text-align: center; color: #6a76a8; margin-top: 8px; }
#takvim-liste { margin-top: 12px; padding-left: 18px; display: grid; gap: 8px; color: #b9c2e8; }