:root{--bg:#0f172a;--card:#111827;--text:#e5e7eb;--muted:#9ca3af;--accent:#fbbf24}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui;background:radial-gradient(circle at top,#1f2933,var(--bg));color:var(--text)}
header{text-align:center;padding:20px}
.progress{font-size:13px;color:var(--muted)}
.card{margin:16px;padding:20px;border-radius:18px;background:linear-gradient(180deg,#111827,#020617);box-shadow:0 20px 50px rgba(0,0,0,.4)}
.card.big{min-height:50vh;display:flex;flex-direction:column;justify-content:center}
.hebrew{direction:rtl;text-align:right;font-size:36px;font-family:"Noto Serif Hebrew","SBL Hebrew",serif}
.hidden{display:none}
.label{font-size:12px;color:var(--muted)}
.hint{text-align:center;font-size:12px;color:var(--muted)}
.dots{display:flex;gap:12px;justify-content:center}
.dots button{width:16px;height:16px;border-radius:50%;border:none;background:#374151}
.dots button.active{background:var(--accent)}
ul{margin:6px 0 0 18px}
button{padding:12px;border-radius:12px;border:none;font-weight:600;background:linear-gradient(180deg,#fbbf24,#f59e0b);color:#111827}
.source{font-size:12px;color:var(--muted);margin-top:8px}
.row{display:flex;align-items:center;gap:10px}
.gap{gap:12px}
.times>div{display:flex;gap:10px;align-items:center;margin:10px 0}
.times input{flex:1;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.2);color:var(--text)}
.times button{width:auto;padding:10px 12px}