.panchang-card{max-width:820px;margin:0 auto;border:1px solid #e7d6bd;border-radius:26px;padding:26px;background:radial-gradient(ellipse at top right,#f4d8a345,transparent 60%),linear-gradient(135deg,#fffefbee,#fff8eceb);box-shadow:0 14px 48px #6243230b,inset 0 1px 0 #fff;backdrop-filter:blur(12px)}
.panchang-heading{display:flex;align-items:center;gap:16px;margin-bottom:22px}.panchang-heading .eyebrow{margin:0 0 7px;font-size:10px}.panchang-heading h2{font-size:26px;line-height:1.3;margin:0}.panchang-sun{font-size:49px;color:#995c1c;line-height:1;text-shadow:0 2px 1px #fff}
.panchang-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px}.panchang-controls label{font-size:13px;color:#67503d;min-width:0}.panchang-controls select,.panchang-controls input{width:100%;min-width:0;min-height:46px;margin-top:7px;padding:9px 10px;border:1px solid #d7c3a7;border-radius:12px;background:#fffdfa;color:#3f3024;font-size:15px}.panchang-today{min-height:46px;padding:9px 14px;border:1px solid #d7c3a7;border-radius:12px;background:#f4e7d1;color:#51391e;font:inherit;font-size:14px;cursor:pointer}
.panchang-status{font-size:13px;color:#6f5945;margin:13px 0 18px;min-height:21px}.panchang-lunar{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:19px 0 20px;border-top:1px solid #e9dbc6}.panchang-lunar section+section{border-left:1px solid #e9dbc6;padding-left:20px}.panchang-label{font-size:12px;letter-spacing:.02em;margin:0 0 8px;color:#785a3c}.panchang-lunar h3{font-size:23px;line-height:1.35;margin:0 0 7px;color:#453124}.panchang-until{font-size:13px;line-height:1.55;color:#6f5945;margin:4px 0}.panchang-vrat{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#86431d;text-decoration:underline;text-underline-offset:3px}.panchang-moon{font-size:15px;margin:12px 0 3px;color:#473b30}
.panchang-windows{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panchang-window{padding:16px 18px;border-radius:16px;border:1px solid #d2dfcb;background:#edf3e8}.panchang-window h3{font-family:inherit;font-size:14px;margin:0 0 8px;color:#344c31}.panchang-window .panchang-time{font-size:21px;font-variant-numeric:tabular-nums;color:#2e452c;line-height:1.4;margin:0 0 8px;white-space:nowrap;letter-spacing:-.025em}.panchang-window p{font-size:12px;line-height:1.6;margin:0;color:#465c40}.panchang-rahu{background:#f7ebe3;border-color:#ebd4c3}.panchang-rahu h3,.panchang-rahu .panchang-time{color:#814322}.panchang-rahu p{color:#794c32}.panchang-abhijit.is-wednesday{background:#f6f0e5;border-color:#e6d8c1}.panchang-abhijit.is-wednesday h3,.panchang-abhijit.is-wednesday p{color:#705333}
.panchang-daylight{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e9dbc6;margin-top:20px;padding-top:16px}.panchang-daylight p{font-size:14px;margin:0;color:#72553d}.panchang-daylight strong{margin-left:5px;font-weight:600;color:#463426;white-space:nowrap}.panchang-daylight span{color:#99611c}.panchang-notes,.panchang-continue{max-width:820px;margin:26px auto}.panchang-notes p,.panchang-notes li{font-size:15px;line-height:1.75}.panchang-continue{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.panchang-continue p{width:100%;margin:0;font-size:16px}.panchang-continue>a:not(.btn){font-size:14px}#panchang-error{color:#7c351e;font-size:15px;line-height:1.6}
@media(max-width:600px){.panchang-card{padding:20px 17px;border-radius:22px}.panchang-heading{gap:12px;margin-bottom:18px}.panchang-heading h2{font-size:22px}.panchang-sun{font-size:38px}.panchang-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.panchang-today{grid-column:2;justify-self:end;min-height:44px;padding:6px 15px;margin-top:-2px}.panchang-status{margin-top:4px}.panchang-lunar{grid-template-columns:1fr;gap:16px;padding:15px 0}.panchang-lunar section+section{border-left:0;border-top:1px solid #e9dbc6;padding:16px 0 0}.panchang-lunar h3{font-size:22px}.panchang-windows{grid-template-columns:1fr;gap:10px}.panchang-window{padding:14px 16px}.panchang-window .panchang-time{font-size:22px;margin:0 0 4px}.panchang-window h3{margin-bottom:4px}.panchang-daylight{gap:8px}.panchang-daylight p{font-size:12px}.panchang-daylight strong{display:block;margin:3px 0 0;font-size:16px}.panchang-continue{gap:16px}.panchang-notes p{font-size:14px}}
@media(prefers-reduced-transparency:reduce){.panchang-card{background:#fffaf0;backdrop-filter:none}}
.panchang-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.panchang-controls label{margin:0}.panchang-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 14px}.panchang-meta .panchang-status{margin:0;font-size:12px;min-height:0;line-height:1.5}.panchang-meta .panchang-today{flex:none;margin:0;min-height:44px;padding:7px 12px}.panchang-heading{margin-bottom:18px}

/* Native iOS date controls must fit inside their grid cell. */
.panchang-controls input,.panchang-controls select{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:48px;font-size:16px;appearance:none;-webkit-appearance:none}
.panchang-controls select{appearance:auto;-webkit-appearance:menulist}
.panchang-controls input::-webkit-date-and-time-value{text-align:left;min-height:1.4em}
.panchang-controls input::-webkit-datetime-edit{display:inline-flex;padding:0;max-width:100%}
.panchang-lunar>section,.panchang-window{min-width:0}.panchang-vrat{display:block;padding-block:10px;overflow-wrap:anywhere}.panchang-card{background:linear-gradient(135deg,#fff,#fffcf6)}
@media(max-width:350px){.panchang-controls{grid-template-columns:1fr}}
.panchang-window .panchang-time{white-space:normal;overflow-wrap:normal}
.panchang-card{background:radial-gradient(ellipse at top right,#f3d59e66,transparent 62%),linear-gradient(135deg,#fffaf0,#f8ecd8);border-color:#dfc9a7}

.panchang-heading .panchang-sun{width:66px;height:66px;object-fit:contain;flex:none}
@media(max-width:600px){.panchang-heading .panchang-sun{width:54px;height:54px}.panchang-heading{gap:10px}}