/* The palette is shared by the budget, dialogs, navigation, and theme picker. */
:root{--ink:#302541;--muted:#756a81;--line:#e9e2ee;--page:#f7f3fb;--card:#fff;--lime:#ffbc9a;--green:#7041a0;--red:#b83844;--navy:#392365;--soft:#eee5f8;--soft-text:#635475;--hero-muted:#d8c9ed;--hero-text:#fff;--danger-bg:#fff0f1;--ring:#9165bd;--mint-bg:#e3f5ed;--mint-ink:#238263;--brand-bg:var(--navy)}
:root[data-theme=gryffindor]{--ink:#402a30;--muted:#826971;--line:#e7d9d2;--page:#faf5ee;--card:#fffdf9;--lime:#f5cf70;--green:#9a3f35;--navy:#4b1729;--soft:#f4e4d8;--soft-text:#7d4b47;--hero-muted:#e8c7c6;--ring:#b8683e;--brand-bg:#6e2037}
:root[data-theme=slytherin]{--ink:#233c34;--muted:#657970;--line:#d7e5dd;--page:#f0f6f2;--card:#fbfefc;--lime:#bce4cf;--green:#2c7058;--navy:#123d32;--soft:#dfeee5;--soft-text:#406957;--hero-muted:#bcd7cd;--ring:#5d947f;--brand-bg:#174a3d}
:root[data-theme=ravenclaw]{--ink:#27344c;--muted:#6b778e;--line:#dce2ed;--page:#f2f5fb;--card:#fff;--lime:#e2ba7b;--green:#42649b;--navy:#1c305a;--soft:#e5ebf6;--soft-text:#4a6082;--hero-muted:#bdcce7;--ring:#7892b8;--brand-bg:#203b72}
:root[data-theme=hufflepuff]{--ink:#3b352a;--muted:#7d7465;--line:#e9e1c9;--page:#fff9e9;--card:#fffefa;--lime:#ffe071;--green:#85651c;--navy:#363028;--soft:#f7edc9;--soft-text:#6f602f;--hero-muted:#dfd6bd;--ring:#b18f39;--brand-bg:#363028}
:root[data-theme=candy]{--ink:#572a42;--muted:#99667e;--line:#f3d8e4;--page:#fff1f7;--card:#fffafd;--lime:#ffc289;--green:#a32c63;--navy:#711a43;--soft:#fbe0ed;--soft-text:#935370;--hero-muted:#f4c5da;--ring:#cd6c9a;--brand-bg:#951e57}
:root[data-theme=cosmic]{color-scheme:dark;--ink:#f3eefb;--muted:#c0b4d3;--line:#443753;--page:#181320;--card:#281f35;--lime:#bdf5ee;--green:#c8a7ff;--red:#ffafbd;--navy:#211939;--soft:#372b4e;--soft-text:#d7c2f2;--hero-muted:#c4b4de;--danger-bg:#49283a;--ring:#b69ce9;--brand-bg:#48315e;--hero-text:#fff}
:root[data-theme=ocean]{--ink:#153e50;--muted:#5e8191;--line:#cfe7ec;--page:#effbfc;--card:#fcffff;--lime:#f9dd76;--green:#1e718c;--navy:#083f60;--soft:#ddf2f2;--soft-text:#406f7c;--hero-muted:#bce1ee;--ring:#4aa1b0;--brand-bg:#076382}
:root[data-theme=arcade]{color-scheme:dark;--ink:#f3f0fb;--muted:#beb9d3;--line:#413b56;--page:#171726;--card:#242338;--lime:#c9ff70;--green:#c9ff70;--red:#ffa3bf;--navy:#30224b;--soft:#33314b;--soft-text:#d8d0ee;--hero-muted:#d0c2e3;--danger-bg:#49263b;--ring:#c9ff70;--brand-bg:#4b326a;--hero-text:#fff}
.sidebar,.icon-button,.month-control,.secondary,.budget-card,.summary-box,.bill-card,.filter.active,.wide-empty,.modal-head,.form-field input,.form-field select{background:var(--card)}
.topbar{background:var(--page)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--ring)}
.form-field input,.form-field select{border-color:var(--line)}
.form-field input:focus,.form-field select:focus{outline-color:var(--ring)}
.nav-item.active,.icon-button:hover,.rollover-note,.rollover-chip,.filters,.tag{background:var(--soft)}
.nav-item:hover{background:var(--page)}
.rollover-note{color:var(--soft-text)}
.rollover-chip,.tag{color:var(--green)}
.primary,.hero,.toast{color:var(--hero-text)}
.primary:hover{background:var(--navy);filter:brightness(1.12)}
:root[data-theme=cosmic] .primary:not(.hero-action),:root[data-theme=arcade] .primary:not(.hero-action){background:var(--lime);color:var(--navy)}
.hero{background:radial-gradient(ellipse at 94% 8%,color-mix(in srgb,var(--lime) 14%,transparent),transparent 58%),var(--navy)}
.hero-eyebrow,.hero-sub,.hero-stats span,.hero-number small{color:var(--hero-muted)}
.hero-action{color:var(--navy);background:var(--lime)}
.hero-action:hover{background:var(--lime);filter:brightness(1.05)}
.danger,.form-error{background:var(--danger-bg)}
dialog{background:var(--card)}
.brand-mark{background:var(--brand-bg);padding:0;letter-spacing:normal;color:#fff;box-shadow:0 4px 12px #00000015}
.brand-mark svg{width:32px;height:32px;stroke-width:1.8}
.brand-mark .brand-spark{fill:var(--lime);stroke:var(--lime);stroke-width:.4}
.mobile-brand .brand-mark svg{width:28px;height:28px}
.topbar-actions{display:flex;align-items:center;gap:10px}
.theme-shortcut{display:inline-flex;align-items:center;gap:7px;background:var(--soft);color:var(--green);border:1px solid var(--line);border-radius:20px;min-height:40px;padding:8px 14px;font-size:.85rem;font-weight:650}
.theme-shortcut>span{font-size:1.15rem;line-height:1}
.theme-emoji{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:21px;line-height:1}
.category-icon .theme-emoji,.empty-symbol .theme-emoji{width:28px;height:28px;font-size:25px}
.theme-section{scroll-margin-top:20px}
.theme-intro{color:var(--muted);font-size:.85rem;line-height:1.5;margin-top:6px}
.current-theme-symbol{display:grid;place-items:center;min-width:48px;height:48px;border-radius:15px;background:var(--soft);font-size:1.65rem;color:var(--green)}
.theme-group-label{font-size:.82rem;color:var(--muted);font-weight:600;letter-spacing:.02em;margin:22px 0 12px}
.theme-group-label:first-child{margin-top:4px}
.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.theme-choice{text-align:left;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:8px;min-width:0;transition:border-color .15s}
.theme-choice:hover{border-color:var(--ring)}
.theme-choice.selected{border:2px solid var(--ring);padding:7px;box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 10%,transparent)}
.theme-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-radius:9px;background:var(--preview-bg);position:relative;min-height:74px}
.theme-preview-symbol{font-size:1.8rem;color:var(--preview-accent)}
.theme-preview-lines{display:flex;flex-direction:column;gap:8px;width:44%}
.theme-preview-lines i{height:7px;background:var(--preview-accent);border-radius:4px}
.theme-preview-lines i:last-child{width:67%;background:var(--preview-secondary)}
.theme-selected-check{position:absolute;right:7px;bottom:7px;display:none;place-items:center;background:var(--preview-accent);color:var(--preview-bg);border-radius:50%;width:19px;height:19px}
.theme-selected-check svg{width:13px;height:13px;stroke-width:3}
.theme-choice.selected .theme-selected-check{display:grid}
.theme-choice-name{display:block;font-size:.9rem;font-weight:700;margin:12px 7px 4px}
.theme-choice-description{display:block;font-size:.79rem;line-height:1.5;color:var(--muted);margin:0 7px 9px}
.theme-footnote{font-size:.81rem;color:var(--muted);line-height:1.6;margin-top:20px}
.demo-banner{background:var(--soft)!important;color:var(--ink)!important;border-bottom:1px solid var(--line)}
@media(max-width:800px){.bottom-nav{background:var(--card)}.bottom-nav .nav-item.active svg,.bottom-nav .nav-item.active .theme-emoji{background:var(--soft);box-sizing:content-box;border-radius:9px;padding:5px;margin:-5px}.theme-shortcut{padding:8px 11px;font-size:.8rem}.topbar-actions{gap:7px}.topbar .icon-button{border:0}.theme-choice-description{font-size:.79rem}.theme-preview{min-height:68px;padding:14px 12px}.theme-preview-symbol{font-size:1.65rem}}
@media(max-width:350px){.theme-grid{grid-template-columns:1fr}.theme-shortcut{padding:8px 10px}.mobile-brand{gap:7px;font-size:1rem}.topbar-actions{gap:3px}}
@media(prefers-reduced-motion:reduce){.theme-choice{transition:none}}

:root[data-theme=forest]{--ink:#293e34;--muted:#6e7d6d;--line:#dbe5d8;--page:#f3f7ed;--card:#fffffa;--lime:#ecd5a0;--green:#41714f;--navy:#23483f;--soft:#e4eee2;--soft-text:#526d50;--hero-muted:#c5dcc8;--ring:#648765;--brand-bg:#23483f}
:root[data-theme=blossom]{--ink:#513347;--muted:#8b6e82;--line:#efdfeb;--page:#fcf5fa;--card:#fffcfe;--lime:#fbd2de;--green:#9a4977;--navy:#713751;--soft:#f6eaf0;--soft-text:#875c76;--hero-muted:#f1d5e2;--ring:#b8749c;--brand-bg:#713751}
:root[data-theme=sunset]{--ink:#583828;--muted:#907763;--line:#f0e1d4;--page:#fff8f1;--card:#fffdfa;--lime:#ffd3a1;--green:#a35b39;--navy:#80402b;--soft:#ffebdb;--soft-text:#925d43;--hero-muted:#f4d6c1;--ring:#bd7951;--brand-bg:#80402b}
:root[data-theme=cafe]{--ink:#493a30;--muted:#8c7c6b;--line:#e6ddd1;--page:#f7f3ed;--card:#fffdf8;--lime:#edd2b0;--green:#805d45;--navy:#513b32;--soft:#f1e8dc;--soft-text:#78634e;--hero-muted:#e2d1bd;--ring:#a38364;--brand-bg:#513b32}
:root[data-theme=lofi]{color-scheme:dark;--ink:#f0ecf9;--muted:#b5adc8;--line:#414055;--page:#1b1b2b;--card:#282839;--lime:#d3bbf7;--green:#d3bbf7;--red:#ffb0b9;--navy:#25263f;--soft:#37364f;--soft-text:#d8c8e7;--hero-muted:#c3bad9;--danger-bg:#472f3e;--ring:#d3bbf7;--brand-bg:#444060}
:root[data-theme=neon]{color-scheme:dark;--ink:#f8edff;--muted:#c9b4da;--line:#4e3b66;--page:#1d152e;--card:#2d203f;--lime:#f8b6e1;--green:#7ce9e1;--red:#ffacb6;--navy:#281d48;--soft:#442951;--soft-text:#ecd0f6;--hero-muted:#e7bede;--danger-bg:#522a45;--ring:#7ce9e1;--brand-bg:#58305e}
:root[data-theme=dragon]{color-scheme:dark;--ink:#eff5e9;--muted:#b0c6b9;--line:#38564e;--page:#132623;--card:#1f3630;--lime:#f0d991;--green:#f0d991;--red:#ffb4a2;--navy:#173b38;--soft:#314b3f;--soft-text:#d8dfba;--hero-muted:#c6d9bf;--danger-bg:#4a302a;--ring:#f0d991;--brand-bg:#416762}
:root[data-mode=dark] .primary{background:var(--lime);color:var(--navy)}