/* Food spending, using the existing GOODNUFF daytime language and original wordmark. */
.money-surface{background:#FFF5E6;color:#20201E;font-family:Arial,Helvetica,sans-serif;--dock-height:70px}
.money-surface header{background:#FFF5E6;max-width:1120px;margin:auto;height:88px;padding:22px 28px;border:0}
.money-surface header .logo{width:150px;filter:none;mix-blend-mode:multiply}
.money-surface .logo.gaze-ready{filter:url(#sleep-orange-ink);mix-blend-mode:normal}
.money-surface .brand-descriptor{display:none!important}
.money-surface .profile,.money-surface .daily-add{background:transparent;border:1px solid #20201E;color:#20201E}
.money-surface main{max-width:1120px;padding:12px 28px calc(var(--dock-height) + 40px)}
.money-surface .bottom-meta,.money-surface .bottom-meta button{color:#20201E}
.money-home,.money-sheet{color:#20201E;overflow-wrap:anywhere}
.money-home svg,.money-sheet svg{flex:0 0 21px;width:21px;height:21px}
.money-home button,.money-sheet button{font-family:Arial,Helvetica,sans-serif;min-height:44px;color:#20201E;line-height:1.35;cursor:pointer;touch-action:manipulation}
.money-home button:disabled,.money-sheet button:disabled{cursor:default;opacity:.4}
.money-home button:focus-visible,.money-sheet button:focus-visible,.money-home summary:focus-visible,.money-sheet summary:focus-visible{outline:3px solid #20201E;outline-offset:4px}
.money-heading{padding:24px 0 27px}
.money-eyebrow{font-size:12px;font-weight:800;line-height:1.45;letter-spacing:.06em;text-transform:uppercase}
.money-heading h1{font-family:'Goodnuff Display',Arial,Helvetica,sans-serif;font-size:clamp(45px,6.6vw,73px);font-weight:900;line-height:.96;letter-spacing:-.05em;margin:17px 0}
.money-heading h1 span{color:#FF5C28}
.money-heading>p{font-size:19px;line-height:1.45;margin:0}
.money-week-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 0 22px}
.money-week-row h2{font-family:'Goodnuff Display',Arial,sans-serif;font-size:26px;font-weight:900;letter-spacing:-.035em;line-height:1.1;margin:0 0 7px}
.money-week-row p{font-size:14px;line-height:1.4;margin:0}
.money-week-nav{display:flex;position:static;inset:auto;height:auto;padding:0;align-items:center;justify-content:flex-start;gap:6px;flex-shrink:0;background:transparent;backdrop-filter:none;border:0;z-index:auto}
.money-week-nav button{display:flex;flex-direction:row;align-items:center;justify-content:center;min-width:44px;border:1px solid #20201E;border-radius:12px;background:transparent;padding:10px;font-size:13px}
.money-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start}
.money-summary,.money-budget{border:2px solid #20201E;border-radius:22px;padding:26px;min-width:0}
.money-spent{font-family:'Goodnuff Display',Arial,sans-serif;font-weight:900;font-size:clamp(42px,5.2vw,65px);letter-spacing:-.055em;line-height:1.05;margin:17px 0 9px;overflow-wrap:anywhere}
.money-summary>p{font-size:15px;line-height:1.5;margin:0 0 23px}
.money-categories{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.money-categories button{display:flex;flex-direction:column;align-items:flex-start;min-height:139px;padding:15px;border:1px solid #20201E;border-radius:15px;background:transparent;text-align:left}
.money-categories button>span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}
.money-categories button>b{font-size:24px;line-height:1.25;font-weight:800;letter-spacing:-.04em;margin:14px 0 10px;overflow-wrap:anywhere;max-width:100%}
.money-categories button>small{display:flex;align-items:center;justify-content:space-between;gap:10px;align-self:stretch;font-size:14px;margin-top:auto}
.money-summary>.money-small{margin:17px 0 0}
.money-small{font-size:13px!important;line-height:1.5!important;margin:12px 0 0}
.money-budget h2{font-family:'Goodnuff Display',Arial,sans-serif;font-size:34px;line-height:1.08;letter-spacing:-.04em;margin:19px 0 12px}
.money-budget>p{font-size:16px;line-height:1.5}
.money-budget-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:-8px}
.money-budget-top+.money-budget h2{margin-top:10px}
.money-budget-state{margin:0 0 23px}
.money-budget-bar{height:12px;border:1px solid #20201E;border-radius:8px;overflow:hidden;background:#FFF5E6;margin:24px 0 16px}
.money-budget-bar>span{display:block;height:100%;background:#FF5C28;border-radius:6px}
.money-budget-total{display:flex;justify-content:space-between;gap:16px;font-size:14px;line-height:1.45}
.money-budget-total>b{white-space:nowrap}
.money-primary,.money-secondary{display:flex;align-items:center;justify-content:space-between;gap:14px;border:2px solid #20201E;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:800;background:#FF5C28;min-height:52px!important;text-align:left;color:var(--paper)}
.money-secondary{background:transparent;color:var(--ink);font-size:15px}
.money-budget>.money-secondary{margin-top:25px;width:100%}
.money-full{width:100%}
.money-text{display:flex;align-items:center;gap:8px;background:transparent;border:0;border-radius:8px;padding:9px 0;font-size:14px;font-weight:700;text-align:left;text-decoration:underline;text-underline-offset:4px}
.money-ledger{margin:31px 0 0}
.money-section-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 9px}
.money-section-top h2{font-family:'Goodnuff Display',Arial,sans-serif;font-size:29px;line-height:1.1;letter-spacing:-.035em;margin:0}
.money-ledger>ul{list-style:none;margin:0;padding:0}
.money-entry{display:flex;align-items:center;gap:8px;border-top:1px solid #20201E;padding:5px 0}
.money-entry-main{display:flex;align-items:center;gap:18px;flex:1;min-width:0;padding:14px 0;background:transparent;border:0;border-radius:0;text-align:left}
.money-entry-main>span{flex:1;min-width:0}
.money-entry-main b{display:block;font-size:18px;line-height:1.35;overflow-wrap:anywhere}
.money-entry-main small{display:block;font-size:13px;font-weight:400;line-height:1.4;margin-top:5px}
.money-entry-main strong{font-size:21px;font-weight:800;letter-spacing:-.035em;white-space:nowrap}
.money-entry-main>svg{width:18px;height:18px;flex-basis:18px}
.money-delete{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;background:transparent;border:0;border-radius:9px;padding:11px}
.money-empty{padding:22px 0;border-top:1px solid #20201E}
.money-empty p{font-size:16px;line-height:1.5;margin:0}
.money-empty>.money-small{margin-top:8px}
.money-undo{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #20201E;border-radius:12px;background:#FF5C28;margin:15px 0;padding:8px 14px;font-size:15px;color:var(--paper)}
.money-undo button{display:flex;align-items:center;gap:8px;background:transparent;color:inherit;border:0;font-size:15px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.money-about{border-top:1px solid #20201E;margin-top:26px;padding-top:8px}
.money-about summary,.money-extra summary{min-height:44px;font-size:14px;line-height:1.4;font-weight:700;cursor:pointer;padding:12px 0}
.money-about p{font-size:14px;line-height:1.6;margin:10px 0 16px;max-width:76ch}
.money-error{border:2px solid #20201E;border-radius:18px;padding:25px}
.money-error h2{font-size:28px;letter-spacing:-.04em;margin:0 0 12px}
.money-error p{font-size:16px;line-height:1.5;margin:0}
.money-sheet{padding:13px 0 8px;font-family:Arial,Helvetica,sans-serif}
.money-sheet h2{font-family:'Goodnuff Display',Arial,sans-serif;font-weight:900;font-size:clamp(32px,5vw,43px);line-height:1.06;letter-spacing:-.045em;margin:15px 0 23px}
.money-sheet p{font-size:15px;line-height:1.5}
.money-category-choices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:25px}
.money-category-choices button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #20201E;border-radius:13px;padding:13px 8px;background:transparent;font-size:16px;font-weight:700;white-space:nowrap}
.money-category-choices button[aria-pressed="true"]{background:#20201E;color:#FFF5E6}
.money-sheet .money-amount-label{font-size:15px;line-height:1.4;margin:0 0 10px;display:block;font-weight:700}
.money-amount-field{display:flex;align-items:center;border:2px solid #20201E;border-radius:14px;background:#FFF5E6;padding:6px 15px;min-height:74px}
.money-amount-field>span{font-size:33px;line-height:1;font-weight:800;padding-right:8px}
.money-amount-field>input{border:0!important;box-shadow:none!important;background:transparent!important;color:#20201E!important;min-width:0;width:100%;font-size:36px;font-weight:800;line-height:1.2;padding:7px 0;border-radius:4px;outline:none}
.money-amount-field:focus-within{outline:3px solid #20201E;outline-offset:3px}
.money-sheet .money-entry-date{font-size:13px;line-height:1.45;margin:12px 0 18px}
.money-extra{border-top:1px solid #20201E;border-bottom:1px solid #20201E;margin:17px 0 16px;padding:3px 0}
.money-extra label{font-size:15px;line-height:1.4;display:block;margin:13px 0 8px}
.money-extra input{font-size:17px;max-width:100%;background:#FFF5E6;color:#20201E}
.money-extra input:last-child{margin-bottom:16px}
.money-form-error{font-size:14px!important;line-height:1.4;min-height:0;margin:10px 0}
.money-form-error:empty{display:none}
.money-delete-text{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;background:transparent;font-size:14px;padding:13px 0;margin-top:10px;text-decoration:underline;text-underline-offset:3px}
body.sleep-surface #modal:has(.money-sheet){background:#FFF5E6;color:#20201E;border-color:#20201E}
body.sleep-surface #modal:has(.money-sheet) .modal-top,body.sleep-surface #modal:has(.money-sheet) .modal-top button,body.sleep-surface #modal .money-sheet h2,body.sleep-surface #modal .money-sheet label{color:#20201E;border-color:#20201E}
body.sleep-surface #modal .money-sheet input:not([type=range]):not([type=checkbox]){background:#FFF5E6;color:#20201E;border-color:#20201E;color-scheme:light}
body.sleep-surface #modal .money-sheet button:focus-visible{outline-color:#20201E}
@media(max-width:780px){.money-surface header{height:82px;padding:19px 20px}body.money-surface header .brand .logo{width:126px}.money-surface main{padding:7px 20px calc(var(--dock-height) + 35px)}.money-heading{padding:23px 0 25px}.money-heading h1{font-size:55px}.money-layout{grid-template-columns:minmax(0,1fr);gap:19px}.money-summary,.money-budget{padding:24px}.money-spent{font-size:56px}.money-budget h2{font-size:35px}.money-week-row{align-items:flex-start;gap:12px}.money-week-row h2{font-size:24px}.money-week-row p{font-size:12px;max-width:165px}.money-week-nav{gap:4px}.money-week-nav button{padding:8px;font-size:12px}.money-categories button>b{font-size:25px}.money-ledger{margin-top:26px}.money-entry-main{gap:10px}.money-entry-main strong{font-size:20px}.money-entry-main b{font-size:17px}.money-entry-main>svg{display:none}}
@media(max-width:400px){.money-surface header{padding-inline:16px}.money-surface main{padding-inline:16px}body.money-surface header .brand .logo{width:114px}.money-heading h1{font-size:48px}.money-heading>p{font-size:17px}.money-week-row{flex-wrap:wrap;gap:12px}.money-week-row p{max-width:none}.money-summary,.money-budget{padding:20px}.money-spent{font-size:48px}.money-categories{gap:9px}.money-categories button{padding:12px}.money-categories button>b{font-size:22px}.money-categories button>span{gap:6px;font-size:13px}.money-categories button>span>svg{width:18px;height:18px;flex-basis:18px}.money-section-top h2{font-size:26px}.money-section-top>.money-text{font-size:12px}.money-category-choices button{font-size:14px;gap:6px}.money-entry-main strong{font-size:18px}.money-entry-main b{font-size:16px}.money-entry-main small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.money-home *,.money-sheet *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}