.ramadan-companion{--rc-bg:#f6f4ee;--rc-surface:#fffefb;--rc-text:#183d39;--rc-muted:#526963;--rc-line:#dce3db;--rc-accent:#19695e;--rc-soft:#e8f0e8;--rc-warning:#fff5d9;--rc-warning-text:#73520e;color:var(--rc-text);background:var(--rc-bg);min-height:100vh;overflow-x:clip;padding-bottom:env(safe-area-inset-bottom)}.dark .ramadan-companion{--rc-bg:#101d1c;--rc-surface:#172926;--rc-text:#e7efe7;--rc-muted:#afc3b9;--rc-line:#30443e;--rc-accent:#94d8bb;--rc-soft:#273f37;--rc-warning:#3c321b;--rc-warning-text:#f6d889}.rc-wrap{max-width:1240px;margin:0 auto;padding:32px 28px 50px}.rc-chrome{display:flex;position:sticky;top:0;z-index:40;background:var(--rc-bg);border-bottom:1px solid var(--rc-line);align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;font-weight:650}.ramadan-companion a,.ramadan-companion button,.ramadan-companion input,.ramadan-companion select{touch-action:manipulation}.ramadan-companion :focus-visible{outline:3px solid var(--rc-accent);outline-offset:4px}.ramadan-companion h1{font-size:clamp(2rem,4.3vw,3.4rem);line-height:1.12;font-weight:680;letter-spacing:-.045em;max-width:630px;text-wrap:balance;margin:15px 0 18px}.ramadan-companion h2{font-size:1.2rem;letter-spacing:-.025em;line-height:1.5;gap:9px;flex-wrap:wrap}.ramadan-companion h2,.ramadan-companion h3{font-weight:650;display:flex;align-items:center}.ramadan-companion h3{font-size:1.02rem;gap:8px}.ramadan-companion p{line-height:1.6}.ramadan-companion label{display:flex;flex-direction:column;font-size:.9rem;font-weight:550;gap:8px}.ramadan-companion input:not([type=checkbox]),.ramadan-companion select{min-width:0;width:100%;font-size:16px;line-height:1.5;min-height:46px;border:1px solid var(--rc-line);border-radius:10px;padding:10px 12px;color:var(--rc-text);background:var(--rc-bg);color-scheme:light}.dark .ramadan-companion input,.dark .ramadan-companion select{color-scheme:dark}.ramadan-companion input[type=checkbox]{width:22px;height:22px;accent-color:var(--rc-accent);flex-shrink:0}.rc-hero{display:flex;align-items:center;gap:24px;padding:14px 0 28px}.rc-hero-copy{flex:1;min-width:0}.rc-eyebrow{display:flex;align-items:center;gap:7px;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:var(--rc-muted)}.rc-subtitle{max-width:580px;color:var(--rc-muted);font-size:1.05rem}.rc-hero-actions{gap:18px;margin-top:25px}.rc-hero-actions,.rc-private{display:flex;align-items:center}.rc-private{gap:8px;font-size:.75rem;line-height:1.5;color:var(--rc-muted);max-width:260px}.rc-moon-art,.rc-private svg{flex-shrink:0}.rc-moon-art{width:178px;color:#b89957}.rc-moon-art svg{width:100%;height:auto}.rc-main-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);gap:22px;align-items:start}.rc-main-column,.rc-side-column{display:flex;flex-direction:column;gap:22px;min-width:0}.rc-card{background:var(--rc-surface);border:1px solid var(--rc-line);border-radius:23px;padding:26px;min-width:0}.rc-card>p{margin:10px 0 18px}.rc-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.rc-section-heading .rc-muted{font-size:.82rem;font-weight:400;letter-spacing:0}.rc-muted{font-size:.85rem;color:var(--rc-muted);line-height:1.6}.rc-tag{display:inline-block;background:var(--rc-soft);font-size:.73rem;line-height:1.6;padding:5px 10px;border-radius:99px;white-space:normal}.rc-season-banner{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:27px 28px 21px;background:#20594f;color:#f6f7e9;border-radius:23px}.rc-season-banner .rc-eyebrow{color:#c4ddca}.rc-season-banner h2{font-size:2.8rem;line-height:1.25;margin:12px 0 3px;letter-spacing:-.04em}.rc-season-banner p{font-size:.88rem}.rc-season-dates{display:flex;flex-direction:column;justify-content:center;gap:3px}.rc-season-dates span{font-size:.72rem;color:#cbdece}.rc-season-dates strong{font-size:1.03rem;font-weight:550;margin-bottom:12px}.rc-season-banner .rc-season-foot{grid-column:1/-1;border-top:1px solid #ffffff30;padding-top:14px;font-size:.73rem;color:#ccdfcf}.rc-prayer-pair{display:grid;grid-template-columns:1fr 1fr;margin:18px 0}.rc-prayer-pair>div{padding:8px 0}.rc-prayer-pair>div+div{border-inline-start:1px solid var(--rc-line);padding-inline-start:28px}.rc-prayer-pair p{font-size:.85rem;color:var(--rc-muted)}.rc-prayer-pair strong{font-size:2.35rem;line-height:1.3;font-weight:580;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.rc-countdown{border:1px solid var(--rc-line);background:var(--rc-bg);padding:13px 16px;border-radius:13px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.9rem}.rc-countdown strong{font-size:1.24rem;font-weight:550;font-variant-numeric:tabular-nums}.rc-timing-details{display:grid;gap:8px;margin:22px 0 14px;font-size:.78rem}.rc-timing-details>div{display:grid;grid-template-columns:120px 1fr;gap:12px}.rc-timing-details dt{color:var(--rc-muted)}.rc-timing-details dd{overflow-wrap:anywhere}.rc-unavailable{padding:26px 0;color:var(--rc-muted)}.rc-large{font-size:1.3rem;font-weight:550;color:var(--rc-text)}.rc-button,.rc-icon-button,.rc-text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;font-size:.83rem;font-weight:600;line-height:1.4;transition:transform .18s ease,opacity .18s ease;text-align:center;cursor:pointer}.rc-button{padding:10px 14px;color:var(--rc-text)}.rc-button,.rc-icon-button{border:1px solid var(--rc-line);background:var(--rc-surface)}.rc-icon-button{min-width:44px;padding:8px}.rc-text-button{color:var(--rc-accent);padding:8px 2px;justify-content:flex-start}.rc-button:active,.rc-icon-button:active{transform:scale(.975)}.rc-primary{background:var(--rc-accent);color:var(--rc-bg);border-color:transparent}.rc-button:disabled,.rc-icon-button:disabled{opacity:.45;cursor:default}.rc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.rc-section-heading .rc-actions{margin:0}.rc-checks{display:flex;flex-direction:column;gap:9px;margin-top:22px}.rc-tracker{display:flex;align-items:center;gap:14px;text-align:start;min-height:77px;border:1px solid var(--rc-line);border-radius:15px;padding:15px 16px;background:var(--rc-surface);color:var(--rc-text)}.rc-tracker>svg{color:var(--rc-accent)}.rc-tracker>span:not(.rc-checkmark){display:flex;flex:1;flex-direction:column;gap:4px}.rc-tracker strong{font-size:.96rem;font-weight:600}.rc-tracker small{font-size:.76rem;color:var(--rc-muted)}.rc-tracker[data-completed=true]{background:var(--rc-soft)}.rc-tracker:disabled{opacity:.6}.rc-checkmark{width:26px;height:26px;border:1.5px solid var(--rc-line);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rc-tracker[data-completed=true] .rc-checkmark{background:var(--rc-accent);color:var(--rc-bg);border-color:transparent}.rc-quran{border-top:1px solid var(--rc-line);margin-top:25px;padding-top:22px}.rc-quran>p{margin:8px 0 18px}.rc-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.rc-two-fields form{display:flex;align-items:stretch;flex-direction:column;gap:12px}.rc-two-fields .rc-button{align-self:flex-start}.rc-quran>.rc-primary{margin-top:8px}.rc-day-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:20px 0 10px}.rc-day{position:relative;min-height:45px;border-radius:12px;background:var(--rc-bg);font-size:.9rem;font-weight:550;overflow:hidden;color:var(--rc-text)}.rc-day>span:not(.rc-day-selected){position:relative;z-index:1}.rc-day-selected{position:absolute;inset:0;border-radius:12px;background:var(--rc-accent)}.rc-day[aria-pressed=true]{color:var(--rc-bg)}.rc-day[data-today=true]{outline:1px solid var(--rc-accent);outline-offset:2px}.rc-day i{position:absolute;width:4px;height:4px;background:currentColor;border-radius:50%;bottom:5px;left:calc(50% - 2px);z-index:1}.rc-summary{border-top:1px solid var(--rc-line);padding-top:20px;margin-top:22px}.rc-summary dl{margin-top:12px;display:grid;gap:12px}.rc-summary dl>div{display:flex;justify-content:space-between;gap:14px;font-size:.83rem}.rc-summary dt{color:var(--rc-muted)}.rc-summary dd{font-variant-numeric:tabular-nums}.rc-arabic{font-family:var(--font-quran),"Traditional Arabic","Amiri",serif;font-size:1.9rem;line-height:2.05!important;margin:23px 0 18px;overflow-wrap:break-word}.rc-transliteration{font-style:italic;color:var(--rc-muted);font-size:.88rem;margin-bottom:15px}.rc-source{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0;font-size:.84rem}.rc-source a{color:var(--rc-accent);text-decoration:underline;text-underline-offset:3px;min-height:30px}.ramadan-companion .rc-toggle-label{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 0}.rc-toggle-label+label:not(.rc-toggle-label){margin-top:15px}.ramadan-companion .rc-check-label{flex-direction:row;align-items:center;gap:12px;margin:18px 0;min-height:44px}.rc-note,.rc-warning{border:1px solid var(--rc-line);border-radius:11px;background:var(--rc-soft);padding:12px 14px;font-size:.82rem;line-height:1.6}.rc-warning{background:var(--rc-warning);color:var(--rc-warning-text);border-color:transparent}.rc-error{color:#a33;font-size:.87rem;margin:12px 0}.dark .rc-error{color:#ffaba6}.rc-announcement:empty{display:none}.rc-announcement:not(:empty){padding:12px 16px;border-radius:12px;background:var(--rc-soft);margin-bottom:20px;font-size:.88rem}.rc-settings{margin-bottom:22px}.rc-settings-divider{border-top:1px solid var(--rc-line);margin:24px 0}.rc-archive{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px 0;border-bottom:1px solid var(--rc-line);text-align:start}.rc-archive span{font-weight:600}.rc-archive small{display:block;color:var(--rc-muted);font-weight:400;margin-top:4px}.rc-history-actions{display:flex;align-items:flex-start;flex-direction:column;gap:5px;margin-top:18px}.rc-danger{color:#9c3434}.dark .rc-danger{color:#ffb1a9}.rc-footer{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:36px;color:var(--rc-muted);font-size:.76rem}@media(max-width:800px){.rc-wrap{padding:22px 16px 40px}.rc-main-grid{grid-template-columns:1fr}.rc-hero{gap:12px;padding-top:5px}.rc-moon-art{width:86px;align-self:flex-start;margin-top:28px}.rc-hero-actions{align-items:flex-start;flex-direction:column;gap:13px}.rc-private{max-width:none}.rc-card{padding:21px 19px;border-radius:20px}.rc-season-banner{padding:24px 21px;border-radius:20px}.rc-hero .rc-eyebrow{font-size:.64rem}.rc-main-column,.rc-side-column{gap:17px}.rc-two-fields{gap:12px}.rc-day-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.rc-subtitle{font-size:.93rem}.rc-prayer-pair strong{font-size:2.1rem}}@media(max-width:380px){.rc-moon-art{display:none}.rc-two-fields{grid-template-columns:1fr}.rc-timing-details>div{grid-template-columns:95px 1fr}.rc-season-banner{grid-template-columns:1fr}.rc-season-dates{display:grid;grid-template-columns:1fr 1fr}.rc-season-foot{grid-column:1}.rc-day-grid{gap:5px}}html[data-native-platform=android] .rc-main-grid{grid-template-columns:1fr}html[data-native-platform=android] .rc-wrap{max-width:850px}.ramadan-companion[data-reduced=true] button:active{transform:none}@media(prefers-reduced-motion:reduce){.ramadan-companion *{transition-duration:.01ms!important;animation:none!important}}