:root{color-scheme:dark;--bg:#101827;--panel:#182437;--ink:#f5f7fc;--muted:#aebacf;--accent:#c5e5ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.5}main{max-width:490px;margin:0 auto;padding:32px 22px 28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.brand{font-size:16px;color:var(--muted);letter-spacing:.025em}.info{height:32px;width:32px;border:1px solid #4a5a72;border-radius:50%;background:none;color:var(--muted);font:600 16px Georgia,serif;cursor:pointer}h1{text-align:center;font-size:30px;font-weight:650;letter-spacing:-.045em;margin:0 0 24px}.tabs{display:flex;gap:4px;border-bottom:1px solid #3b4960;margin-bottom:27px}.tabs button{flex:1;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font:600 16px system-ui;cursor:pointer;padding:13px 4px}.tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}#time-label{text-align:center;display:block;color:var(--muted);font-size:16px;margin-bottom:12px}input{display:block;margin:0 auto 24px;max-width:100%;width:270px;color:var(--ink);background:var(--panel);border:1px solid #42516b;border-radius:16px;font:500 54px system-ui;padding:10px 14px;text-align:center;font-variant-numeric:tabular-nums}input::-webkit-calendar-picker-indicator{width:24px;margin:0;padding:0}.delay-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px;color:var(--muted);font-size:14px}select{background:var(--panel);border:1px solid #42516b;color:var(--ink);padding:9px 12px;border-radius:9px;font:500 15px system-ui}.primary{display:block;width:100%;background:var(--accent);border:0;color:#11283d;border-radius:12px;padding:16px;font:650 16px system-ui;cursor:pointer}.primary:hover{background:#def1ff}.now{display:block;margin:13px auto 0;background:none;border:0;padding:7px;color:var(--accent);font:500 15px system-ui;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.result-heading{font-size:16px;text-align:center;margin:25px 0 12px;font-weight:500}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:var(--panel);border:1px solid #465770;border-radius:15px;padding:17px 12px;text-align:center}.card strong{display:block;color:#ffe0a1;font-size:38px;line-height:1.2;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.card p{margin:8px 0 0;font-size:14px}.day{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.cycle{color:var(--muted);font-size:12px!important}.hint{text-align:center;font-size:12px;color:var(--muted);margin:12px 0 0}#error{margin:0;color:#ffbaa9}#error:not(:empty){margin:12px 0}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #ffdf94;outline-offset:4px}dialog{background:var(--panel);color:var(--ink);border:1px solid #536079;border-radius:18px;max-width:440px;width:calc(100% - 36px);padding:28px;line-height:1.6}dialog::backdrop{background:#000a}dialog h2{font-size:21px;margin:16px 0}dialog p{font-size:15px;color:var(--muted)}dialog a{color:var(--accent)}.close{float:right;background:none;border:0;color:white;font-size:26px;cursor:pointer;padding:0 5px}@media(max-width:380px){main{padding:22px 17px}header{margin-bottom:22px}h1{font-size:27px}.tabs button{font-size:15px}.card strong{font-size:34px}}@media(min-width:700px){main{margin:35px auto}}