/* Planned & Paid: light grey header, charcoal cards, wine text accents, green for paid. */
:root{
  --pine-950:#3a3a3e;
  --pine-900:#45454b;
  --pine-700:#6e6e74;
  --pine-500:#a0a0a6;
  --cranberry:#6b2a40;
  --cranberry-dark:#5b1f33;
  --wine:#6b2a40;
  --sage:#e3efe7;
  --blush:#f4e5ea;
  --gold-soft:#ecd9a8;
  --good:#2f7a4f;
  --bad:#c0392b;
  --shadow:0 14px 40px rgba(30,30,34,.10);
}
.app-header{background:linear-gradient(135deg,#eeeeef,#dedee1);color:#2f2f33}
.app-header:before{opacity:.35}
.app-header h1,.app-header .eyebrow{color:var(--wine)}
.brand-byline{color:#6e6e74}
.countdown-pill{background:rgba(255,255,255,.6);border-color:rgba(0,0,0,.08)}
.countdown-label,.countdown-number{color:#2f2f33}
.save-status{background:rgba(255,255,255,.65);color:#2f2f33}
.pine-card{background:linear-gradient(145deg,#8a4d62,#b07a8b)}
.budget-ring:before{background:#a46e80}
.section-kicker{color:var(--wine)}
.primary-button{box-shadow:0 9px 24px rgba(40,40,45,.22)}
.primary-small{box-shadow:0 7px 20px rgba(40,40,45,.2)}
.progress-track span{background:linear-gradient(90deg,var(--good),#5aa37a)}
.save-status:before{background:#a9dfb9}
.muted{color:var(--muted)}

/* Home */
.new-month-banner{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #d9bd78;background:#fff7df;border-radius:var(--radius-lg);padding:13px 14px;margin:0 0 14px;text-align:left;cursor:pointer;color:var(--ink)}
.new-month-banner>span:first-child{font-size:1.3rem}
.new-month-banner strong{display:block;font-size:.88rem}
.new-month-banner small{display:block;color:#766239;font-size:.72rem;margin-top:2px}

.quick-add{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 14px 10px;margin:0 0 14px;box-shadow:0 8px 22px rgba(30,30,34,.05)}
.quick-add label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}
.quick-add label strong{font-family:Georgia,serif;font-size:1.02rem;color:var(--pine-900)}
.quick-add label small{font-size:.68rem;color:var(--muted)}
.quick-add-row input{width:100%;min-height:50px;border:1.5px solid #d3d3d7;border-radius:14px;background:var(--cream);padding:10px 14px;font-size:16px;color:var(--ink)}
.quick-add-row input::placeholder{color:#a8a8ae}
.quick-add-row input:focus{outline:none;border-color:var(--pine-700);box-shadow:0 0 0 3px rgba(69,69,75,.12)}
.quick-details{display:block;margin:8px 0 0 auto;font-size:.74rem}
.quick-preview{margin-top:10px;border-radius:14px;background:var(--sage);padding:11px 12px}
.qp-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:.9rem;color:var(--ink)}
.qp-line strong{font-size:.95rem}
.qp-line em{font-style:normal;color:var(--muted);font-size:.78rem}
.qp-note{margin:6px 0 0;font-size:.7rem;color:var(--muted)}
.qp-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.qp-toggle{border:1px solid #b9d3c1;background:var(--paper);color:var(--muted);border-radius:999px;min-height:34px;padding:6px 12px;font-size:.74rem;font-weight:800;cursor:pointer}
.qp-toggle.on{background:var(--good);border-color:var(--good);color:#fff}
.qp-add{margin-left:auto;min-height:38px}
.qp-check{margin:0 0 8px;font-size:.74rem;font-weight:800;color:var(--cranberry-dark)}
.qp-fields{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin-bottom:10px}
.qp-fields label{display:block;margin:0}
.qp-fields span{display:block;font-size:.64rem;font-weight:800;color:var(--muted);margin-bottom:3px}
.qp-fields input,.qp-fields select{width:100%;min-width:0;min-height:40px;border:1px solid #cfd9d2;border-radius:10px;background:var(--paper);padding:6px 8px;font-size:16px;color:var(--ink)}
.quick-preview .qp-add{display:block;margin-left:auto}

.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}
.stat-grid.three .stat-card{grid-template-columns:1fr;grid-template-rows:auto auto auto;text-align:center;place-items:center;gap:4px;min-height:96px;padding:12px 8px;cursor:default}
.stat-grid.three .stat-number{font-size:1.08rem}
.stat-card.static:active{transform:none}

.paycheck-mini,.paycheck-prompt{width:100%;display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-lg);padding:14px;text-align:left;cursor:pointer;color:var(--ink)}
.paycheck-prompt{flex-direction:row;align-items:center;gap:12px}
.paycheck-prompt>span:first-child{font-size:1.4rem}
.paycheck-prompt strong{display:block;font-size:.88rem}
.paycheck-prompt small{display:block;font-size:.72rem;color:var(--muted);margin-top:2px}
.pc-head strong{display:block;font-family:Georgia,serif;font-size:1rem;color:var(--pine-900)}
.pc-head small{display:block;font-size:.72rem;color:var(--muted);margin-top:3px}
.pc-left{font-size:.82rem;color:var(--muted)}
.pc-left.ok strong{color:var(--good)}
.pc-left.short{color:var(--bad)}
.pc-left.short strong{color:var(--bad)}

.spending-card{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-lg);padding:6px 14px 12px}
.spend-row{width:100%;display:grid;gap:7px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:11px 0;text-align:left;cursor:pointer;color:var(--ink)}
.spend-copy{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.spend-copy strong{font-size:.88rem}
.spend-copy small{font-size:.72rem;color:var(--muted);white-space:nowrap}
.spend-copy small.over{color:var(--bad);font-weight:700}
.spend-row .progress-track{height:7px}
.spend-total{padding-top:11px;font-size:.72rem;color:var(--muted);display:grid;gap:4px}
.spend-total strong{color:var(--pine-900);font-size:.8rem}
.spend-empty{font-size:.8rem;color:var(--muted);line-height:1.45;margin:10px 0 12px}

/* Bill rows */
.bill-row .shop-main small{line-height:1.45}
.bill-row .due.overdue{color:var(--bad);font-weight:800}
.bill-row .due.soon{color:var(--cranberry-dark);font-weight:800}
.bill-row .bill-note{font-style:italic}
.shop-price{text-align:right;white-space:nowrap}
.shop-price .was{display:block;font-size:.66rem;font-weight:600;color:var(--muted);text-decoration:line-through}
.shop-main:disabled{cursor:default;opacity:1}
.read-check{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--pine-500);position:relative}
.read-check.on{background:var(--good);border-color:var(--good)}
.read-check.on::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.shop-check input:checked+span{background:var(--good);border-color:var(--good)}
.paid-group summary{list-style:none;cursor:pointer}
.paid-group summary::-webkit-details-marker{display:none}
.paid-group summary strong::after{content:" ▸";font-size:.8rem;color:var(--muted)}
.paid-group[open] summary strong::after{content:" ▾"}
.paid-group:not([open]) summary{border-bottom:0}
.all-paid{border:1px solid #b9d3c1;background:#e5efe7;color:#1f3b2c;border-radius:var(--radius-lg);padding:14px;font-weight:800;font-size:.86rem;text-align:center}
.view-intro{font-size:.78rem;color:var(--muted);line-height:1.45;margin:-4px 2px 14px}
.view-intro.small{font-size:.7rem;margin-top:12px}

/* Paychecks */
.paycheck-card{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-lg);padding:14px;box-shadow:0 7px 20px rgba(58,18,32,.045)}
.pc-card-head strong{display:block;font-family:Georgia,serif;font-size:1.05rem;color:var(--pine-900)}
.pc-card-head small{display:block;font-size:.72rem;color:var(--muted);margin-top:3px}
.pc-card-head .from-prev{display:inline;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:.68rem;font-weight:700;color:var(--muted)}
.pc-income{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 4px;padding:10px 12px;border-radius:13px;background:var(--cream)}
.pc-income>span{font-size:.78rem;font-weight:800;color:var(--ink)}
.pc-income .money-input{max-width:150px;min-height:42px;background:var(--paper)}
.pc-income .money-input input{min-height:40px}
.pc-bills{margin-top:4px}
.pc-none{font-size:.78rem;margin:10px 0}
.pc-totals{border-top:1px solid var(--line);margin-top:6px;padding-top:10px;display:grid;gap:6px}
.pc-totals div{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;color:var(--muted)}
.pc-totals strong{color:var(--ink)}
.pc-result{margin-top:4px;padding:10px 12px;border-radius:12px;background:var(--cream);font-weight:800}
.pc-result span{color:var(--ink)}
.pc-result.ok{background:#e5efe7}
.pc-result.ok strong{color:var(--good);font-size:1rem}
.pc-result.short{background:#fae8e7}
.pc-result.short span,.pc-result.short strong{color:var(--bad)}
.pc-result.short strong{font-size:1rem}

/* More */
.disclaimer-note{font-size:.7rem;color:var(--muted);line-height:1.5;margin:-6px 4px 22px;text-align:center}
.important-backup{border-color:#d9bd78!important;background:#fff7df!important}
.important-backup p{color:#5f4b22!important}

/* Cards & accounts: the light red box */
.no-info-note{border:1.5px solid #e0a3a9;background:#fbeaec;border-radius:14px;padding:12px 14px;margin:0 0 16px}
.no-info-note strong{display:block;color:#8f2f3a;font-size:.86rem;margin-bottom:4px}
.no-info-note p{margin:0;color:#6d3a40;font-size:.78rem;line-height:1.5}
.account-row{width:100%;display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:10px;border:1px solid var(--line);background:var(--paper);border-radius:15px;padding:11px 12px;text-align:left;cursor:pointer;color:var(--ink)}
.account-row strong{display:block;font-size:.86rem}
.account-row small{display:block;font-size:.7rem;color:var(--muted);margin-top:2px}
.account-row>svg{width:18px;height:18px;color:#8a958f}
.account-form{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}
.account-form h3{font-family:Georgia,serif;font-size:1rem;color:var(--pine-900);margin:0 0 12px}
.account-form-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.account-form-actions .primary-button{width:auto;flex:1 1 auto}
.account-form-actions .danger-button,.account-form-actions .secondary-button{width:auto;margin:0}

/* New month & history */
.nm-warning{border:1px solid #d9bd78;background:#fff7df;color:#5f4b22;border-radius:13px;padding:11px 13px;font-size:.78rem;line-height:1.45;margin-bottom:14px}
.nm-head{font-family:Georgia,serif;font-size:.98rem;color:var(--pine-900);margin:16px 2px 8px}
.nm-list{padding:4px 14px}
.nm-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.84rem}
.nm-row:last-child{border-bottom:0}
.nm-row small{display:block;font-size:.68rem;color:var(--muted);margin-top:1px}
.nm-row strong small{display:inline}
.hist-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.hist-totals div{border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:10px;text-align:center}
.hist-totals span{display:block;font-size:.66rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.hist-totals strong{display:block;font-size:.98rem;margin-top:3px}
.compare{font-size:.8rem;margin:4px 2px 12px;color:var(--muted)}
.compare.up{color:var(--bad)}
.compare.down{color:var(--good)}
#history-body .account-row{margin-bottom:8px}
.subs-hero{text-align:center;border-radius:var(--radius-lg);background:linear-gradient(145deg,#3f3f44,#66666d);color:#fff;padding:20px 16px;margin-bottom:14px}
.subs-hero p{margin:0;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:#f0d9a7;font-weight:800}
.subs-hero strong{display:block;font-family:Georgia,serif;font-size:1.8rem;margin:6px 0 4px}
.subs-hero span{font-size:.82rem;color:#e4e4e7}
.paid-line{margin:4px 0 16px}
@media(max-width:380px){.qp-fields{grid-template-columns:1fr 1fr}.qp-fields label:first-child{grid-column:1/-1}}

.spend-row.over .progress-track span{background:linear-gradient(90deg,#c25563,var(--bad))}
.check-line span small{display:block;font-weight:600;font-size:.7rem;color:var(--muted);margin-top:2px}

/* === DARK MODE (generated) === */
@media screen{
html[data-theme="dark"]{--cream:#141416;--paper:#1f1f23;--ink:#ececee;--muted:#a6a6ad;--line:#33333a;--sage:#1f3328;--blush:#3b2229;--pine-900:#4a4a52;--cranberry:#b05a74;--cranberry-dark:#e9b8c6;--wine:#e6bccb;--danger:#d9666f;--gold-soft:#d9c088;color-scheme:dark}
html[data-theme="dark"] .stat-icon.gold{background:#343132}
html[data-theme="dark"] .stat-icon.blush{background:#33231f}
html[data-theme="dark"] .stat-icon.pine{background:#2e3b33;color:#e6bccb}
html[data-theme="dark"] .progress-track{background:#343132}
html[data-theme="dark"] .empty-state{border:1px dashed #555052;background:rgba(255,255,255,0.05)}
html[data-theme="dark"] .home-view-all{color:#e6bccb}
html[data-theme="dark"] .gift-mini-emoji{background:#322f30}
html[data-theme="dark"] .summary-chip{background:#353132;color:#e6bccb}
html[data-theme="dark"] .person-card-actions button{background:#2c2a2b;color:#e6bccb}
html[data-theme="dark"] .person-progress{background:#353233}
html[data-theme="dark"] .gift-emoji{background:#322f30}
html[data-theme="dark"] .status-badge{background:#333031;color:#c8d0cd}
html[data-theme="dark"] .status-badge.good{color:#bbddd1}
html[data-theme="dark"] .status-badge.warn{background:#413925;color:#e3d4b5}
html[data-theme="dark"] .status-badge.alert{color:#e2b6bb}
html[data-theme="dark"] .gift-next{border-top:1px solid #464344}
html[data-theme="dark"] .gift-link{background:#2c2a2b;color:#e6bccb}
html[data-theme="dark"] .settings-row>svg{color:#d4d8d6}
html[data-theme="dark"] .settings-icon{background:#312e2f}
html[data-theme="dark"] .privacy-card{background:#343132}
html[data-theme="dark"] .privacy-card p{color:#c8d0cd}
html[data-theme="dark"] .new-event-card{border:2px solid #7f575a;background:#321c1b}
html[data-theme="dark"] .new-event-card>p{color:#d6c2c3}
html[data-theme="dark"] .privacy-card{background:#33211e;border:2px solid #7f575a}
html[data-theme="dark"] .clear-data-note,html[data-theme="dark"] .important-storage-note{border:2px solid #805659;background:#321c1b}
html[data-theme="dark"] .clear-data-note p,html[data-theme="dark"] .important-storage-note p{color:#d6c2c3}
html[data-theme="dark"] .bottom-nav{background:rgba(34,32,33,0.94);border-top:1px solid rgba(80,76,77,0.9)}
html[data-theme="dark"] .nav-item{color:#d4d8d6}
html[data-theme="dark"] .view-back{color:#e6bccb}
html[data-theme="dark"] .sheet-handle{background:#444042}
html[data-theme="dark"] .sheet-header{background:rgba(40,37,38,0.98)}
html[data-theme="dark"] .back-button{color:#e6bccb}
html[data-theme="dark"] .sheet-actions{background:rgba(40,37,38,0.97)}
html[data-theme="dark"] .field>span{color:#c8d0cd}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{border:1px solid #514d4e}
html[data-theme="dark"] .money-input{border:1px solid #514d4e}
html[data-theme="dark"] .money-input span{color:#d5d7d6}
html[data-theme="dark"] .details-body{background:#211f20}
html[data-theme="dark"] .danger-button{border:1px solid #6c4e51}
html[data-theme="dark"] .secondary-button{color:#e6bccb}
html[data-theme="dark"] .welcome-art{background:linear-gradient(180deg,#302d2e,rgba(48,45,46,0.0))}
html[data-theme="dark"] .local-note{background:#333031}
html[data-theme="dark"] .local-note p{color:#c8d0cd}
html[data-theme="dark"] .install-complete-message,html[data-theme="dark"] .in-app-browser-note{border:1px solid #837553;background:#3a3116;color:#e2d5b6!important}
html[data-theme="dark"] .backup-reminder{border:1px solid #837553;background:#3a3116}
html[data-theme="dark"] .backup-reminder>span:first-child{background:#50462b}
html[data-theme="dark"] .backup-reminder small{color:#ded2ba}
html[data-theme="dark"] .privacy-card{background:#2c2a2b;border:1px solid #58665d}
html[data-theme="dark"] .privacy-card strong{color:#e6bccb}
html[data-theme="dark"] .install-lead{background:#312e2f;border:1px solid #57685c;color:#bcdccb!important}
html[data-theme="dark"] .install-lead strong{color:#baded3}
html[data-theme="dark"] .welcome-copy p.install-complete-message{background:#312e2f;border:1px solid #57685c;color:#bcdccb!important}
html[data-theme="dark"] .install-complete-message strong{color:#baded3}
html[data-theme="dark"] .group-head{background:#373435;color:#e6bccb}
html[data-theme="dark"] .group-head.over{background:#372122}
html[data-theme="dark"] .group-copy small{color:#c8d0cd}
html[data-theme="dark"] .group-head.over .group-copy small{color:var(--cranberry-dark,#e3b5ba)}
html[data-theme="dark"] .group-actions button{color:#e6bccb}
html[data-theme="dark"] .group-chips button{color:#e6bccb}
html[data-theme="dark"] fieldset.group-people legend{color:#c8d0cd}
html[data-theme="dark"] .check-line{border:1px solid #514d4e}
html[data-theme="dark"] .privacy-page h3{color:#e6bccb}
html[data-theme="dark"] .privacy-hero{background:#312e2f;border:1px solid #57685c}
html[data-theme="dark"] .privacy-hero strong{color:#bcdccb}
html[data-theme="dark"] .privacy-hero p{color:#bcdccb!important}
html[data-theme="dark"] .inline-link{color:var(--cranberry-dark,#e3b5ba)}
html[data-theme="dark"] .mode-switch{background:#353233}
html[data-theme="dark"] .mode-switch button.active{color:#e6bccb}
html[data-theme="dark"] .secondary-small{color:#e6bccb}
html[data-theme="dark"] .shop-store-head strong{color:#e6bccb}
html[data-theme="dark"] .shop-price{color:#e6bccb}
html[data-theme="dark"] .new-month-banner{border:1px solid #837553;background:#3a3116}
html[data-theme="dark"] .new-month-banner small{color:#ded2ba}
html[data-theme="dark"] .quick-add label strong{color:#e6bccb}
html[data-theme="dark"] .quick-add-row input{border:1.5px solid #4f4b4c}
html[data-theme="dark"] .qp-toggle{border:1px solid #57685c}
html[data-theme="dark"] .qp-fields input,html[data-theme="dark"] .qp-fields select{border:1px solid #504c4d}
html[data-theme="dark"] .pc-head strong{color:#e6bccb}
html[data-theme="dark"] .spend-total strong{color:#e6bccb}
html[data-theme="dark"] .read-check.on::after{border:solid #3a3738}
html[data-theme="dark"] .all-paid{border:1px solid #57685c;background:#312e2f;color:#bcdccb}
html[data-theme="dark"] .pc-card-head strong{color:#e6bccb}
html[data-theme="dark"] .pc-result.ok{background:#312e2f}
html[data-theme="dark"] .pc-result.short{background:#321c1b}
html[data-theme="dark"] .important-backup{border-color:#837553!important;background:#3a3116!important}
html[data-theme="dark"] .important-backup p{color:#e3d4b5!important}
html[data-theme="dark"] .no-info-note{border:1.5px solid #764f52;background:#301a1c}
html[data-theme="dark"] .no-info-note strong{color:#e3b5ba}
html[data-theme="dark"] .no-info-note p{color:#dcbcc0}
html[data-theme="dark"] .account-row>svg{color:#d4d8d6}
html[data-theme="dark"] .account-form h3{color:#e6bccb}
html[data-theme="dark"] .nm-warning{border:1px solid #837553;background:#3a3116;color:#e3d4b5}
html[data-theme="dark"] .nm-head{color:#e6bccb}
html[data-theme="dark"] .bottom-nav{background:rgba(31,31,35,.96);border-top:1px solid var(--line);box-shadow:0 -8px 28px rgba(0,0,0,.35)}
html[data-theme="dark"] .sheet-header{background:rgba(20,20,22,.98)}
html[data-theme="dark"] .sheet-actions{background:rgba(20,20,22,.97)}
html[data-theme="dark"] .modal-backdrop{background:rgba(0,0,0,.6)}
html[data-theme="dark"] .switch span{background:#46464d}
html[data-theme="dark"] .switch input:checked+span{background:var(--pine-500)}
html[data-theme="dark"] .about-brand img{mix-blend-mode:normal;background:#fbf7ef;border-radius:16px;padding:10px}
html[data-theme="dark"] .money-input input{border:0}
html[data-theme="dark"] .mode-switch{background:#0d0d0f;border:1px solid var(--line)}
html[data-theme="dark"] .mode-switch button.active{background:#3a3a42;color:#f1ede4}
html[data-theme="dark"] .quick-add-row input{background:#141416;border-color:#46464d}
html[data-theme="dark"] .quick-preview{background:#1f3328}
html[data-theme="dark"] .qp-fields input,html[data-theme="dark"] .qp-fields select{background:#1f1f23;border-color:#33333a}
html[data-theme="dark"] .qp-toggle{background:#1f1f23;border-color:#3d5a48;color:#c9d6cf}
html[data-theme="dark"] .qp-toggle.on{background:#2f7a4f;border-color:#2f7a4f;color:#fff}
html[data-theme="dark"] .pc-income,html[data-theme="dark"] .pc-result{background:#141416}
html[data-theme="dark"] .pc-result.ok{background:#1c3326}
html[data-theme="dark"] .pc-result.short{background:#3a1a1f}
html[data-theme="dark"] .pc-result.short span,html[data-theme="dark"] .pc-result.short strong,html[data-theme="dark"] .pc-left.short,html[data-theme="dark"] .pc-left.short strong,html[data-theme="dark"] .bill-row .due.overdue,html[data-theme="dark"] .compare.up,html[data-theme="dark"] .spend-copy small.over{color:#f08a95}
html[data-theme="dark"] .pc-result.ok strong,html[data-theme="dark"] .pc-left.ok strong,html[data-theme="dark"] .compare.down{color:#7fd1a2}
html[data-theme="dark"] .no-info-note{background:#3a1d22;border-color:#7a3a43}
html[data-theme="dark"] .no-info-note strong{color:#f3a7b0}
html[data-theme="dark"] .no-info-note p{color:#e6c3c7}
html[data-theme="dark"] .all-paid{background:#1c3326;border-color:#3d5a48;color:#cfe8d9}
html[data-theme="dark"] .new-month-banner,html[data-theme="dark"] .nm-warning,html[data-theme="dark"] .important-backup{background:#3a3116!important;border-color:#837553!important;color:#e2d5b6!important}
html[data-theme="dark"] .new-month-banner small,html[data-theme="dark"] .important-backup p{color:#d8caa6!important}
html[data-theme="dark"] .read-check.on,html[data-theme="dark"] .shop-check input:checked+span{background:#2f7a4f;border-color:#2f7a4f}

html[data-theme="dark"] .app-header{background:linear-gradient(135deg,#2a2a2f,#3b3b42);color:#ececee}
html[data-theme="dark"] .app-header h1,html[data-theme="dark"] .app-header .eyebrow{color:#e6bccb}
html[data-theme="dark"] .brand-byline{color:#a6a6ad}
html[data-theme="dark"] .countdown-pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .countdown-label,html[data-theme="dark"] .countdown-number,html[data-theme="dark"] .save-status{color:#ececee}
html[data-theme="dark"] .save-status{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .section-kicker{color:#e6bccb}
html[data-theme="dark"] .subs-hero{background:linear-gradient(145deg,#2c2c31,#4a4a52)}
html[data-theme="dark"] .pine-card{background:linear-gradient(145deg,#5e3442,#7d4458)}
html[data-theme="dark"] .budget-ring:before{background:#6e3d4e}

}
/* === END DARK MODE === */