:root{--pan-ink:#25232a;--pan-muted:#696570;--pan-line:#d8d3dc;--pan-paper:#f4f2f0;--pan-panel:#e8e4ea;--pan-accent:#69567b;--pan-night:#302d36;--pan-radius:18px}
body.timing-page{color:var(--pan-ink);background:var(--pan-paper)}
.timing-main{overflow:hidden}
.timing-main .timing-hero{min-height:720px;padding:116px 28px 52px;max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:22px;align-items:stretch}
.timing-main .timing-hero__copy{padding:56px 52px;border-radius:var(--pan-radius);background:#e9e6e3;border:1px solid rgba(37,35,42,.08);display:flex;flex-direction:column;justify-content:center}
.timing-main .timing-kicker{color:var(--pan-accent);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.timing-main .timing-hero h1{font-size:clamp(54px,6.4vw,92px);line-height:.91;margin:22px 0 26px;color:var(--pan-ink);letter-spacing:-.065em;max-width:9ch}
.timing-main .timing-hero__copy>p:not(.timing-kicker):not(.timing-status){font-size:18px;line-height:1.55;max-width:39ch;color:var(--pan-muted)}
.timing-main .timing-date{margin-top:34px;padding-top:22px;border-top:1px solid var(--pan-line)}
.timing-main .timing-date label{font-size:12px;color:var(--pan-muted);margin-bottom:9px;display:block}
.timing-main .timing-date>div{display:grid;grid-template-columns:1fr auto;gap:8px}
.timing-main .timing-date input,.timing-main .timing-date button{min-height:50px;border-radius:10px;font-size:14px}
.timing-main .timing-date input{background:#f8f7f5;border:1px solid #c9c4cc;color:var(--pan-ink);padding:0 16px}
.timing-main .timing-date button{border:0;background:var(--pan-night);color:#fff;padding:0 22px;font-weight:650;white-space:nowrap}
.timing-main .timing-date button:active{transform:translateY(1px)}
.timing-main .timing-status{font-size:12px;color:var(--pan-muted);margin-top:12px}
.panchang-almanac{position:relative;border-radius:var(--pan-radius);background:var(--pan-night);color:#f7f5f8;padding:34px;display:grid;grid-template-columns:210px 1fr;grid-template-rows:1fr auto;gap:28px;overflow:hidden;isolation:isolate}
.panchang-almanac:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 56%,rgba(255,255,255,.035) 56% 100%);z-index:-1}
.panchang-almanac__date{align-self:start;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.22);padding-left:22px}
.panchang-almanac__date span{font-size:16px;letter-spacing:.16em;color:#cbbdd7}
.panchang-almanac__date strong{font-size:132px;line-height:.86;letter-spacing:-.08em;font-weight:500;margin-top:24px}
.panchang-almanac__date small{font-size:12px;color:#bbb5c0;margin-top:14px}
.panchang-almanac__orbit{position:relative;display:grid;place-items:center;min-height:260px}
.panchang-almanac__orbit:before,.panchang-almanac__orbit:after{content:"";position:absolute;border:1px solid rgba(211,198,220,.26);border-radius:50%}
.panchang-almanac__orbit:before{width:280px;height:280px}
.panchang-almanac__orbit:after{width:190px;height:190px}
.panchang-almanac__orbit img{width:154px;height:154px;position:relative;z-index:1;filter:grayscale(1) brightness(1.45)}
.panchang-almanac ol{grid-column:1/-1;list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:repeat(5,1fr)}
.panchang-almanac li{padding:18px 14px 4px;border-right:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column;gap:5px}
.panchang-almanac li:last-child{border-right:0}
.panchang-almanac li span{font-size:10px;color:#9d91a6}
.panchang-almanac li strong{font-size:14px;font-weight:650}
.panchang-almanac li small{font-size:10px;color:#aaa4ae}
.timing-main .timing-reading{padding:62px 28px 48px;max-width:1264px;margin:auto;background:transparent}
.timing-main .timing-reading h2{font-size:clamp(34px,4vw,56px);line-height:1.02;letter-spacing:-.055em;color:var(--pan-ink);max-width:720px}
.timing-reading__head{align-items:end;border-bottom:1px solid var(--pan-line);padding-bottom:24px}
.timing-main .freshness{font-size:11px;max-width:240px;padding:9px 13px;color:var(--pan-muted);flex-shrink:0;background:transparent;border:1px solid var(--pan-line)}
.timing-main .panchang-grid{margin-top:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-left:1px solid var(--pan-line)}
.timing-main .panchang-card{position:relative;min-height:248px;justify-content:flex-start;padding:30px;border-radius:0;background:transparent;color:var(--pan-ink);overflow:hidden;border-right:1px solid var(--pan-line);border-bottom:1px solid var(--pan-line)}
.timing-main .panchang-card--lead{grid-column:span 2;min-height:270px;padding-right:160px;background:#ebe7ed}
.timing-main .panchang-card--night{background:var(--pan-night);color:#f8f6f9}
.timing-main .panchang-card--window{grid-column:span 2;min-height:172px;padding-right:145px}
.timing-main .panchang-card small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.68}
.timing-main .panchang-card h3{font-size:clamp(25px,2.7vw,38px);line-height:1.04;margin:16px 0 0;letter-spacing:-.045em;overflow-wrap:anywhere}
.timing-main .panchang-card p{font-size:13px;margin-top:12px;line-height:1.5;max-width:26ch;color:inherit;opacity:.72}
.timing-main .panchang-card progress{margin-top:auto;padding-top:18px;height:22px}
.panchang-art{width:68px;height:68px;display:block;order:-1;margin-bottom:18px;filter:grayscale(1)}
.panchang-card--lead .panchang-art,.panchang-card--window .panchang-art{position:absolute;right:28px;top:38px;width:104px;height:104px;margin:0}
.panchang-card--night .panchang-art{filter:grayscale(1) brightness(1.8)}
.timing-main .timing-disclosure{font-size:12px;gap:30px;margin-top:24px;padding-top:0;color:var(--pan-muted)}
.timing-main .timing-next{min-height:0;max-width:1208px;margin:0 auto 48px;padding:44px 48px;border-radius:var(--pan-radius);background:#dfd9e4;color:var(--pan-ink)}
.timing-main .timing-next h2{font-size:clamp(34px,4vw,52px);max-width:680px;line-height:1;color:var(--pan-ink);letter-spacing:-.045em}
.timing-main .timing-next>p:not(.timing-kicker){font-size:16px;max-width:64ch;color:#56505c}
.timing-main .timing-next a{font-size:15px;margin-top:14px;color:#372f3e}
@media(max-width:900px){.timing-main .timing-hero{grid-template-columns:1fr;padding:100px 14px 24px;min-height:0}.timing-main .timing-hero__copy{padding:42px 28px}.timing-main .timing-hero h1{font-size:clamp(50px,14vw,74px)}.panchang-almanac{min-height:520px}.timing-main .panchang-grid{grid-template-columns:1fr 1fr}.timing-main .panchang-card--lead,.timing-main .panchang-card--window{grid-column:span 2}.timing-main .timing-reading{padding:38px 14px}.timing-main .timing-next{margin:0 14px 30px}}
@media(max-width:560px){.timing-main .timing-hero__copy{padding:34px 22px}.timing-main .timing-hero h1{font-size:52px}.timing-main .timing-date>div{grid-template-columns:1fr}.panchang-almanac{grid-template-columns:120px 1fr;padding:24px;min-height:460px}.panchang-almanac__date strong{font-size:90px}.panchang-almanac__orbit{min-height:210px}.panchang-almanac__orbit:before{width:210px;height:210px}.panchang-almanac__orbit:after{width:140px;height:140px}.panchang-almanac__orbit img{width:112px;height:112px}.panchang-almanac ol{grid-template-columns:1fr 1fr}.panchang-almanac li{min-height:76px}.panchang-almanac li:nth-child(even){border-right:0}.panchang-almanac li:last-child{grid-column:1/-1}.timing-main .panchang-grid{grid-template-columns:1fr}.timing-main .panchang-card,.timing-main .panchang-card--lead,.timing-main .panchang-card--window{grid-column:span 1;min-height:210px;padding:24px 112px 24px 22px}.panchang-card--lead .panchang-art,.panchang-card--window .panchang-art,.panchang-art{position:absolute;right:18px;top:28px;width:72px;height:72px}.timing-main .timing-reading h2{font-size:36px}.timing-reading__head{align-items:flex-start}.timing-main .timing-next{padding:34px 24px}}
@media(prefers-reduced-motion:reduce){.timing-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}