:root{--bg: #12101a;--surface: #1c1926;--surface-2: #262232;--text: #ece9f5;--muted: #9b93b0;--accent: #c6a4ff;--accent-dim: #3a2f52;--warn: #f0b27a;--line: #322c42;--radius: 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:480px;margin:0 auto;min-height:100vh;padding:20px 18px 40px}h1,h2,h3{margin:0 0 8px;line-height:1.2}h1{font-size:26px}h2{font-size:19px}p{margin:0 0 12px;line-height:1.55;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px}.card--quiet{background:var(--surface-2)}.row{display:flex;gap:10px;align-items:center}.row--between{justify-content:space-between;flex-wrap:wrap;row-gap:8px}.stack{display:flex;flex-direction:column;gap:10px}.btn{font:inherit;font-weight:600;border:0;border-radius:999px;padding:13px 18px;cursor:pointer;background:var(--accent);color:#221a33}.btn--ghost{background:transparent;color:var(--accent);border:1px solid var(--accent-dim)}.btn--quiet{background:transparent;color:var(--muted);padding:8px}.btn--danger{background:transparent;color:var(--warn);border:1px solid var(--line)}.btn--block{width:100%}.hijri{font-size:30px;font-weight:700;letter-spacing:-.4px}.sub{font-size:13px;color:var(--muted)}.pill{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--accent-dim);color:var(--accent)}.pill--warn{background:#3a2c1d;color:var(--warn)}.moon{display:flex;gap:4px;flex-wrap:wrap;margin-top:10px}.moon-day{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:13px;color:var(--muted);background:transparent;-webkit-appearance:none;appearance:none;padding:0;margin:0;font-family:inherit;cursor:pointer}.moon-day--bleed{background:#c2344f;border-color:#c2344f;color:#fff;font-weight:600}.moon-day--today{outline:2px solid var(--accent)}.moon-day--predicted{border-style:dashed;border-color:#a34163;color:#d98aa4}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}select,input[type=date],input[type=text],input[type=number]{font:inherit;width:100%;max-width:100%;min-width:0;-webkit-appearance:none;appearance:none;padding:12px;border-radius:12px;background:var(--surface-2);color:var(--text);border:1px solid var(--line)}input[type=date]{min-height:48px;text-align:left}.field{min-width:0}.missing{border-left:3px solid var(--warn);padding-left:12px}.missing li{color:var(--muted);font-size:14px;margin-bottom:6px;line-height:1.45}.field{display:block;min-width:0;margin-bottom:10px;color:var(--muted)}.field input{margin-top:6px}.warn{color:var(--warn, #ffb4a2);font-size:14px;margin:8px 0 0}.check{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:14px}.check input[type=checkbox]{appearance:auto;-webkit-appearance:auto;width:20px;min-width:20px;height:20px;margin:2px 0 0;flex:0 0 auto}.moon-day--future{opacity:.35;cursor:default}.moon-day:disabled{cursor:default}.recovery-code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:18px;letter-spacing:2px;text-align:center;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:14px 8px;margin:4px 0;user-select:all;word-break:break-all}.card--alarm{border-color:var(--warn);background:#2b1f16}.moon--weeks{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));justify-items:center}.moon--weeks .moon-day{width:100%;max-width:38px}.moon-head{margin-top:10px;margin-bottom:2px}.moon-wd{font-size:11px;color:var(--muted)}.moon-day--blank{border:0;background:none}.moon-n{font-size:13px;line-height:1.05}.moon-alt{font-size:9px;opacity:.6;line-height:1}.moon-day{flex-direction:column;gap:0}