/* 2026-10-16: two distinct visual worlds, sharing the same ledger and controls. */
:root[data-theme=glass]{
  --text-main:#f4f7f6;--text-secondary:#cedbe0;--surface-main:rgba(34,57,73,.82);--surface-soft:rgba(207,227,232,.16);--accent-main:#c5e7e4;
  --ink:#f4f7f6;--muted:#cedbe0;--paper:rgba(34,57,73,.82);--cyan:#b8dce0;--green:#a8ced0;--lime:#c5e7e4;--yellow:#f2d6c6;--peach:#e8bea9;--line:rgba(233,244,246,.26);--teal:#c5e7e4;
  --alloc-0:#c8e5e1;--alloc-1:#e9c7b3;--alloc-2:#a3cad0;--alloc-3:#d6d9d2;--alloc-4:#f0dcae;
  --donut-0:#c8e5e1;--donut-1:#e9c7b3;--donut-2:#a3cad0;--donut-3:#d6d9d2;--donut-4:#f0dcae;--donut-5:#a7b9c8;--donut-6:#f3cbbd;--donut-7:#dae6e2;
  background:#233c4d;color:#f4f7f6;color-scheme:dark;
}
[data-theme=glass] .app-shell{
  background:linear-gradient(to bottom,rgba(226,236,239,.16) 0,rgba(224,233,235,.02) 290px,rgba(35,58,74,.28) 440px,#2b4557 760px,#253e50 920px),url('assets/mist-mountains.jpg') center top / 100% auto no-repeat,#253e50!important;
  box-shadow:0 28px 90px #1527357a;backdrop-filter:none;color:var(--text-main);border:0;
}
[data-theme=glass] .app-shell:before{display:none}
[data-theme=glass] .brand-header,[data-theme=glass] .header{border-color:rgba(37,60,74,.18)}
[data-theme=glass] .brand-header>strong,[data-theme=glass] .brand-header>strong span,[data-theme=glass] .header h1,[data-theme=glass] .header .back,[data-theme=glass] .edition-line,[data-theme=glass] .edition-line a{color:#253b49!important;text-shadow:none}
[data-theme=glass] .brand-header>strong{font-size:21px;letter-spacing:-.03em}
[data-theme=glass] .brand-header .icon-button,[data-theme=glass] .header .icon-button{background:rgba(245,250,250,.64)!important;color:#263f4e!important;border:1px solid rgba(255,255,255,.65);backdrop-filter:blur(12px)}
[data-theme=glass] .page-home.view-summary>.segments{background:rgba(248,252,251,.45)!important;border-color:rgba(255,255,255,.4)}
[data-theme=glass] .page-home.view-summary>.segments button{color:#2b4453}
[data-theme=glass] .page-home.view-summary>.segments button.active{background:rgba(255,255,255,.86)!important;color:#263e4d!important;box-shadow:0 4px 14px #344c5a1b}
[data-theme=glass] :is(.page-future,.page-plans,.page-monthly,.page-work)>.segments{background:rgba(244,250,250,.75)!important;border-color:rgba(255,255,255,.55)}
[data-theme=glass] :is(.page-future,.page-plans,.page-monthly,.page-work)>.segments button{color:#2d4655}
[data-theme=glass] :is(.page-future,.page-plans,.page-monthly,.page-work)>.segments button.active{background:rgba(255,255,255,.94)!important;color:#253e4d!important}
[data-theme=glass] .receipt-intro{display:flex;flex-direction:column;justify-content:flex-end;min-height:330px;margin:0 -20px 0;padding:170px 22px 24px;border:0;border-radius:0;background:linear-gradient(to bottom,transparent 5%,rgba(31,54,70,.09) 25%,rgba(32,53,68,.68) 78%,rgba(32,53,68,.84))!important;box-shadow:none;backdrop-filter:none}
[data-theme=glass] .receipt-intro:after{display:none}
[data-theme=glass] .receipt-intro h1{font-size:34px;font-weight:580;line-height:1.3;letter-spacing:-.035em;color:#fff!important;text-shadow:0 2px 15px #18344755}
[data-theme=glass] .receipt-intro .row>small{color:#e3edf0}
[data-theme=glass] .return-summary{padding:17px 0 0;border-top:1px solid rgba(255,255,255,.48);color:#fff}
[data-theme=glass] .return-summary small{color:#e3edf0}
[data-theme=glass] .receipt-intro .return-rate{font-size:31px;font-weight:620;color:#fff!important;text-shadow:none}
[data-theme=glass] .hours-seal{height:74px;width:74px;background:rgba(239,248,248,.19)!important;color:#fff!important;border:1px solid rgba(255,255,255,.58);box-shadow:none;backdrop-filter:blur(14px)}
[data-theme=glass] :is(.card,.list,.receipt-ledger,.receipt-assets,.cash-comparison,.open-chart,.saving-overview,.asset-statement,.work-summary,.estimate-lead,.income-source,.visual-section,.income-rollup,.budget-statement,.calendar-panel,.project-dossier,.retirement-story,.trial-result,.goal-ledger-board,.chart-readout,.month-selector,.goal-add){background:rgba(31,53,69,.64)!important;border:1px solid rgba(230,242,245,.22);border-radius:16px;box-shadow:0 12px 30px #172d3d23;backdrop-filter:blur(18px);color:#f4f7f6}
[data-theme=glass] .receipt-ledger{background:transparent!important;border:0!important;border-top:1px solid rgba(229,241,244,.48)!important;border-bottom:1px solid rgba(229,241,244,.48)!important;border-radius:0!important;padding:0!important;box-shadow:none;backdrop-filter:none}
[data-theme=glass] .receipt-ledger>button{border-color:rgba(229,241,244,.24)}
[data-theme=glass] .receipt-assets{background:rgba(196,219,223,.16)!important}
[data-theme=glass] .cash-comparison{background:rgba(238,248,248,.11)!important}
[data-theme=glass] .comparison-plot .kept{background:#c8e5e1}[data-theme=glass] .comparison-plot .spent{background:#e9bfa9}
[data-theme=glass] .unified-tools .tool-card{background:rgba(47,72,88,.72)!important;border:1px solid rgba(236,246,248,.27)!important;border-radius:16px!important;box-shadow:0 10px 22px #172d3d26!important}
[data-theme=glass] .unified-tools .tool-icon{background:rgba(250,253,253,.93)!important;border:0;border-radius:13px;color:#284153}
[data-theme=glass] .bottom-nav{background:rgba(32,53,68,.83)!important;border:1px solid rgba(236,246,248,.28);border-radius:99px;box-shadow:0 12px 32px #13293a67;backdrop-filter:blur(22px)}
[data-theme=glass] .bottom-nav button{color:#e5eff0}[data-theme=glass] .bottom-nav button.active{background:rgba(227,242,243,.18)!important;color:#fff!important;border-radius:99px}[data-theme=glass] .bottom-nav button.active:after{display:none}
[data-theme=glass] .primary,[data-theme=glass] .toggle.on{background:#c9e5e2!important;color:#253f4e!important;border-radius:12px}
[data-theme=glass] .secondary,[data-theme=glass] .pill{background:rgba(210,229,233,.16)!important;color:#f3f7f7;border:1px solid rgba(237,248,249,.27);border-radius:12px}
[data-theme=glass] .segments{background:rgba(234,245,246,.12)!important;border:1px solid rgba(236,247,248,.24);border-radius:12px}
[data-theme=glass] .segments button{color:#d8e5e7;background:transparent!important;border-radius:9px}
[data-theme=glass] .segments button.active{background:#d6eae8!important;color:#294456!important;box-shadow:none}
[data-theme=glass] dialog{background:#274255!important;color:#f6f8f7;border:1px solid rgba(234,244,246,.25);box-shadow:0 24px 70px #11273788;backdrop-filter:none}
[data-theme=glass] :is(.field input,.field select,.field textarea,input:not([type=checkbox]):not([type=radio]),select,textarea){background:#355266;color:#fff;border-color:#7194a0}
[data-theme=glass] option{background:#29485a;color:#fff}
[data-theme=glass] :is(.text-button,a,.positive){color:#cdeae5}[data-theme=glass] .negative{color:#ffd2c2}
[data-theme=glass] :is(.notice,.empty,.status-badge){background:#35566a;color:#f4f8f7;border-color:#7995a0}
[data-theme=glass] .flow-label-back{fill:#2b4557}[data-theme=glass] .horizontal-flow .flow-column-toggle rect{fill:#315368;stroke:#9bb9bd}
[data-theme=glass] .chart [fill="#f0cbd4"]{fill:#b8d9dc;opacity:.2}[data-theme=glass] .chart [stroke="#b13d55"]{stroke:#c3e5e0}[data-theme=glass] .chart [fill="#b13d55"]{fill:#e6c2aa}[data-theme=glass] .chart [stroke="#e0e6dd"]{stroke:#76909b}[data-theme=glass] .ring [stroke="#b13d55"]{stroke:#c3e5e0}[data-theme=glass] .ring [stroke="#fff"]{stroke:#607d89}
[data-theme=glass] .theme-option.selected{background:#35576a}
[data-theme=glass] .goal-meter i.is-filled{background:#c9e5e2;border-color:#c9e5e2;box-shadow:none}
[data-theme=glass] .goal-expected-marker{background:#f4d2b7;box-shadow:0 0 0 2px #2b4557}
[data-theme=glass] button:focus-visible,[data-theme=glass] a:focus-visible{outline:2px solid #e5d9b9;outline-offset:2px}
[data-theme=glass] ::selection{background:#d4ecea;color:#234051}

:root[data-theme=terracotta]{
  --text-main:#30364a;--text-secondary:#626879;--surface-main:#fffdf8;--surface-soft:#f4eee5;--accent-main:#d95f43;
  --ink:#30364a;--muted:#626879;--paper:#fffdf8;--cyan:#dfe9ff;--green:#d7efdf;--lime:#d95f43;--yellow:#ffda86;--peach:#ffd7c6;--line:#e7ded4;--teal:#4d72cf;
  --alloc-0:#ed7852;--alloc-1:#4c72d8;--alloc-2:#ecc467;--alloc-3:#6eb4a5;--alloc-4:#a27ac8;
  --donut-0:#ed7852;--donut-1:#4c72d8;--donut-2:#ecc467;--donut-3:#6eb4a5;--donut-4:#a27ac8;--donut-5:#e9a19b;--donut-6:#6985b2;--donut-7:#bcb49f;
  background:#e8dfd3;color:#30364a;color-scheme:light;
}
[data-theme=terracotta] .app-shell,[data-theme=terracotta] dialog{background:#fffaf2!important;color:#30364a;border:0;box-shadow:0 20px 62px #493d2d2b}
[data-theme=terracotta] .app-shell{background:radial-gradient(circle at 100% 0,rgba(255,219,185,.67),transparent 340px),#fffaf2!important}
[data-theme=terracotta] .brand-header{border:0;padding-bottom:0}
[data-theme=terracotta] .brand-header>strong{font-size:22px;font-weight:760;letter-spacing:-.03em}
[data-theme=terracotta] .brand-header>strong span{font-size:13px;color:#d95f43}
[data-theme=terracotta] .header h1{font-size:29px;border:0;padding-bottom:0;font-weight:760}
[data-theme=terracotta] .receipt-intro{background:#ffe0bd!important;color:#30364a;border:0;border-radius:24px 24px 24px 8px;padding:24px 20px;box-shadow:0 11px 23px #c76d4630}
[data-theme=terracotta] .receipt-intro:after{content:"";position:absolute;top:15px;right:15px;width:60px;height:60px;border:0;border-radius:50%;background:#ffd280;opacity:.66;transform:none}
[data-theme=terracotta] .receipt-intro h1,[data-theme=terracotta] .receipt-intro .return-rate,[data-theme=terracotta] .receipt-intro small{color:#30364a;font-weight:710}
[data-theme=terracotta] .receipt-intro h1{position:relative;z-index:1;font-size:32px;line-height:1.25}
[data-theme=terracotta] .return-summary{border-color:#daa889}
[data-theme=terracotta] .hours-seal{background:#fff8e6!important;color:#30364a!important;border:2px solid #fff;transform:rotate(-6deg);box-shadow:0 7px 18px #d48b5840}
[data-theme=terracotta] :is(.card,.list,.cash-comparison,.open-chart,.saving-overview,.asset-statement,.work-summary,.estimate-lead,.income-source,.visual-section,.income-rollup,.budget-statement,.calendar-panel,.project-dossier,.retirement-story,.trial-result,.goal-ledger-board,.chart-readout,.month-selector){background:#fffdf8!important;color:#30364a;border:0;border-radius:18px;box-shadow:0 6px 24px #54443312}
[data-theme=terracotta] .receipt-ledger{background:transparent!important;border:0!important;border-top:1px solid #d6c9ba!important;border-bottom:1px solid #d6c9ba!important;border-radius:0!important;padding:2px 0!important;box-shadow:none}
[data-theme=terracotta] .receipt-ledger>button{border-color:#e1d4c5}
[data-theme=terracotta] .receipt-assets{background:#e5edff!important;border:0;border-radius:17px}
[data-theme=terracotta] .cash-comparison{background:#fcefe1!important}
[data-theme=terracotta] .kept{background:#5477cf}[data-theme=terracotta] .spent{background:#ed805b}
[data-theme=terracotta] .primary,[data-theme=terracotta] .toggle.on{background:#db6448!important;color:#fff;border-radius:12px}
[data-theme=terracotta] .secondary,[data-theme=terracotta] .pill,[data-theme=terracotta] .header .icon-button{background:#f3e9db!important;color:#30364a;border:0;border-radius:12px}
[data-theme=terracotta] .segments{background:#f5ecdf!important;border:0;border-radius:13px;padding:4px}
[data-theme=terracotta] .segments button{background:transparent!important;border-radius:10px;color:#5f6575}
[data-theme=terracotta] .segments button.active{background:#fffdf8!important;color:#30364a!important;box-shadow:0 3px 9px #a98d6d22}
[data-theme=terracotta] .bottom-nav{background:#fffdf8!important;border:1px solid #e9ded0;border-radius:99px;box-shadow:0 11px 28px #5b4c3c2b}
[data-theme=terracotta] .bottom-nav button{color:#5f6575}[data-theme=terracotta] .bottom-nav button.active{background:#ffe3b9!important;color:#273950!important;border-radius:99px}[data-theme=terracotta] .bottom-nav button.active:after{display:none}
[data-theme=terracotta] :is(.field input,.field select,.field textarea){background:#fffdf8;border-color:#d6c8b7;border-radius:10px;color:#30364a}
[data-theme=terracotta] :is(.text-button,a){color:#be4935}
[data-theme=terracotta] :is(.notice,.empty,.status-badge){background:#fff1dc;color:#30364a;border:0;border-radius:14px}
[data-theme=terracotta] .unified-tools .tool-card{background:#fffdf8!important;border:0!important;border-radius:18px!important;box-shadow:0 7px 20px #5b4a3918!important}
[data-theme=terracotta] .unified-tools .tool-card:nth-child(4n+2){background:#e7edff!important}
[data-theme=terracotta] .unified-tools .tool-card:nth-child(4n+3){background:#fff0dc!important}
[data-theme=terracotta] .unified-tools .tool-card:nth-child(4n){background:#e4f1e7!important}
[data-theme=terracotta] .unified-tools .tool-icon{background:#fff!important;color:#30364a!important;border-radius:13px;border:0;transform:none;box-shadow:0 3px 10px #51483e14}
[data-theme=terracotta] .goal-ledger-board{background:#fffdf8!important;border:0;border-radius:18px;padding:0 15px;box-shadow:0 6px 24px #54443312}
[data-theme=terracotta] .goal-ledger{border-color:#e7ded4}
[data-theme=terracotta] .goal-meter i{border-radius:5px;background:#f3eadd;border-color:#eadccc}
[data-theme=terracotta] .goal-meter i.is-filled{background:#df7658;border-color:#df7658}
[data-theme=terracotta] .goal-expected-marker{background:#4b72d3;box-shadow:0 0 0 2px #fffdf8}
[data-theme=terracotta] .restored-capsules .capsule-track,[data-theme=terracotta] .restored-capsules .capsule-fill{border-radius:30px}
[data-theme=terracotta] .calendar-panel .calendar-day{border-radius:12px}
[data-theme=terracotta] .flow-label-back{fill:#fffaf2}
[data-theme=terracotta] .chart [fill="#f0cbd4"]{fill:#e7eeff;opacity:.75}[data-theme=terracotta] .chart [stroke="#b13d55"]{stroke:#4d72d0}[data-theme=terracotta] .chart [fill="#b13d55"]{fill:#e57754}[data-theme=terracotta] .chart [stroke="#e0e6dd"]{stroke:#e5d9ca}[data-theme=terracotta] .ring [stroke="#b13d55"]{stroke:#df7856}
[data-theme=terracotta] .horizontal-flow .flow-node-name,[data-theme=terracotta] .horizontal-flow .flow-node-amount,[data-theme=terracotta] .horizontal-flow .flow-column-label{fill:#30364a}
[data-theme=terracotta] .theme-option.selected{background:#fff0d9}
[data-theme=terracotta] button:focus-visible,[data-theme=terracotta] a:focus-visible{outline:2px solid #d95f43;outline-offset:2px}
[data-theme=terracotta] ::selection{background:#ffe0bb;color:#30364a}

.theme-swatch.glass{background:linear-gradient(to bottom,#f6dfcf 0%,#b8d1d7 46%,#294456 100%)!important;border-left-color:#b3cbd1!important;border-radius:9px}
.theme-swatch.terracotta{background:linear-gradient(120deg,#ffe3c2 0 48%,#ed805b 49% 69%,#5576d0 70%)!important;border-left-color:#f5c982!important;border-radius:9px}
[data-theme=glass] .illustrated-icon,[data-theme=terracotta] .illustrated-icon{width:28px;height:28px;display:block;flex:none}
[data-theme=glass] .bottom-nav .illustrated-icon,[data-theme=terracotta] .bottom-nav .illustrated-icon{width:25px;height:25px}
[data-theme=glass] .bottom-nav .illustrated-icon{filter:saturate(.70) brightness(1.13)}
[data-theme=glass] .bottom-nav button.active .illustrated-icon{filter:saturate(1.05) brightness(1.2)}
[data-theme=glass] .unified-tools .illustrated-icon,[data-theme=terracotta] .unified-tools .illustrated-icon{width:31px;height:31px}
[data-theme=glass] .account-types,[data-theme=terracotta] .account-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
[data-theme=glass] .account-choice,[data-theme=terracotta] .account-choice{background:transparent;min-height:100px;padding:9px 3px;gap:7px;border:0;border-radius:12px;font-size:12px;color:var(--text-main)}
[data-theme=glass] .account-choice:hover{background:#35576a}[data-theme=terracotta] .account-choice:hover{background:#f5ecdd}
[data-theme=glass] .account-symbol,[data-theme=terracotta] .account-symbol{width:64px;height:64px;border-radius:50%;background:#fff;box-shadow:0 4px 15px #23384a20;color:#30364a;font-size:0}
[data-theme=glass] .account-symbol .illustrated-icon,[data-theme=terracotta] .account-symbol .illustrated-icon{width:48px;height:48px}
[data-theme=glass] .account-choice:focus-visible,[data-theme=terracotta] .account-choice:focus-visible{outline:2px solid var(--accent-main);outline-offset:2px}
@media(max-width:350px){[data-theme=glass] .receipt-intro{margin-inline:-16px;padding-inline:17px;min-height:315px}[data-theme=glass] .receipt-intro h1,[data-theme=terracotta] .receipt-intro h1{font-size:27px}[data-theme=glass] .hours-seal{width:66px;height:66px}[data-theme=terracotta] .account-symbol,[data-theme=glass] .account-symbol{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){[data-theme=glass] *,[data-theme=terracotta] *{transition-duration:.01ms!important;animation-duration:.01ms!important}}
