html:root{color:#332a22;background:#f5efe4;color-scheme:light;--line:#e0d0b8;--muted:#6b5849}
html body{background:radial-gradient(ellipse at 50% -20%,#fffaf1 0,transparent 55%),#f5efe4}
main .mark{border-color:#dac49e;background:#eee0c7;color:#714a25}
main .status{color:#38533b;background:#e5ecdc;border-color:#cad7be}
main .panel,#helpScreen .panel{background:#fffbf4}
main .tabs button,main .btn,#helpScreen .btn{color:#4d3928;background:#f4e8d5}
main .tabs button.active,main .btn.primary,#helpScreen .btn.primary{background:#75502e;border-color:#75502e;color:white}
main .input{background:#fffdf8;color:#332a22;border-color:#d8c7ad}
main .eyebrow,#helpScreen .eyebrow{color:#825f36}
main .hero p,#helpScreen .verse p,#helpScreen .quote p{color:#574538}
main .hero h2,main h2,.streak strong{font-family:Georgia,serif}
main .fine{color:#6b5849}
.faith-symbol{width:104px;height:90px;color:#9a6d36;margin:0 auto 10px;display:block}
#helpScreen{background:#f4ebdc}
#helpScreen .quote{background:#f5ead9;border-color:#e0d0b8}
#helpScreen .verse b{color:#754b26}
#playerScreen{color:#edf1fb;--muted:#9eacc6;--line:#2b3a59;color-scheme:dark}
#tracking .stat{background:#f7ecdb;border-color:#e0d0b8}
#tracking .stat strong{font-size:15px}
#tracking progress{width:100%;height:7px;accent-color:#75502e;margin-top:9px}
.streak strong{font-size:clamp(24px,6vw,38px)}
#tracking .calendar-nav{display:flex;gap:7px;align-items:center;text-align:center}
#tracking .calendar-nav button{padding:6px 10px}
#tracking button:disabled{cursor:default;opacity:.48}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}
.weekday{margin:8px 0;font-size:12px;color:#6b5849}
.calendar-day{min-height:39px;border:1px solid #e0d0b8;border-radius:8px;background:#faf3e8;color:#49392d}
.calendar-day.clean{background:#e0edf6;border-color:#b8d3e8;color:#264e70}
.calendar-day.fall{background:#f8e1df;border-color:#efbeb9;color:#822f32;font-weight:750}
.calendar-day[aria-pressed=true]{outline:2px solid #75502e;outline-offset:-2px}
.day-detail{border-top:1px solid #e0d0b8;margin-top:14px}
#tracking .entry{border-color:#e0d0b8}
@media(max-width:520px){#tracking .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}#tracking .stats .stat{padding:9px;grid-column:auto}#tracking .stat strong{font-size:12px}#tracking .bar{flex-wrap:wrap}}
#tracking #goals{grid-template-columns:repeat(2,minmax(0,1fr))}
#tracking #goals .stat strong,#tracking .streak strong{font-variant-numeric:tabular-nums}
#tracking #goals .stat p{font-size:13px;line-height:1.45;color:var(--muted);margin:10px 0 0}
@media(max-width:520px){#tracking #goals{grid-template-columns:1fr}#tracking #goals .stat strong{font-size:15px}}