.legacy-app{color-scheme:dark;--bg:var(--background);--panel:var(--surface);--line:var(--border);--cream:var(--text);--muted:var(--secondary-text);--copper:var(--brand);--rust:var(--pink);--ink:var(--surface-input)}.legacy-app *{box-sizing:border-box}.legacy-app{margin:0;background:var(--bg);color:var(--cream);font-family:var(--font-ui);font-size:16px;line-height:1.55}.legacy-app button,.legacy-app input,.legacy-app select,.legacy-app textarea{font:inherit}.legacy-app button,.legacy-app a,.legacy-app input,.legacy-app select,.legacy-app textarea{-webkit-tap-highlight-color:transparent}.legacy-app button{border:1px solid var(--line);border-radius:7px;min-height:44px;padding:9px 15px;background:var(--surface-raised);color:var(--cream);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:14px;font-weight:600}.legacy-app button:hover{background:var(--surface-hover);border-color:var(--subtle)}.legacy-app button:disabled{opacity:.5;cursor:wait}.legacy-app button:focus-visible,.legacy-app a:focus-visible,.legacy-app input:focus-visible,.legacy-app select:focus-visible,.legacy-app textarea:focus-visible{outline:3px solid var(--copper);outline-offset:3px}.legacy-app .primary{background:var(--copper);border-color:var(--copper);color:var(--brand-ink);font-weight:700}.legacy-app .primary:hover{background:var(--brand-soft);border-color:var(--brand-soft)}.legacy-app .quiet{background:transparent}.legacy-app .icon{padding:9px;min-width:42px;background:transparent}.legacy-app .danger{color:var(--danger)}.legacy-app .push{margin-left:auto}.legacy-app h1,.legacy-app h2,.legacy-app h3,.legacy-app p{margin-top:0}.legacy-app h1,.legacy-app h2,.legacy-app h3{font-family:var(--font-ui)}.legacy-app h1{font-size:clamp(30px,3.8vw,46px);font-weight:600;letter-spacing:-1.8px;line-height:1.2;margin-bottom:14px}.legacy-app h2{font-size:21px;letter-spacing:-.5px;margin-bottom:16px}.legacy-app h3{font-size:20px;line-height:1.4;font-weight:600}.legacy-app .muted,.legacy-app .hint{color:var(--muted)}.legacy-app small,.legacy-app .hint{font-size:14px}.legacy-app p{margin-bottom:15px}.legacy-app .eyebrow,.legacy-app .small-caps{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--copper)}.legacy-app .app-shell{max-width:1800px;margin:auto;display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.legacy-app .sidebar{padding:42px 25px 25px;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.legacy-app .brand{text-decoration:none;color:var(--cream);display:flex;gap:11px;align-items:center;font-family:var(--font-ui);font-weight:800;font-size:19px;letter-spacing:1.3px}.legacy-app .brand-icon{color:var(--copper)}.legacy-app .brand small{display:block;font-size:var(--text-xs);letter-spacing:2px;margin-top:3px;color:var(--muted)}.legacy-app nav{display:grid;gap:10px;margin-top:55px}.legacy-app nav button{justify-content:flex-start;border:0;background:transparent;padding:15px 14px;font-size:15px;color:var(--muted)}.legacy-app nav button.nav-active{background:var(--brand-wash);color:var(--brand-soft)}.legacy-app nav button .count{margin-left:auto;background:var(--brand-wash);border-radius:20px;padding:0 7px;font-size:12px}.legacy-app .sidebar-bottom{margin-top:auto;padding-top:35px}.legacy-app .spice-photo{height:132px;margin:0 -25px 22px;background:linear-gradient(0deg,var(--bg),transparent 35%),url('/spices.png') center/cover no-repeat;opacity:.9}.legacy-app .small-caps{line-height:1.8;color:var(--brand-soft)}.legacy-app .sidebar-bottom .muted{font-size:14px}.legacy-app main{padding:0 48px;min-width:0}.legacy-app .topbar{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.legacy-app .topbar .eyebrow{color:var(--muted);font-size:var(--text-xs)}.legacy-app .topbar button{font-size:13px;border:0}.legacy-app .page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:40px 0 28px}.legacy-app .page-heading .eyebrow{margin-bottom:12px}.legacy-app .page-heading .muted{margin:0}.legacy-app .page-heading>.primary{flex-shrink:0}.legacy-app .weekbar{border-block:1px solid var(--line);padding:18px 0;display:flex;align-items:center;justify-content:space-between}.legacy-app .week-name{display:flex;align-items:center;gap:20px}.legacy-app .week-name strong{font-size:20px;font-weight:500}.legacy-app .week-name small{margin-left:12px;color:var(--muted);font-weight:400}.legacy-app .week-controls{display:flex;align-items:center;gap:6px}.legacy-app .week-controls button{border:0}.legacy-app .save-status{font-size:12px;color:var(--muted);min-height:46px;display:flex;align-items:center;gap:8px}.legacy-app .save-status button{min-height:30px;min-width:30px;border:0;padding:5px}.legacy-app .week-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:28px}.legacy-app .section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 18px}.legacy-app .section-heading h2{margin:0}.legacy-app .section-heading h2 span{font-size:13px;margin-left:8px;color:var(--muted);border:1px solid var(--line);border-radius:50%;padding:3px 8px}.legacy-app .section-heading .muted{font-size:13px}.legacy-app .empty{padding:55px 22px;text-align:center;border:1px dashed var(--border);border-radius:12px;background:linear-gradient(145deg,var(--success-wash),var(--surface-raised));margin:18px 0 30px}.legacy-app .empty>svg{color:var(--copper);margin-bottom:18px}.legacy-app .empty h3{font-size:24px;margin-bottom:12px}.legacy-app .empty p{color:var(--muted);font-size:15px;line-height:1.8}.legacy-app .empty button{margin-top:10px}.legacy-app .pool-empty{margin:0;min-height:310px;display:flex;align-items:center;flex-direction:column;justify-content:center}.legacy-app .meal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.legacy-app .meal-card{border-radius:10px;background:var(--cream);color:var(--ink);padding:23px;overflow-wrap:anywhere;display:flex;flex-direction:column}.legacy-app .card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.legacy-app .meal-number{font-family:var(--font-ui);font-size:27px;color:var(--muted);letter-spacing:-1px}.legacy-app .pill{font-size:12px;padding:4px 9px;border-radius:30px;border:1px solid var(--muted);color:var(--muted)}.legacy-app .meal-card h3{margin-bottom:14px;font-size:22px}.legacy-app .batch-line{font-size:13px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:var(--muted)}.legacy-app .batch-line small{font-size:12px;display:block;width:100%;padding-left:20px}.legacy-app .side-list{border-top:1px solid var(--muted);padding-top:15px;margin:5px 0 15px}.legacy-app .side-list .eyebrow{font-size:var(--text-xs);color:var(--muted)}.legacy-app .side-list p{font-size:14px;margin:5px 0}.legacy-app .meal-note{font-size:14px;white-space:pre-wrap;color:var(--muted)}.legacy-app .card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:15px}.legacy-app .meal-card button{color:var(--muted);background:transparent;border:0;padding:5px 0}.legacy-app .meal-card button:hover{text-decoration:underline}.legacy-app .week-aside{padding-top:60px}.legacy-app .tip-card{padding:23px;background:var(--surface-raised);border:1px solid var(--brand-wash);border-radius:10px}.legacy-app .tip-card>svg{color:var(--copper);margin-bottom:12px}.legacy-app .tip-card h3{font-size:20px}.legacy-app .tip-card p{font-size:14px;color:var(--muted)}.legacy-app .tip-card small{font-size:12px;color:var(--subtle);display:block}.legacy-app .grocery-link{width:100%;margin-top:18px;padding:20px 15px;text-align:left;justify-content:flex-start;align-items:flex-start;border-color:var(--border);background:var(--success-wash)}.legacy-app .grocery-link svg{color:var(--copper);flex-shrink:0}.legacy-app .grocery-link strong{display:block;font-size:14px}.legacy-app .grocery-link small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:5px}.legacy-app .fallbacks{margin-top:38px;border-top:1px solid var(--line);padding-top:15px}.legacy-app .fallback-buttons{display:flex;flex-wrap:wrap;gap:10px}.legacy-app .fallback-buttons button{border-radius:30px;background:transparent}.legacy-app .fallback-row{display:flex;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.legacy-app .fallback-row .pill{margin-left:15px;border-color:var(--border);color:var(--muted)}.legacy-app .fallback-row p{color:var(--muted);margin:8px 0 0;white-space:pre-wrap}.legacy-app .search{max-width:480px;margin-bottom:25px}.legacy-app .recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.legacy-app .recipe-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:25px;display:flex;flex-direction:column;overflow-wrap:anywhere}.legacy-app .recipe-card .eyebrow{font-size:var(--text-xs)}.legacy-app .recipe-card h3{margin:18px 0 12px;font-size:24px}.legacy-app .recipe-card .muted,.legacy-app .credits{font-size:14px}.legacy-app .credits{color:var(--brand-soft);white-space:pre-wrap}.legacy-app .recipe-card button{border:0;padding:5px 0;color:var(--copper)}.legacy-app .grocery-summary{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin:10px 0 30px}.legacy-app .grocery-summary strong{color:var(--copper);font-size:20px}.legacy-app .grocery-summary span{color:var(--muted)}.legacy-app .grocery-summary small{flex-basis:100%;color:var(--muted)}.legacy-app .grocery-department{margin:28px 0}.legacy-app .grocery-department h2{border-bottom:1px solid var(--line);padding-bottom:15px;font-size:19px}.legacy-app .grocery-labels,.legacy-app .grocery-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 80px;align-items:center;gap:12px}.legacy-app .grocery-labels{font-size:12px;color:var(--muted);text-align:center}.legacy-app .grocery-labels>span:first-child{text-align:left;letter-spacing:1px}.legacy-app .grocery-row{border-bottom:1px solid var(--surface-raised);padding:15px 0}.legacy-app .grocery-row strong{font-weight:500;display:block;overflow-wrap:anywhere}.legacy-app .grocery-row span{font-size:14px;color:var(--copper)}.legacy-app .grocery-row.covered>div{opacity:.45}.legacy-app .grocery-row.covered strong{text-decoration:line-through}.legacy-app .grocery-check{display:flex;align-items:center;justify-content:center;min-height:44px;cursor:pointer}.legacy-app input[type=checkbox]{width:22px;height:22px;accent-color:var(--copper);flex-shrink:0}.legacy-app footer{border-top:1px solid var(--line);margin-top:55px;padding:25px 0;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.legacy-app footer em{font-size:12px;margin-left:10px}.legacy-app footer small{font-size:var(--text-xs)}.legacy-app .field{display:flex;flex-direction:column;gap:7px;margin:16px 0;min-width:0}.legacy-app .field>span{font-weight:600;font-size:14px}.legacy-app .field small{color:var(--muted);font-size:12px;font-weight:400}.legacy-app input:not([type=checkbox]),.legacy-app select,.legacy-app textarea{width:100%;min-width:0;border:1px solid var(--border);border-radius:6px;padding:11px 12px;color:var(--cream);background:var(--success-wash);font-size:16px;min-height:46px}.legacy-app textarea{resize:vertical}.legacy-app .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.legacy-app .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.legacy-app .checkbox-label{display:flex;gap:9px;align-items:center;margin:16px 0}.legacy-app .hint{font-size:13px;line-height:1.7}.legacy-app .ingredients{margin-bottom:25px}.legacy-app .ingredient-edit{display:grid;grid-template-columns:minmax(120px,2fr) minmax(60px,.7fr) minmax(90px,1fr) minmax(120px,1.2fr) 38px;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.legacy-app .ingredient-edit .field{margin:7px 0}.legacy-app .ingredient-edit .field>span{font-size:12px}.legacy-app .ingredient-edit .icon{min-width:34px;padding:5px;margin-top:22px}.legacy-app .ingredients>.quiet{margin-top:14px}.legacy-app .side-editor{background:var(--surface-raised);border:1px solid var(--line);padding:14px;border-radius:8px;margin:15px 0}.legacy-app .side-editor .section-heading{margin:0}.legacy-app .side-editor .ingredients>.quiet{display:none}.legacy-app .side-editor .ingredient-edit{grid-template-columns:minmax(95px,2fr) 70px 90px minmax(95px,1.2fr) 32px}.legacy-app .button-row{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 20px}.legacy-app .scaling{padding:16px;background:var(--brand-wash);border-left:3px solid var(--copper);border-radius:5px;margin:8px 0 24px;font-size:14px}.legacy-app .scaling p{margin:8px 0 0;color:var(--muted)}.legacy-app .scaling>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.legacy-app .scaling button{font-size:12px;background:transparent}.legacy-app .preserve{white-space:pre-wrap;overflow-wrap:anywhere}.legacy-app .error{background:var(--danger-wash);border:1px solid var(--danger);border-radius:7px;color:var(--text);padding:14px;margin:15px 0;font-size:14px}.legacy-app .error button{margin-left:12px}.legacy-app .recipe-view ul{padding-left:22px}.legacy-app .recipe-view li{padding:6px 0}.legacy-app .recipe-view li strong{color:var(--copper);font-weight:500;margin-right:9px}.legacy-app .recipe-view h3{margin-top:28px}.legacy-app dialog{width:min(880px,calc(100% - 32px));max-height:90dvh;border:1px solid var(--subtle);border-radius:13px;padding:26px 30px;background:var(--surface);color:var(--cream);box-shadow:0 30px 120px #000b}.legacy-app dialog::backdrop{background:var(--success-wash);backdrop-filter:blur(4px)}.legacy-app .modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:22px}.legacy-app .modal-head h2{margin:0;font-size:26px}.legacy-app .modal-head button{border:0}.legacy-app .modal-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.legacy-app .print-list{display:none}
@media(min-width:1600px){.legacy-app main{padding-inline:65px}.legacy-app .week-layout{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:1200px){.legacy-app .app-shell{grid-template-columns:210px minmax(0,1fr)}.legacy-app .sidebar{padding-inline:18px}.legacy-app .brand{font-size:16px;gap:7px}.legacy-app .brand small{font-size:var(--text-xs)}.legacy-app .spice-photo{margin-inline:-18px}.legacy-app main{padding-inline:30px}.legacy-app .week-layout{grid-template-columns:1fr}.legacy-app .week-aside{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.legacy-app .tip-card{padding:18px}.legacy-app .grocery-link{margin:0;align-self:start}.legacy-app .recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.legacy-app .app-shell{display:block}.legacy-app .sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:20px 20px 0;display:block}.legacy-app .brand{font-size:22px}.legacy-app .brand small{font-size:var(--text-xs)}.legacy-app .brand-icon svg{width:30px;height:30px}.legacy-app nav{display:flex;gap:8px;margin:20px -4px 0}.legacy-app nav button{flex:1;justify-content:center;padding:12px 7px;font-size:13px;border-radius:7px 7px 0 0;gap:7px}.legacy-app nav svg{width:18px}.legacy-app nav .count{display:none}.legacy-app .sidebar-bottom{display:none}.legacy-app main{padding-inline:20px}.legacy-app .topbar{height:63px}.legacy-app .topbar .eyebrow{font-size:var(--text-xs);letter-spacing:1px}.legacy-app .topbar button{padding-right:0;font-size:12px}.legacy-app .page-heading{padding:28px 0 22px;align-items:flex-start;flex-direction:column;gap:18px}.legacy-app .page-heading h1{font-size:36px;letter-spacing:-1.2px}.legacy-app .page-heading .eyebrow{font-size:var(--text-xs)}.legacy-app .page-heading .muted{font-size:15px}.legacy-app .page-heading>.primary{width:100%}.legacy-app .weekbar{padding-block:13px;gap:8px}.legacy-app .week-name{display:block}.legacy-app .week-name .eyebrow{font-size:var(--text-xs);display:block;margin-bottom:4px}.legacy-app .week-name strong{font-size:16px}.legacy-app .week-name small{display:none}.legacy-app .week-controls{gap:0}.legacy-app .week-controls .quiet{font-size:12px;padding-inline:4px}.legacy-app .week-controls .icon{min-width:34px;padding:5px}.legacy-app .section-heading{flex-wrap:wrap}.legacy-app .section-heading h2{font-size:20px}.legacy-app .section-heading .muted{font-size:12px}.legacy-app .meal-grid{grid-template-columns:1fr}.legacy-app .week-aside{grid-template-columns:1fr}.legacy-app .tip-card{display:none}.legacy-app .grocery-link{margin-top:0}.legacy-app .empty{padding:35px 15px}.legacy-app .fallbacks{margin-top:28px}.legacy-app .fallback-row .pill{margin-left:8px;font-size:var(--text-xs)}.legacy-app .recipe-grid{grid-template-columns:1fr}.legacy-app .grocery-labels,.legacy-app .grocery-row{grid-template-columns:minmax(0,1fr) 65px 55px;gap:6px}.legacy-app .grocery-labels{font-size:var(--text-xs)}.legacy-app .grocery-labels>span:first-child{font-size:var(--text-xs)}.legacy-app .grocery-summary{gap:10px}.legacy-app .grocery-summary small{font-size:12px}.legacy-app footer{flex-direction:column;gap:6px}.legacy-app .form-grid,.legacy-app .form-grid.three{grid-template-columns:1fr;gap:0}.legacy-app .field{margin:12px 0}.legacy-app dialog{width:calc(100% - 16px);padding:18px 16px;max-height:94dvh}.legacy-app .modal-head h2{font-size:23px}.legacy-app .ingredient-edit,.legacy-app .side-editor .ingredient-edit{grid-template-columns:1fr 1fr 36px;gap:7px}.legacy-app .ingredient-edit .field:first-child{grid-column:1/3}.legacy-app .ingredient-edit .field:nth-child(2){grid-column:1}.legacy-app .ingredient-edit .field:nth-child(3){grid-column:2}.legacy-app .ingredient-edit .field:nth-child(4){grid-column:1/3}.legacy-app .ingredient-edit .icon{grid-column:3;grid-row:1;margin:0}.legacy-app .ingredient-edit{position:relative}.legacy-app .side-editor .ingredient-edit .icon{grid-row:auto}.legacy-app .modal-actions button{flex-grow:1}.legacy-app .modal-actions .push{margin-left:0}.legacy-app .scaling{font-size:13px}.legacy-app .save-status{font-size:var(--text-xs)}}
@media print{@page{margin:16mm}.legacy-app *{color:#000!important;background:transparent!important;box-shadow:none!important}.legacy-app{font-family:var(--font-ui);font-size:12pt}.legacy-app .app-shell,.legacy-app dialog{display:none!important}.legacy-app .print-list{display:block!important}.legacy-app .print-list h1{font-size:22pt;letter-spacing:2px;margin-bottom:8pt}.legacy-app .print-list p{font-size:11pt}.legacy-app .print-list h2{font-size:13pt;border-bottom:1px solid #000;padding-bottom:5pt;margin-top:20pt;break-after:avoid}.legacy-app .print-row{display:flex;align-items:center;gap:10pt;padding:7pt 0;border-bottom:1px solid #ddd;break-inside:avoid}.legacy-app .print-row strong{margin-left:auto;font-size:11pt}.legacy-app .paper-box{width:12pt;height:12pt;border:1px solid #000;display:inline-block;flex-shrink:0}.legacy-app .print-list section{break-inside:auto}}

.legacy-app fieldset{border:0;padding:0;margin:0;min-width:0}

.legacy-app .import-review{border:1px solid var(--brand-wash);background:var(--brand-wash);padding:18px;border-radius:8px;margin:8px 0 22px}.legacy-app .import-review h3{margin-bottom:8px}.legacy-app .import-review p,.legacy-app .import-review li{font-size:14px}.legacy-app .import-review ul{padding-left:20px;margin-bottom:0}.legacy-app details{border:1px solid var(--line);border-radius:8px;padding:14px;margin:20px 0}.legacy-app summary{cursor:pointer;color:var(--copper)}.legacy-app details .preserve{margin-top:16px;overflow-wrap:anywhere}.legacy-app button[aria-pressed=true]{background:var(--brand-wash);border-color:var(--copper)}.legacy-app .recipe-view a{color:var(--copper)}.legacy-app .page-heading>.button-row{flex-shrink:0}@media(max-width:760px){.legacy-app .page-heading>.button-row{width:100%}.legacy-app .page-heading>.button-row .primary{flex:1}}
.legacy-app .hq-summary{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:18px;margin:0 0 30px}.legacy-app .hq-summary>button{display:flex;align-items:flex-start;flex-direction:column;padding:24px;background:var(--panel);text-align:left;gap:8px}.legacy-app .hq-summary strong{font-family:var(--font-ui);font-size:34px;font-weight:500;display:flex;align-items:center;gap:12px}.legacy-app .hq-summary>button:last-child{background:var(--surface-raised)}.legacy-app .hq-summary>button:last-child strong{font-size:25px}.legacy-app .hq-summary small{color:var(--muted);font-weight:400}.legacy-app .hq-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.legacy-app .hq-panel{border:1px solid var(--line);border-radius:10px;background:var(--surface-raised);padding:22px;min-width:0}.legacy-app .hq-panel .section-heading{margin-top:0}.legacy-app .hq-panel h2{font-size:18px}.legacy-app .hq-panel .section-heading .quiet{padding:5px;font-size:12px}.legacy-app .hq-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line);width:100%;text-align:left;border-radius:0}.legacy-app .hq-row:last-child{border-bottom:0}.legacy-app .hq-row-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1;gap:4px;text-align:left}.legacy-app .hq-row-content strong{font-size:15px;font-weight:500;overflow-wrap:anywhere}.legacy-app .hq-row-content small{font-size:12px;font-weight:400}.legacy-app .hq-row .hq-row-content.quiet{border:0;padding:0;background:none;justify-content:center}.legacy-app .hq-check{height:26px;min-height:26px;min-width:26px;width:26px;padding:2px;border-radius:50%;flex-shrink:0}.legacy-app .hq-done .hq-check{background:var(--success-wash);color:var(--muted)}.legacy-app .hq-done strong{text-decoration:line-through;color:var(--muted)}.legacy-app .hq-overdue{color:var(--brand-soft)}.legacy-app .hq-empty{padding:36px 8px;text-align:center;color:var(--muted)}.legacy-app .hq-empty>svg{color:var(--copper);margin-bottom:16px}.legacy-app .hq-empty h3{font-size:17px;color:var(--cream)}.legacy-app .hq-empty p{font-size:14px;max-width:310px;margin:0 auto 22px}.legacy-app .hq-event{border:0;border-bottom:1px solid var(--line);background:transparent;font-weight:400;justify-content:flex-start;min-height:70px}.legacy-app .hq-date{display:flex;flex-direction:column;text-align:center;background:var(--surface-raised);min-width:48px;border-radius:6px;padding:5px 8px;line-height:1.3}.legacy-app .hq-date small{text-transform:uppercase;font-size:var(--text-xs);letter-spacing:1px;color:var(--copper)}.legacy-app .hq-date strong{font-size:23px}.legacy-app .hq-kitchen{margin-top:26px;padding:28px;border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(120deg,var(--brand-wash),var(--surface))}.legacy-app .hq-kitchen p:last-child{margin:0}.legacy-app .hq-kitchen h2{font-size:23px}.legacy-app .hq-kitchen .button-row{flex-wrap:wrap;flex-shrink:0}.legacy-app .hq-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.legacy-app .hq-filters button span{color:var(--muted);font-size:12px}.legacy-app .hq-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;margin-top:25px}.legacy-app .hq-weekdays,.legacy-app .hq-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.legacy-app .hq-weekdays span{text-align:center;color:var(--muted);font-size:var(--text-xs);padding:9px}.legacy-app .hq-calendar{border-top:1px solid var(--line);border-left:1px solid var(--line)}.legacy-app .hq-day{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;min-height:115px;min-width:0;padding:8px 5px;background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;font-size:13px;text-align:left}.legacy-app .hq-day>span{align-self:flex-start;padding:2px 5px}.legacy-app .hq-day small{font-size:var(--text-xs);padding:3px;background:var(--brand-wash);color:var(--brand-soft);border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legacy-app .hq-day .hq-task-dot{background:var(--success-wash);color:var(--success-soft)}.legacy-app .hq-day .hq-meal-dot{background:var(--teal-wash);color:var(--teal-soft)}.legacy-app .hq-day.today>span{background:var(--copper);color:var(--ink);border-radius:50%}.legacy-app .hq-day.outside{opacity:.4}.legacy-app .hq-day.selected{background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--copper)}.legacy-app .hq-agenda{align-self:start}.legacy-app .hq-agenda>.muted{display:block;margin-top:18px;font-size:12px}
@media(max-width:1200px){.legacy-app .hq-columns{grid-template-columns:1fr}.legacy-app .hq-calendar-layout{grid-template-columns:1fr}.legacy-app .hq-agenda{max-width:none}.legacy-app .hq-kitchen{flex-direction:column;align-items:flex-start}.legacy-app .hq-summary{gap:10px}.legacy-app .hq-summary>button{padding:18px}.legacy-app .hq-summary>button:last-child strong{font-size:21px}}
@media(max-width:760px){.legacy-app nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding-bottom:8px}.legacy-app nav button{border-radius:7px;font-size:var(--text-xs);min-width:0;padding:9px 3px;gap:5px}.legacy-app nav button svg{flex-shrink:0;width:16px}.legacy-app .hq-summary{grid-template-columns:1fr 1fr;margin-top:18px}.legacy-app .hq-summary>button:last-child{grid-column:1/-1}.legacy-app .hq-summary>button{padding:18px}.legacy-app .hq-panel{padding:16px}.legacy-app .hq-kitchen{padding:20px}.legacy-app .hq-day{min-height:80px;padding:5px 2px}.legacy-app .hq-day small{font-size:var(--text-xs);padding:2px}.legacy-app .hq-weekdays span{font-size:var(--text-xs)}.legacy-app .hq-calendar-layout{gap:20px}.legacy-app .hq-panel .section-heading{gap:4px}.legacy-app .hq-panel h2{font-size:16px}.legacy-app .hq-columns{gap:18px}.legacy-app .hq-row-content strong{font-size:14px}}
.legacy-app .shopping-section{border-bottom:1px solid var(--line);padding:8px 0 30px;margin-bottom:30px}.legacy-app .shopping-section>.section-heading{align-items:center}.legacy-app .shopping-section .eyebrow{margin-bottom:10px}.legacy-app .shopping-department{margin:22px 0}.legacy-app .shopping-department h3{font-size:14px;color:var(--copper);border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:0}.legacy-app .shopping-edit{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;min-width:0}.legacy-app .shopping-review{position:relative;border-bottom:1px solid var(--line);padding:4px 32px 10px 0}.legacy-app .shopping-review>.icon{position:absolute;right:-8px;top:35px}.legacy-app .shopping-section .hq-row-content.quiet{border:0;background:transparent;align-items:flex-start}.legacy-app .shopping-section .hq-row-content strong{font-size:16px}.legacy-app .shopping-section .hq-empty{border:1px dashed var(--line);border-radius:8px}.legacy-app .shopping-section .hq-check{margin-left:5px}@media(max-width:760px){.legacy-app .shopping-edit{grid-template-columns:1fr}.legacy-app .shopping-edit .field{margin:6px 0}.legacy-app .shopping-review{padding:12px 32px 14px 0}.legacy-app .shopping-review>.icon{top:25px}.legacy-app .shopping-section>.section-heading{align-items:flex-start}.legacy-app .shopping-section h2{font-size:20px}.legacy-app .shopping-section>.section-heading>.primary{font-size:12px;padding:10px;flex-shrink:0}.legacy-app .shopping-section>.muted{font-size:14px}}
.legacy-app .household-gate{min-height:100dvh;display:grid;place-items:center;padding:28px 20px;background:radial-gradient(ellipse at 50% 10%,var(--brand-wash) 0%,var(--background) 65%)}.legacy-app .household-card{width:100%;max-width:460px;padding:38px;border:1px solid var(--line);border-radius:14px;background:var(--surface-raised);box-shadow:0 18px 70px #0004}.legacy-app .gate-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px;letter-spacing:2px;font-size:23px}.legacy-app .gate-brand svg{color:var(--copper)}.legacy-app .household-card h1{font-size:36px}.legacy-app .household-card .eyebrow{font-size:var(--text-xs)}.legacy-app .household-card .checkbox-label{font-size:14px;align-items:center}.legacy-app .gate-enter{width:100%;margin-top:24px}.legacy-app .gate-note{font-size:12px;color:var(--muted);margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line)}@media(max-width:500px){.legacy-app .household-card{padding:28px 23px}}
.legacy-app .house-goal{padding:28px;border:1px solid var(--brand-wash);background:linear-gradient(120deg,var(--brand-wash),var(--success-wash));border-radius:12px;margin:0 0 25px}.legacy-app .house-goal-heading{display:flex;gap:14px;align-items:center;color:var(--copper);margin-bottom:20px}.legacy-app .house-goal-heading .quiet{margin-left:auto;font-size:12px;flex-shrink:0}.legacy-app .house-goal>p{font-size:20px;max-width:850px;line-height:1.6}.legacy-app .house-progress{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-top:25px}.legacy-app .house-goal progress{width:100%;height:8px;appearance:none;border:0;margin:10px 0 14px;display:block;border-radius:10px;overflow:hidden}.legacy-app .house-goal progress::-webkit-progress-bar{background:var(--border)}.legacy-app .house-goal progress::-webkit-progress-value{background:var(--copper);border-radius:10px}.legacy-app .house-goal>small{color:var(--muted);font-size:var(--text-xs)}.legacy-app .house-phases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.legacy-app .house-phase .section-heading{align-items:center}.legacy-app .house-phase .eyebrow{font-size:var(--text-xs)}.legacy-app .house-phase h2{margin-top:7px!important;font-size:21px!important}.legacy-app .house-phase .hq-row{align-items:flex-start}.legacy-app .house-phase .hq-check{margin-top:8px}.legacy-app .house-phase .hq-row-content.quiet{border:0;background:transparent;padding:3px;text-align:left;align-items:flex-start;justify-content:flex-start;min-height:0}.legacy-app .house-phase .hq-row-content strong{font-size:16px}.legacy-app .house-task-note{font-size:12px;color:var(--muted);font-weight:400;line-height:1.6;margin-top:6px;white-space:pre-wrap}.legacy-app .house-phase-empty{font-size:13px;margin:20px 0}.legacy-app .house-filters{margin:18px 0 25px}@media(max-width:1050px){.legacy-app .house-phases{grid-template-columns:1fr}}@media(max-width:760px){.legacy-app .house-goal{padding:20px}.legacy-app .house-goal>p{font-size:17px}.legacy-app .house-goal-heading{flex-wrap:wrap;gap:9px}.legacy-app .house-goal-heading .eyebrow{font-size:var(--text-xs)}.legacy-app .house-goal-heading>svg{width:22px}.legacy-app .house-goal-heading .quiet{padding:5px}.legacy-app .house-phase{padding:18px}.legacy-app nav button:last-child:nth-child(3n+1){grid-column:1/-1}}
.legacy-app .pantry-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0}.legacy-app .pantry-summary>div,.legacy-app .pantry-summary>button{display:flex;align-items:center;gap:12px;background:var(--success-wash);border:1px solid var(--line);border-radius:10px;padding:20px;text-align:left;font-weight:400}.legacy-app .pantry-summary svg{color:var(--copper);flex-shrink:0}.legacy-app .pantry-summary strong{font-size:27px}.legacy-app .pantry-summary span{font-size:13px;color:var(--muted)}.legacy-app .pantry-tabs{margin:30px 0 20px}.legacy-app .pantry-tabs button{padding:12px 18px}.legacy-app .pantry-tabs button[aria-pressed=true],.legacy-app .pantry-toolbar button[aria-pressed=true],.legacy-app .pantry-page>.hq-filters button[aria-pressed=true]{background:var(--brand-wash);color:var(--brand-soft);border-color:var(--brand-wash)}.legacy-app .pantry-help{padding:20px 22px;border-left:3px solid var(--copper);background:var(--success-wash);border-radius:0 9px 9px 0;margin-bottom:22px}.legacy-app .pantry-help p{font-size:13px;line-height:1.7;color:var(--muted);margin:8px 0 0;max-width:850px}.legacy-app .pantry-history{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;border:1px dashed var(--brand-wash);border-radius:9px;margin:20px 0}.legacy-app .pantry-history p{font-size:13px;color:var(--muted);margin:7px 0 0}.legacy-app .pantry-history>button{flex-shrink:0}.legacy-app .pantry-toolbar{margin:28px 0 15px}.legacy-app .pantry-toolbar .search{width:100%;margin-bottom:15px}.legacy-app .pantry-department{margin:25px 0;border:1px solid var(--line);padding:20px;border-radius:10px;background:var(--success-wash)}.legacy-app .pantry-department h2{font-size:18px;color:var(--copper);margin:0 0 8px}.legacy-app .pantry-department h2 span{font-size:12px;color:var(--muted);margin-left:8px}.legacy-app .pantry-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:14px 0}.legacy-app .pantry-row:last-child{border-bottom:0}.legacy-app .pantry-row .pantry-food{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;padding:0}.legacy-app .pantry-food strong{overflow-wrap:anywhere}.legacy-app .pantry-food small{font-size:12px;color:var(--muted);font-weight:400}.legacy-app .pantry-soon{background:var(--surface-raised);color:var(--muted)}.legacy-app .pantry-ready{background:var(--success-wash);color:var(--success-soft)}.legacy-app .pantry-matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.legacy-app .pantry-match{min-width:0;border:1px solid var(--line);padding:25px;border-radius:12px;background:linear-gradient(140deg,var(--surface-raised),var(--success-wash))}.legacy-app .pantry-match h3{font-size:23px;line-height:1.3;margin:20px 0 10px}.legacy-app .pantry-match>.muted{font-size:12px}.legacy-app .pantry-match .card-actions{flex-wrap:wrap;gap:10px;margin-top:22px}.legacy-app .pantry-match .card-actions button{font-size:12px;padding:9px 12px}.legacy-app .pantry-match .button-row{flex-wrap:wrap}.legacy-app .pantry-match .pill{white-space:normal}.legacy-app .pantry-missing{font-size:13px;border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.legacy-app .pantry-missing p,.legacy-app .pantry-match details p{color:var(--muted);line-height:1.7;overflow-wrap:anywhere}.legacy-app .pantry-use{color:var(--muted);font-size:13px;display:flex;gap:8px;align-items:center}.legacy-app .pantry-match details{font-size:13px;margin-top:16px}.legacy-app .pantry-match summary{cursor:pointer;color:var(--copper)}.legacy-app .pantry-bottom{margin:30px 0;flex-wrap:wrap}.legacy-app .pantry-edit{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.legacy-app .pantry-edit>.checkbox-label{align-self:center}.legacy-app .pantry-review{position:relative;padding:10px 34px 18px 0;border-bottom:1px solid var(--line)}.legacy-app .pantry-review>.icon{position:absolute;right:0;top:28px}@media(max-width:900px){.legacy-app .pantry-summary>div,.legacy-app .pantry-summary>button{flex-wrap:wrap;padding:15px}.legacy-app .pantry-summary span{flex-basis:100%}.legacy-app .pantry-matches{grid-template-columns:1fr}}@media(max-width:600px){.legacy-app .pantry-summary{gap:7px}.legacy-app .pantry-summary strong{font-size:23px}.legacy-app .pantry-summary span{font-size:var(--text-xs)}.legacy-app .pantry-summary svg{width:18px}.legacy-app .pantry-history{flex-direction:column;align-items:flex-start;padding:16px}.legacy-app .pantry-edit{grid-template-columns:1fr;gap:0}.legacy-app .pantry-row{flex-wrap:wrap}.legacy-app .pantry-row .pantry-food{flex-basis:60%}.legacy-app .pantry-row>.quiet{font-size:12px;padding:7px}.legacy-app .pantry-match{padding:20px}.legacy-app .pantry-department{padding:16px}.legacy-app .pantry-page .page-heading{gap:12px}.legacy-app .pantry-page .page-heading>.primary{padding:10px;font-size:12px}}
/* Shared, lightweight drum-song notebook on the HQ homepage. */
.legacy-app .drum-section{margin-top:28px}.legacy-app .drum-section .section-heading{align-items:flex-start;flex-wrap:wrap;gap:20px}.legacy-app .drum-section h2{display:flex;align-items:center;gap:10px}.legacy-app .drum-section .eyebrow{margin:0 0 10px}.legacy-app .drum-hint{font-size:.85rem;color:var(--muted);line-height:1.6}.legacy-app .drum-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:24px 0 10px}.legacy-app .drum-toolbar .hq-filters{margin:0}.legacy-app .drum-toolbar .search{max-width:300px}.legacy-app .drum-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid var(--line)}.legacy-app .drum-title{display:flex;flex-direction:column;gap:6px;flex:1;min-width:180px;overflow-wrap:anywhere}.legacy-app .drum-title strong{font-size:1.05rem}.legacy-app .drum-title small,.legacy-app .drum-title>span{font-size:.8rem;color:var(--muted)}.legacy-app .drum-play,.legacy-app .drum-search{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid var(--line);border-radius:7px;text-decoration:none;font-size:.85rem;font-weight:600}.legacy-app .drum-play{background:var(--brand-soft);color:var(--muted);border-color:var(--brand-soft)}.legacy-app .drum-search{color:inherit;background:var(--muted)}.legacy-app .drum-play:hover,.legacy-app .drum-search:hover{filter:brightness(1.12)}.legacy-app .drum-play:focus-visible,.legacy-app .drum-search:focus-visible{outline:2px solid var(--brand-soft);outline-offset:4px}.legacy-app .drum-picked{padding:24px;margin-top:20px;background:var(--brand-soft);border:1px solid var(--brand-soft);border-radius:10px}.legacy-app .drum-picked h3{margin:8px 0;font-size:1.5rem;overflow-wrap:anywhere}.legacy-app .drum-picked>.quiet{margin-top:12px}.legacy-app .drum-list{max-height:560px;overflow:auto;padding-right:8px}@media(max-width:600px){.legacy-app .drum-toolbar .search{max-width:none;width:100%}.legacy-app .drum-row{gap:12px}.legacy-app .drum-title{flex-basis:100%}.legacy-app .drum-section .section-heading>.button-row{width:100%}.legacy-app .drum-section .section-heading>.button-row button{flex:1}.legacy-app .drum-picked{padding:18px}}
/* A selected daily focus, independent of task due dates. */
.legacy-app .today-explainer{font-size:13px;color:var(--muted);margin:12px 0 20px;line-height:1.6}.legacy-app .today-toggle{flex-shrink:0;padding:8px 10px;font-size:12px;gap:6px;background:transparent;color:var(--muted)}.legacy-app .today-toggle.is-today{background:var(--brand-soft);color:var(--brand-soft);border-color:var(--brand-soft)}.legacy-app .today-overdue{margin:22px 0 0;background:var(--brand-wash)}.legacy-app .today-overdue summary{font-size:13px}.legacy-app .today-overdue .hq-row:last-child{border-bottom:0}@media(max-width:600px){.legacy-app .today-toggle span{display:none}.legacy-app .today-toggle{width:44px;padding:8px}.legacy-app .hq-row-content{min-width:0}.legacy-app .hq-row-content strong{overflow-wrap:anywhere}}
.legacy-app .packing-section{margin-top:32px}.legacy-app .packing-section h2{display:flex;align-items:center;gap:10px}.legacy-app .packing-section .section-heading{flex-wrap:wrap;gap:20px;align-items:flex-start}.legacy-app .packing-section .eyebrow{margin-bottom:10px}.legacy-app .packing-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 0}.legacy-app .packing-summary span{font-size:13px;color:var(--muted)}.legacy-app .packing-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.legacy-app .packing-toolbar .hq-filters{margin:0}.legacy-app .packing-toolbar .search{max-width:320px}.legacy-app .packing-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line)}.legacy-app .packing-item-name{flex:1;min-width:150px;text-align:left;justify-content:flex-start;overflow-wrap:anywhere}.legacy-app .packing-checks,.legacy-app .packing-people{display:flex;gap:8px;flex-wrap:wrap}.legacy-app .packing-people{margin:10px 0 16px}.legacy-app .packing-person-check{font-size:13px;padding:8px 10px;background:transparent}.legacy-app .packing-check-box{width:19px;height:19px;border:1px solid var(--muted);border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.legacy-app .packing-person-check.is-packed{color:var(--success-soft);background:var(--success-wash)}.legacy-app .packing-person-check.is-packed .packing-check-box{border-color:var(--success-soft);background:var(--success-wash)}.legacy-app .packing-review{border-top:1px solid var(--line);padding:20px 0;position:relative}.legacy-app .packing-review>.icon{position:absolute;top:18px;right:0}.legacy-app .packing-review>.field{margin-right:50px}@media(max-width:600px){.legacy-app .packing-row{gap:10px}.legacy-app .packing-item-name{flex-basis:75%}.legacy-app .packing-checks{order:3;width:100%}.legacy-app .packing-toolbar .search{max-width:none;width:100%}.legacy-app .packing-section .section-heading>.button-row{width:100%}.legacy-app .packing-section .section-heading>.button-row button{flex:1}.legacy-app .packing-summary{gap:5px;flex-direction:column;align-items:flex-start}}
.legacy-app .packing-plan-bar{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:22px 0 14px}.legacy-app .packing-plan-bar .field{flex:1;min-width:220px;margin:0}.legacy-app .packing-explain{padding:16px 18px;border-left:3px solid var(--copper);background:var(--brand-soft);font-size:13px;line-height:1.75}.legacy-app .packing-explain strong{display:block;margin-bottom:5px}.legacy-app .packing-v2-name{display:flex;align-items:center;gap:10px;flex:1;min-width:170px;overflow-wrap:anywhere}.legacy-app .packing-v2-name>.quiet{font-size:var(--text-xs);padding:6px 8px;min-height:36px}.legacy-app .packing-v2-people{display:flex;gap:16px;flex-wrap:wrap}.legacy-app .packing-person-pair{display:flex;gap:6px;align-items:stretch;padding:6px;border:1px solid var(--line);border-radius:8px}.legacy-app .packing-person-check.is-needed{border-color:var(--brand-soft);background:var(--brand-soft);color:var(--brand-soft)}.legacy-app .packing-person-check>span>small{display:block;font-size:var(--text-xs);color:var(--muted);line-height:1.3}.legacy-app .packing-v2-row{align-items:flex-start}.legacy-app .packing-v2-people .packing-person-check{min-height:46px}@media(max-width:900px){.legacy-app .packing-v2-name{flex-basis:100%}.legacy-app .packing-v2-people{width:100%;gap:8px}}@media(max-width:600px){.legacy-app .packing-person-pair{flex:1;min-width:210px}.legacy-app .packing-person-pair>.packing-person-check{flex:1}.legacy-app .packing-plan-bar>button{width:100%}}

.legacy-app .bulk-task-row{display:grid;grid-template-columns:minmax(0,1fr) 160px 42px;gap:12px;align-items:end;padding:16px 0;border-top:1px solid var(--line)}.legacy-app .bulk-task-row .field{margin:0}.legacy-app .bulk-task-row .icon{margin-bottom:2px}@media(max-width:600px){.legacy-app .bulk-task-row{grid-template-columns:minmax(0,1fr) 42px}.legacy-app .bulk-task-row>.field:first-child{grid-column:1/-1}.legacy-app .bulk-task-row .field:nth-child(2){grid-column:1}}

.legacy-app .bills-section{margin-top:32px}.legacy-app .bills-section .section-heading{flex-wrap:wrap;gap:16px;align-items:flex-start}.legacy-app .bills-section .section-heading p{margin-bottom:8px}.legacy-app .bill-month{display:flex;gap:10px;align-items:end;margin:18px 0}.legacy-app .bill-month .field{margin:0;max-width:230px}.legacy-app .bill-summary{display:flex;gap:16px;flex-wrap:wrap;padding:14px 0;color:var(--muted)}.legacy-app .bill-summary strong{color:var(--cream)}.legacy-app .bill-row .hq-row-content{min-width:0;overflow-wrap:anywhere}.legacy-app .bill-amount{white-space:nowrap}.legacy-app .bill-paid .hq-row-content strong{text-decoration:line-through;color:var(--muted)}.legacy-app .bill-paid .hq-check{color:var(--success-soft);border-color:var(--success-soft)}.legacy-app .bill-editor{padding:18px;border:1px solid var(--line);border-radius:8px;margin:18px 0}.legacy-app .bill-editor>small{display:block;margin-top:12px}.legacy-app .bill-type-toggle{padding:12px 0;color:var(--copper)}.legacy-app .hq-day .bill-calendar-chip{border-left:2px solid var(--success-soft)}@media(max-width:600px){.legacy-app .bill-row{flex-wrap:wrap;gap:8px}.legacy-app .bill-row .bill-amount{margin-left:50px}.legacy-app .bill-summary{flex-direction:column;gap:4px}.legacy-app .bills-section .section-heading>button{width:100%}}

.dashboard-app{color-scheme:dark;--bg:#191a18;--panel:#232420;--line:#3b3c35;--cream:#f4eddf;--muted:#b6b5a8;--copper:#dc9672;--green:#a8bf99}.dashboard-app *{box-sizing:border-box}.dashboard-app{scroll-behavior:smooth}.dashboard-app{margin:0;background:var(--bg);color:var(--cream);font:16px/1.5 'Segoe UI',system-ui,sans-serif}.dashboard-app button,.dashboard-app input,.dashboard-app select{font:inherit}.dashboard-app button,.dashboard-app select{min-height:46px;border:1px solid var(--line);border-radius:9px;background:#2b2c27;color:var(--cream);padding:10px 15px;cursor:pointer}.dashboard-app button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.dashboard-app button:hover{background:#35362f;border-color:#777363}.dashboard-app button:disabled{opacity:.35;cursor:not-allowed}.dashboard-app button:focus-visible,.dashboard-app select:focus-visible,.dashboard-app input:focus-visible{outline:3px solid var(--copper);outline-offset:3px}.dashboard-app button.primary,.dashboard-app .pills button.active{background:var(--copper);color:#231b15;border-color:var(--copper)}.dashboard-app h1,.dashboard-app h2,.dashboard-app p{margin-top:0}.dashboard-app h1{font-size:clamp(36px,5vw,58px);font-weight:650;letter-spacing:-2px;line-height:1.12;margin-bottom:14px}.dashboard-app h2{font-size:23px;letter-spacing:-.6px;margin-bottom:0}.dashboard-app small,.dashboard-app .small{font-size:13px}.dashboard-app .muted{color:var(--muted)}.dashboard-app .eyebrow{font-size:10px;letter-spacing:2px;color:var(--copper);font-weight:700;margin-bottom:12px}.dashboard-app .demo-strip{background:#30253a;color:#e1caee;text-align:center;padding:7px 12px;font-size:11px;letter-spacing:.6px}.dashboard-app .shell{display:grid;grid-template-columns:230px 1fr;max-width:1680px;margin:auto}.dashboard-app .shell aside{border-right:1px solid var(--line);padding:32px 24px;position:sticky;top:0;height:calc(100vh - 30px)}.dashboard-app .brand{display:flex;align-items:center;gap:12px;color:var(--cream);text-decoration:none;font-size:23px;font-weight:800;letter-spacing:1px}.dashboard-app .brand img{width:44px;height:44px}.dashboard-app .brand small{display:block;font-size:8px;letter-spacing:1.6px;color:var(--muted)}.dashboard-app .sidebar-label{font-size:8px;letter-spacing:1.8px;color:var(--muted);margin:65px 0 16px}.dashboard-app .sidebar-home{width:100%;justify-content:flex-start;background:#3d3027;color:#edb38f;border:0}.dashboard-app .sidebar-note{color:var(--muted);font-size:13px;margin-top:28px}.dashboard-app .demo-person{margin-top:60px;font-size:12px}.dashboard-app .demo-person select{width:100%;margin:8px 0}.dashboard-app .demo-person small{font-size:10px;color:var(--muted)}.dashboard-app main{padding:45px 46px;min-width:0}.dashboard-app .loading{padding:60px}.dashboard-app header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.dashboard-app .customize{font-size:13px}.dashboard-app .controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid var(--line);padding-top:24px}.dashboard-app .month-switch{display:flex;align-items:center;gap:13px}.dashboard-app .month-switch h2{font-size:20px;min-width:174px;text-align:center}.dashboard-app .month-switch button{padding:8px}.dashboard-app .view-options{display:flex;gap:7px;flex-wrap:wrap}.dashboard-app .view-options button,.dashboard-app .view-options select{font-size:12px}.dashboard-app .notice{color:var(--muted);font-size:12px;min-height:24px;margin:17px 0}.dashboard-app .widgets{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.dashboard-app .card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:26px;min-width:0;scroll-margin-top:15px}.dashboard-app .widget-bills{grid-column:1/-1}.dashboard-app .card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.dashboard-app .card-head>svg{color:var(--copper)}.dashboard-app .bill-overview{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:20px}.dashboard-app .big-money{font-size:clamp(36px,4vw,54px);font-weight:600;letter-spacing:-2px;display:block;line-height:1.1;margin:10px 0 14px}.dashboard-app .money-split{display:flex;gap:15px;margin-top:20px}.dashboard-app .money-split button{display:flex;flex-direction:column;align-items:flex-start;min-width:145px;background:transparent;padding:12px 15px}.dashboard-app .money-split span{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.dashboard-app .money-split strong{font-size:24px;letter-spacing:-.5px}.dashboard-app .money-split button.selected{border-color:var(--copper)}.dashboard-app .dot{display:inline-block;width:8px;height:8px;border-radius:50%}.dashboard-app .paid{background:var(--green)}.dashboard-app .unpaid{background:var(--copper)}.dashboard-app .chart{height:210px;position:relative}.dashboard-app .chart-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.dashboard-app .chart-center strong{font-size:37px;line-height:1.3;font-weight:600}.dashboard-app .chart-center span{font-size:10px;color:var(--muted);max-width:90px;text-align:center}.dashboard-app .pills{display:flex;gap:8px;margin:22px 0 8px}.dashboard-app .pills button{font-size:12px;padding:8px 17px}.dashboard-app .bill-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.dashboard-app .bill-row:last-child{border-bottom:0}.dashboard-app .check-button{border-radius:50%;min-width:44px;width:44px;height:44px;padding:8px;background:transparent}.dashboard-app .check-button>span{width:16px;height:16px;border:1px solid #a29b8a;border-radius:50%}.dashboard-app .is-paid .check-button{background:#33402e;color:#bdd2ae;border-color:#536749}.dashboard-app .bill-text{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:0}.dashboard-app .bill-text strong{font-size:15px}.dashboard-app .bill-text span{font-size:12px;color:var(--muted);margin-top:4px}.dashboard-app .bill-row>strong{font-size:15px;white-space:nowrap}.dashboard-app .unknown{color:var(--copper);font-size:11px}.dashboard-app .due-row{display:flex;gap:15px;align-items:center;text-align:left;width:100%;background:transparent;border:0;border-top:1px solid var(--line);padding:14px 0}.dashboard-app .due-row>span:last-child{display:flex;flex-direction:column;font-size:14px}.dashboard-app .due-row small{color:var(--muted);margin-top:4px}.dashboard-app .date-chip{display:flex;flex-direction:column;align-items:center;min-width:48px;background:#303228;border-radius:7px;padding:5px}.dashboard-app .date-chip small{text-transform:uppercase;font-size:9px}.dashboard-app .date-chip strong{font-size:22px;line-height:1.2}.dashboard-app .calendar-row{display:grid;grid-template-columns:58px 1fr auto;gap:8px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.dashboard-app .calendar-row strong{font-weight:500}.dashboard-app .calendar-row span,.dashboard-app .calendar-row small{color:var(--muted);font-size:11px}.dashboard-app .task-row{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding:17px 0;font-size:14px;margin-bottom:0}.dashboard-app .tiny-star{color:var(--copper);font-size:21px}.dashboard-app .quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard-app .quick-grid button{min-height:62px;font-size:13px}.dashboard-app .empty{padding:25px 0;color:var(--muted)}.dashboard-app .simple-note{font-size:12px;color:var(--muted)}.dashboard-app .simple .widget-bills>.small{display:none}.dashboard-app footer{display:flex;gap:15px;margin-top:40px;border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:10px}.dashboard-app footer span{margin-left:auto}.dashboard-app .editor{color:var(--cream);background:var(--panel);border:1px solid #656052;border-radius:16px;width:620px;max-width:calc(100vw - 20px);max-height:90vh;padding:25px;overflow:auto}.dashboard-app .editor::backdrop{background:#000a}.dashboard-app .editor>label{display:flex;flex-direction:column;gap:8px}.dashboard-app .editor .card-head button{padding:8px}.dashboard-app .widget-options{margin:22px 0}.dashboard-app .widget-option{display:flex;align-items:center;border-top:1px solid var(--line);gap:8px;padding:12px 0}.dashboard-app .widget-option label{display:flex;gap:12px;align-items:center;flex:1;cursor:pointer}.dashboard-app .widget-option input{width:22px;height:22px;accent-color:var(--copper)}.dashboard-app .widget-option strong{font-size:14px;display:block}.dashboard-app .widget-option small{display:block;color:var(--muted);font-size:11px}.dashboard-app .widget-option button{padding:8px;min-width:44px}.dashboard-app .editor-actions{display:flex;flex-wrap:wrap;gap:8px}.dashboard-app .editor-actions button{font-size:12px}.dashboard-app .modal-shade{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:1000;padding:20px}.dashboard-app .detail{max-width:440px;width:100%;position:relative}.dashboard-app .detail-close{float:right;padding:8px}.dashboard-app .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1000px){.dashboard-app .shell{grid-template-columns:190px 1fr}.dashboard-app main{padding:30px 24px}.dashboard-app .shell aside{padding:26px 16px}.dashboard-app .brand{font-size:20px}.dashboard-app .brand img{width:35px;height:35px}.dashboard-app .widgets{gap:16px}.dashboard-app .card{padding:20px}.dashboard-app .calendar-row{grid-template-columns:48px 1fr}.dashboard-app .calendar-row small{grid-column:2}.dashboard-app .bill-overview{grid-template-columns:1fr 170px}.dashboard-app .chart{height:180px}.dashboard-app .money-split button{min-width:120px}}
@media(max-width:700px){.dashboard-app .shell{display:block}.dashboard-app .shell aside{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:15px 18px;display:flex;align-items:center;justify-content:space-between}.dashboard-app .brand{font-size:18px}.dashboard-app .brand img{height:35px;width:35px}.dashboard-app .brand small{font-size:7px}.dashboard-app .sidebar-label,.dashboard-app .sidebar-home,.dashboard-app .sidebar-note,.dashboard-app .demo-person small{display:none}.dashboard-app .demo-person{margin:0;font-size:9px}.dashboard-app .demo-person label{font-size:0}.dashboard-app .demo-person select{font-size:11px;min-height:44px;width:145px;margin:0;padding:8px}.dashboard-app main{padding:27px 16px}.dashboard-app header{align-items:flex-start;gap:10px;margin-bottom:23px}.dashboard-app h1{font-size:39px}.dashboard-app .customize{font-size:0;padding:10px;min-width:46px}.dashboard-app .customize svg{width:22px;height:22px}.dashboard-app .eyebrow{font-size:8px;margin-bottom:10px}.dashboard-app header .muted{font-size:13px;margin-bottom:0}.dashboard-app .controls{gap:14px;padding-top:18px}.dashboard-app .month-switch{width:100%;justify-content:space-between}.dashboard-app .month-switch h2{font-size:20px}.dashboard-app .view-options{width:100%;justify-content:space-between}.dashboard-app .view-options select{flex:1;max-width:190px}.dashboard-app .notice{font-size:10px;line-height:1.5;margin:12px 0 17px}.dashboard-app .widgets{grid-template-columns:1fr;gap:16px}.dashboard-app .widget-bills{grid-column:auto}.dashboard-app .card{padding:20px 17px;border-radius:12px}.dashboard-app .card-head h2{font-size:23px}.dashboard-app .bill-overview{grid-template-columns:minmax(0,1fr) 116px;gap:10px}.dashboard-app .chart{height:126px}.dashboard-app .chart-center strong{font-size:26px}.dashboard-app .chart-center span{font-size:8px;max-width:65px}.dashboard-app .big-money{font-size:38px}.dashboard-app .bill-overview .muted{font-size:11px;margin-bottom:6px}.dashboard-app .bill-overview .small{font-size:10px}.dashboard-app .money-split{gap:8px;grid-column:1/-1;margin-top:14px;flex-wrap:wrap}.dashboard-app .money-split button{min-width:0;padding:8px 10px;flex:1}.dashboard-app .money-split strong{font-size:20px}.dashboard-app .money-split span{font-size:10px}.dashboard-app .bill-row{gap:9px;padding:12px 0}.dashboard-app .bill-text strong{font-size:13px}.dashboard-app .bill-text span{font-size:10px}.dashboard-app .bill-row>strong{font-size:13px}.dashboard-app .unknown{font-size:9px}.dashboard-app .check-button{min-width:44px}.dashboard-app .pills button{flex:1;padding:8px;font-size:11px}.dashboard-app .card>.small{font-size:10px}.dashboard-app .calendar-row{grid-template-columns:58px 1fr auto}.dashboard-app .calendar-row small{grid-column:auto}.dashboard-app .widget-option small{max-width:180px}.dashboard-app .editor{padding:20px 15px}.dashboard-app .editor-actions{flex-direction:column}.dashboard-app .editor-actions button{width:100%}.dashboard-app footer{font-size:9px;flex-wrap:wrap;gap:8px}.dashboard-app footer span{width:100%;margin-left:0}}

/* SEES AFTER DARK — shared design primitives. Never use accent color alone for status. */
:root{
 color-scheme:dark;
 --background:#0D0C12;--bg:var(--background);--surface:#14121B;--surface-raised:#1B1923;--surface-hover:#24202F;--surface-input:#100F16;
 --text:#F3EFFA;--muted:#C1B8CC;--subtle:#B2A7C0;--border:#302A3C;--line:var(--border);--line-soft:#25212E;
 --brand:#A970FF;--brand-soft:#D2B7FF;--brand-wash:#261D38;--pink:#FF4FA8;--pink-soft:#FFB9DC;--pink-wash:#2F1B2B;
 --teal:#43E8D2;--teal-soft:#A4F3E8;--teal-wash:#162C2C;--success:#BFFF64;--success-soft:#D8F6AC;--success-wash:#25301D;
 --warning:#FFCF80;--danger:#FF8D9E;--track:#342B43;
 --font-ui:'Segoe UI Variable','Segoe UI',system-ui,-apple-system,sans-serif;
 --text-micro:10px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:17px;--text-xl:21px;--text-2xl:28px;--text-display:clamp(30px,3.3vw,43px);
 --header-mobile:56px;--intro-mobile:16px;--context-mobile:8px;--summary-ring:112px;--ring-label-width:62px;
 --nav-group-gap:12px;--nav-top-gap:20px;
 --brand-ink:#170D24;--secondary-text:var(--muted);--input-border:#51465F;--dialog-border:#58416D;--danger-wash:#361C28;--backdrop:#07050CC9;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;
 --radius-sm:8px;--radius:14px;--radius-lg:20px;--pill:999px;--tap:44px;--icon:18px;
 --shadow:0 14px 40px #0003;--dialog-shadow:0 30px 100px #0009;--glow:0 0 24px #A970FF12;
 --motion:150ms;--focus:0 0 0 3px var(--bg),0 0 0 5px var(--teal);
}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:var(--text-base)/1.5 var(--font-ui);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 15px;background:var(--surface-raised);color:var(--text);transition:background var(--motion),border-color var(--motion),transform var(--motion)}button:hover{background:var(--surface-hover);border-color:#655075}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button svg{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:4px}input,select,textarea{width:100%;min-height:var(--tap);background:var(--surface-input);color:var(--text);border:1px solid #51465F;border-radius:var(--radius-sm);padding:10px 12px}input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--brand);flex-shrink:0}input::placeholder{color:var(--subtle)}label{display:block;font-size:var(--text-sm)}form label{margin:var(--space-4) 0}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--text);line-height:1.18}h1{font-size:var(--text-display);font-weight:650;letter-spacing:-1.6px;margin-bottom:var(--space-3)}h2{font-size:var(--text-xl);font-weight:620;letter-spacing:-.55px;margin-bottom:var(--space-2)}h3{font-size:var(--text-lg);letter-spacing:-.3px}small{font-size:var(--text-xs)}.muted{color:var(--muted)}.small{font-size:var(--text-sm)}.primary{background:var(--brand);color:#170D24;border-color:var(--brand);font-weight:650}.primary:hover{background:var(--brand-soft);border-color:var(--brand-soft)}.icon-button{width:var(--tap);height:var(--tap);padding:0;flex-shrink:0;background:transparent}.sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.section-kicker{display:flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-xs);font-weight:650;letter-spacing:1.8px;text-transform:uppercase}.prototype-strip{height:24px;display:flex;align-items:center;justify-content:center;background:#1B1426;color:var(--brand-soft);font-size:var(--text-xs);letter-spacing:1.1px}.skip-link{position:fixed;top:-100px;left:12px;background:var(--teal);color:var(--bg);padding:12px;z-index:1000}.skip-link:focus{top:10px}
/* Navigation */
.after-dark-shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:calc(100vh - 24px);max-width:1800px;margin:auto}.after-dark-sidebar{overflow-y:auto;height:calc(100vh - 24px);position:sticky;top:0;padding:20px 16px 16px;border-right:1px solid var(--line-soft);display:flex;flex-direction:column;background:#100E16}.brand{display:flex;align-items:center;justify-content:flex-start;gap:10px;border:0;background:none;padding:0 8px;font-size:20px;font-weight:750;letter-spacing:.2px;color:var(--text);text-align:left}.brand:hover{background:none}.brand-symbol{display:inline-flex;align-items:center;justify-content:center;width:38px;height:42px;color:var(--brand);filter:drop-shadow(0 0 9px #A970FF35);flex-shrink:0}.brand-symbol svg{width:100%;height:100%}.brand small{display:block;color:var(--brand-soft);font-size:var(--text-micro);font-weight:600;letter-spacing:3.5px;margin-top:1px}.after-dark-sidebar nav{margin-top:var(--nav-top-gap)}.nav-group{margin-bottom:var(--nav-group-gap)}.nav-group summary{min-height:var(--tap);font-size:var(--text-xs);letter-spacing:1.2px;text-transform:uppercase;color:var(--subtle);padding:0 11px 9px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.nav-group:not([open]) summary svg{transform:rotate(-90deg)}.nav-group>div{display:grid;gap:3px}.nav-group button,.sidebar-bottom>button{width:100%;justify-content:flex-start;position:relative;background:none;border-color:transparent;color:var(--muted);padding:10px 12px;min-height:43px;font-size:var(--text-sm)}.nav-group button:hover,.sidebar-bottom>button:hover{background:var(--surface-raised);color:var(--text)}.nav-group button[aria-current=page]{background:var(--brand-wash);color:var(--brand-soft);border-color:#49325F}.nav-group button i{width:5px;height:5px;border-radius:50%;background:var(--brand);margin-left:auto;box-shadow:0 0 8px #A970FF66}.sidebar-bottom{margin-top:auto;padding-top:8px}.sidebar-user{border-top:1px solid var(--line);margin-top:var(--space-3);padding:12px 4px 0;display:flex;align-items:center;gap:10px;font-size:var(--text-xs)}.sidebar-user small{display:block;font-size:var(--text-xs);color:var(--subtle)}.sidebar-user .live-dot{margin-left:auto}.avatar{border-radius:50%;background:#2A203C;border:1px solid #604181;color:var(--brand-soft);height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--success);display:inline-block;flex-shrink:0}.after-dark-workspace{min-width:0}.command-header{height:70px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:16px;background:#0D0C12ed;position:sticky;top:0;z-index:30;backdrop-filter:blur(15px)}.breadcrumb{font-size:12px;color:var(--subtle);display:flex;gap:13px;align-items:center}.breadcrumb strong{font-weight:500;color:var(--muted)}.breadcrumb>span{color:#4B405B}.header-actions{display:flex;align-items:center;gap:20px}.status-dot{color:var(--subtle);font-size:var(--text-xs);display:flex;align-items:center;gap:6px}.status-dot:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--teal)}.quick-add{height:36px;min-height:36px;font-size:12px;padding:0 13px}.profile-menu{position:relative}.profile-menu summary{list-style:none;cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.profile-menu .options-popover{right:0;top:50px;width:270px;display:grid;gap:8px}.profile-menu .options-popover small{color:var(--subtle)}.mobile-menu-button,.mobile-brand{display:none}.bottom-nav{display:none}.sidebar-collapsed{grid-template-columns:80px minmax(0,1fr)}.sidebar-collapsed .after-dark-sidebar{padding:27px 11px 16px}.sidebar-collapsed .brand{padding:0 9px}.sidebar-collapsed .brand>span:last-child,.sidebar-collapsed .nav-group summary,.sidebar-collapsed .nav-group button span,.sidebar-collapsed .nav-group button i,.sidebar-collapsed .sidebar-bottom button span,.sidebar-collapsed .sidebar-user{display:none}.sidebar-collapsed .nav-group button,.sidebar-collapsed .sidebar-bottom>button{justify-content:center}.sidebar-collapsed .nav-group{margin-bottom:17px}.sidebar-collapsed .after-dark-sidebar nav{margin-top:var(--nav-top-gap)}.sidebar-collapsed .nav-group:not([open])>div{display:grid}
/* Command center */
.ad-page{padding:34px 36px 20px;max-width:1280px;margin:auto;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative}.page-heading>.primary{flex-shrink:0}.page-heading .section-kicker{margin-bottom:14px;color:var(--brand-soft);font-size:var(--text-xs);letter-spacing:1.65px}.page-subtitle{font-size:var(--text-sm);color:var(--muted);margin-bottom:0}.orbit-art{width:210px;height:105px;stroke:var(--brand);stroke-width:.7;opacity:.6;flex-shrink:0}.orbit-art path{stroke:var(--brand-soft);fill:#A970FF08}.orbit-art circle:last-child{fill:var(--pink)}.home-context{display:flex;justify-content:space-between;align-items:center;margin:26px 0 17px;gap:10px}.local-dot{font-size:var(--text-xs);color:var(--subtle);display:flex;align-items:center;gap:6px}.local-dot:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--teal)}.local-dot>span{color:#5C506B}.home-options{position:relative;z-index:10}.home-options>summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer;font-size:var(--text-xs);color:var(--muted);min-height:44px}.options-popover{position:absolute;right:0;top:44px;width:260px;background:var(--surface-raised);border:1px solid #574366;box-shadow:var(--dialog-shadow);border-radius:var(--radius);padding:16px;z-index:50}.options-popover button{width:100%;justify-content:space-between;margin-top:9px;font-size:12px}.options-popover label{font-size:var(--text-xs);color:var(--muted)}.options-popover select{margin-top:8px}.command-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:18px;align-items:stretch}.ad-card{border:1px solid var(--line);border-radius:var(--radius);padding:23px;background:var(--surface);min-width:0;box-shadow:var(--shadow)}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-heading .section-kicker{font-size:var(--text-xs);letter-spacing:1.4px}.text-link{padding:0;border:0;background:none;min-height:30px;color:var(--muted);font-size:var(--text-xs);gap:4px;white-space:nowrap}.text-link:hover{background:none;color:var(--teal)}.card-description{font-size:var(--text-xs);color:var(--subtle);margin-bottom:15px;line-height:1.6}.count-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--pink-wash);color:var(--pink-soft);font-size:var(--text-xs);min-width:23px;height:23px;margin-left:10px;vertical-align:middle;letter-spacing:0}.today-card{border-top-color:#5A3A78;background:linear-gradient(120deg,#A970FF06,transparent 60%),var(--surface)}.today-items{display:grid;gap:0}.today-item{display:flex;align-items:center;gap:12px;min-height:60px;border-bottom:1px solid var(--line-soft)}.round-check{border-radius:50%;width:var(--tap);height:var(--tap);min-height:var(--tap);min-width:var(--tap);padding:0;background:transparent;border:1px solid #645371;color:transparent;position:relative;flex-shrink:0}.round-check:after{content:'';position:absolute;inset:-5px}.round-check:hover{color:var(--success);border-color:var(--success);background:var(--success-wash)}.round-check[aria-pressed=true],.is-paid .round-check{background:var(--success-wash);border-color:#6C8D42;color:var(--success)}.record-link{padding:10px 0;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:2px;border:0;background:none;flex:1;text-align:left;min-width:0}.record-link:hover{background:none}.record-link strong{font-size:12px;font-weight:500}.record-link small{display:flex;gap:6px;font-size:var(--text-xs);color:var(--subtle)}.tiny-type{color:#7C6A91}.commitment{display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;padding:12px 0;text-align:left;background:transparent}.commitment>span:nth-child(2){flex:1}.commitment strong{display:block;font-size:12px;font-weight:500}.commitment small{color:var(--subtle);font-size:var(--text-xs)}.time-chip{border:1px solid #2B5550;border-radius:5px;background:var(--teal-wash);color:var(--teal-soft);font-size:var(--text-xs);padding:7px}.commitment>svg{color:var(--teal)}.add-line{width:100%;border:0;background:none;color:var(--subtle);justify-content:flex-start;padding:16px 0 0;font-size:var(--text-xs);min-height:44px}.add-line:hover{background:none;color:var(--brand-soft)}.snapshot-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.snapshot-main .card-description{margin-bottom:20px}.snapshot-amount{display:block;font-size:33px;letter-spacing:-1.2px;font-weight:600;color:var(--text);line-height:1.2}.snapshot-main .small{font-size:var(--text-xs)}.bill-ring{position:relative;flex-shrink:0;width:var(--summary-ring);height:var(--summary-ring)}.bill-ring>div:last-child{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.bill-ring strong{font-size:26px;letter-spacing:-.7px;line-height:1.2}.bill-ring strong small{font-size:13px}.bill-ring span{color:var(--subtle);font-size:var(--text-xs);max-width:var(--ring-label-width);text-align:center;line-height:1.2}.progress-track{height:5px;background:var(--track);border-radius:var(--pill);overflow:hidden;margin-top:20px}.progress-track>span{display:block;height:100%;border-radius:var(--pill);background:var(--success)}.snapshot-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;font-size:var(--text-xs);color:var(--subtle)}.snapshot-footer>span{display:flex;align-items:center;gap:5px}.snapshot-footer strong{color:var(--success-soft);font-weight:500}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:3px;flex-shrink:0}.success{background:var(--success)}.purple{background:var(--brand)}.micro-note{color:var(--subtle);font-size:var(--text-xs);line-height:1.65;margin:12px 0 0}.money-card .card-heading{margin-bottom:20px}.money-card{background:linear-gradient(150deg,#BFFF6403,transparent 70%),var(--surface)}.incoming-list{margin-top:4px}.incoming-row{width:100%;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;padding:12px 0;background:none;text-align:left}.incoming-row:last-child{border-bottom:0}.incoming-row:hover{background:#A970FF04}.date-tile{width:38px;height:44px;background:var(--brand-wash);color:var(--brand-soft);border:1px solid #3D2F50;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0}.date-tile small{font-size:var(--text-micro);text-transform:uppercase;letter-spacing:1px;line-height:1.3}.date-tile strong{font-size:16px;line-height:1.25;font-weight:600}.type-event .date-tile{background:var(--teal-wash);color:var(--teal-soft);border-color:#2B4A47}.type-task .date-tile{background:var(--pink-wash);color:var(--pink-soft);border-color:#533247}.incoming-copy{flex:1;min-width:0}.incoming-copy strong{font-size:12px;font-weight:500;display:block}.incoming-copy small{color:var(--subtle);font-size:var(--text-xs);display:flex;gap:5px;align-items:center;margin-top:4px}.incoming-row>svg{color:#6F607D}.food-card .section-kicker{color:var(--teal-soft)}.meal-feature{display:flex;align-items:center;gap:15px;min-height:127px;margin:16px 0 17px;padding:15px;background:#122121;border:1px solid #254039;border-radius:10px}.meal-feature small{font-size:var(--text-micro);letter-spacing:1.3px;color:var(--teal-soft)}.meal-feature h3{font-size:17px;margin:5px 0 6px}.meal-feature p{font-size:var(--text-xs);color:var(--muted);margin:0}.meal-symbol{position:relative;display:flex;width:44px;height:44px;align-items:center;justify-content:center;color:var(--teal-soft);flex-shrink:0}.meal-symbol>svg:last-child{position:absolute;right:-3px;top:-5px;color:var(--teal)}.food-shortcuts{display:grid;gap:8px}.food-shortcuts button{display:flex;gap:12px;justify-content:flex-start;background:none;border-color:var(--line-soft);padding:12px;min-height:63px}.food-shortcuts button>svg:first-child{color:var(--teal)}.food-shortcuts span{text-align:left;flex:1;font-size:12px}.food-shortcuts small{display:block;font-size:var(--text-xs);color:var(--subtle);margin-top:2px}.food-shortcuts button>svg:last-child{color:var(--subtle)}.quick-card{grid-column:1/-1;padding-top:20px}.quick-card .section-kicker{color:var(--pink-soft);font-size:var(--text-xs);margin-bottom:8px}.quick-card h2{font-size:18px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}.quick-grid button{justify-content:flex-start;padding:12px 13px;background:var(--surface-raised);font-size:var(--text-xs);min-height:55px}.quick-grid button>svg:first-child{color:var(--brand-soft)}.quick-grid button>svg:last-child{margin-left:auto;color:var(--subtle)}.ad-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line-soft);padding:18px 0 4px;margin-top:14px;color:var(--subtle);font-size:var(--text-xs)}.ad-footer>span:first-child{display:flex;align-items:center;gap:7px;font-size:var(--text-xs);font-weight:650;letter-spacing:.6px;color:var(--muted)}.ad-footer svg{width:21px;height:24px;color:var(--brand)}.ad-footer small{font-size:var(--text-micro);letter-spacing:1.8px;color:var(--subtle);font-weight:400}.save-status{font-size:12px;color:var(--teal-soft);margin-top:16px;min-height:18px}
/* Bills */
.context-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-top:28px}.context-tabs button{border:0;background:none;border-radius:0;color:var(--subtle);padding:10px 0;font-size:12px}.context-tabs button[aria-current=page]{color:var(--brand-soft);border-bottom:2px solid var(--brand)}.bill-toolbar{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.month-control{display:flex;align-items:center;gap:16px}.month-control .icon-button{width:var(--tap);min-width:var(--tap);height:44px;border-color:transparent}.month-control>span{font-size:15px;font-weight:550}.finance-overview{display:grid;grid-template-columns:1fr 1.1fr 125px;gap:32px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(110deg,#A970FF07,transparent),var(--surface);padding:26px;margin-bottom:22px}.financial-total>.section-kicker{font-size:var(--text-xs);color:var(--subtle)}.financial-total>strong{display:block;font-size:38px;letter-spacing:-1.4px;font-weight:600;margin:9px 0 2px}.finance-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.finance-breakdown>div:not(.progress-track){display:grid;gap:5px;font-size:var(--text-xs);color:var(--muted)}.finance-breakdown strong{font-size:22px;color:var(--text);font-weight:550;letter-spacing:-.7px}.finance-breakdown strong.success-text{color:var(--success-soft)}.finance-breakdown .progress-track,.finance-breakdown .micro-note{grid-column:1/-1}.finance-overview .bill-ring{width:115px;height:115px}.bill-list-card{padding:0 23px 14px}.bill-list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.segmented{display:inline-flex;gap:4px;border:1px solid var(--line);background:var(--surface-input);padding:4px;border-radius:9px;flex-shrink:0}.segmented button{min-height:35px;padding:7px 13px;border:0;background:none;font-size:var(--text-xs);color:var(--muted)}.segmented button[aria-pressed=true]{background:var(--brand-wash);color:var(--brand-soft)}.segmented button span{font-size:var(--text-xs);border-radius:4px;background:#A970FF20;padding:1px 5px}.search-label{max-width:220px;flex:1}.search-label input{font-size:var(--text-xs);min-height:39px;background:transparent;border-color:var(--line)}.ad-bill-row{display:flex;align-items:center;gap:15px;min-height:83px;border-bottom:1px solid var(--line-soft)}.bill-name{flex:1;flex-direction:column;align-items:flex-start;text-align:left;border:0;background:none;border-radius:0;padding:12px 0;min-width:0;gap:5px}.bill-name:hover{background:none;color:var(--brand-soft)}.bill-name strong{font-size:14px;font-weight:550}.bill-name small{font-size:var(--text-xs);color:var(--subtle);display:flex;align-items:center;gap:5px}.bill-value{border:0;background:none;padding:10px 0 10px 10px;font-size:16px;letter-spacing:-.4px;font-weight:550;gap:8px}.bill-value>svg{color:var(--subtle)}.bill-value.unpriced{color:var(--pink-soft);font-size:var(--text-xs);letter-spacing:0;font-weight:500}.is-paid .bill-name strong{color:var(--muted)}.is-paid .bill-value{color:var(--success-soft)}.section-footnote{display:flex;gap:8px;align-items:flex-start;font-size:var(--text-xs);color:var(--subtle);margin:22px 0 0}.section-footnote svg{flex-shrink:0;color:var(--brand-soft)}.undated-note{width:100%;justify-content:flex-start;gap:10px;background:#18151F;border-color:var(--line);font-size:12px;margin:15px 0}.undated-note>span{margin-left:auto;color:var(--subtle);font-size:var(--text-xs)}.undated-row{width:100%;justify-content:space-between;margin-top:15px;font-size:12px}.undated-row span{color:var(--teal-soft);display:flex;gap:8px;align-items:center}.empty-state{text-align:center;padding:30px;color:var(--muted);font-size:12px}.empty-state>svg{color:var(--success);margin:10px}.empty-state h3{font-size:17px}.empty-state p{margin-bottom:0}
/* Shared overlays and settings */
.ad-dialog,.mobile-navigation{background:var(--surface);color:var(--text);border:1px solid #58416D;border-radius:var(--radius-lg);box-shadow:var(--dialog-shadow);width:560px;max-width:calc(100vw - 28px);max-height:90dvh;overflow:auto;padding:26px}.ad-dialog::backdrop,.mobile-navigation::backdrop{background:#07050CC9;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.dialog-heading h2{font-size:24px;margin:0}.dialog-heading .icon-button{border-color:transparent}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-message{color:var(--warning);font-size:12px}.check-label{display:flex;align-items:center;gap:10px;min-height:44px}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.dialog-actions button{font-size:12px}.widget-options{margin-top:16px}.widget-option{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);padding:9px 0}.widget-option label{flex:1;display:flex;align-items:center;gap:12px;min-height:55px;margin:0}.widget-option strong{display:block;font-size:12px;font-weight:550}.widget-option small{display:block;color:var(--subtle);font-size:var(--text-xs);margin-top:2px}.widget-option .icon-button{width:var(--tap)}.account-page{padding:32px;max-width:850px}.account-page h1{font-size:32px}.account-card{padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);margin:20px 0}.account-card>label{margin:12px 0}.account-card p,.account-page>p{color:var(--muted);font-size:13px}.account-card button{margin:6px 6px 6px 0}.login-page{max-width:470px;padding:32px;margin:70px auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--glow)}.login-page h1{font-size:35px;margin-top:16px}.login-page>p{color:var(--muted)}.login-page .section-kicker{color:var(--brand-soft);margin-top:20px;font-size:var(--text-xs)}.login-page form button{width:100%;margin-top:10px}.login-page details{font-size:var(--text-xs);color:var(--subtle);overflow-wrap:anywhere;margin-top:20px}.mobile-navigation .nav-group{margin:20px 0}.mobile-navigation .nav-group summary{min-height:var(--tap);padding:0 10px 10px}.mobile-navigation .nav-group button{min-height:46px}.mobile-settings{width:100%;justify-content:flex-start;background:var(--surface-raised);font-size:12px}
/* Existing modules stay operational; a restrained base bridge, not a full module redesign. */
.legacy-app{background:var(--bg);color:var(--text);--bg:var(--bg);--panel:var(--surface);--line:var(--line);--cream:var(--text);--copper:var(--brand);--muted:#B1A9BE;--green:var(--success)}.legacy-app>div>aside,.legacy-app .topbar{display:none}.legacy-app .shell{display:block;max-width:none}.legacy-app main{padding:32px;min-width:0;max-width:1260px;margin:auto}.legacy-app button{min-height:44px;color:var(--text);background:var(--surface-raised);border-color:var(--line);font-family:var(--font-ui)}.legacy-app input,.legacy-app select,.legacy-app textarea{background:var(--surface-input);color:var(--text);border-color:#51465F;font-family:var(--font-ui)}.legacy-app h1,.legacy-app h2,.legacy-app h3{color:var(--text)}.legacy-app .eyebrow{color:var(--brand-soft)}.legacy-app .hq-panel{background:var(--surface);border-color:var(--line);border-radius:var(--radius)}.legacy-app footer{color:var(--subtle)}.legacy-app button.primary{background:var(--brand);color:#170D24}.legacy-app dialog{background:var(--surface);color:var(--text)}
@media(min-width:1450px){.command-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr)}.today-card{grid-column:1/3}.money-card{grid-column:3}.incoming-card{grid-column:1}.food-card{grid-column:2}.quick-card{grid-column:3}.quick-grid{grid-template-columns:1fr}.quick-card h2{font-size:21px}}
@media(max-width:1100px) and (min-width:761px){.after-dark-shell{grid-template-columns:200px minmax(0,1fr)}.after-dark-sidebar{padding-left:12px;padding-right:12px}.ad-page{padding:28px 24px 20px}.command-header{padding:0 24px}.ad-card{padding:19px}.command-grid{gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bill-ring{width:var(--summary-ring);height:var(--summary-ring)}.snapshot-amount{font-size:28px}.card-heading{gap:5px}.card-heading .section-kicker{letter-spacing:1px;font-size:var(--text-micro)}.orbit-art{width:140px}.quick-grid{grid-template-columns:1fr 1fr}.finance-overview{gap:20px;grid-template-columns:1fr 1fr}.finance-overview>.bill-ring{display:none}.financial-total>strong{font-size:31px}.sidebar-collapsed{grid-template-columns:80px minmax(0,1fr)}}
@media(max-width:760px){.after-dark-shell,.sidebar-collapsed{display:block;padding-bottom:78px}.after-dark-sidebar{display:none}.prototype-strip{height:20px;font-size:var(--text-micro);letter-spacing:.8px}.command-header{height:var(--header-mobile);padding:0 14px;gap:8px;backdrop-filter:blur(12px)}.mobile-menu-button{display:inline-flex;border:0;width:32px;min-width:32px;margin-left:-5px}.mobile-brand{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:750;letter-spacing:.8px;white-space:nowrap}.mobile-brand svg{height:29px;width:27px;color:var(--brand)}.breadcrumb,.status-dot{display:none}.header-actions{margin-left:auto;gap:8px}.quick-add{width:36px;min-width:36px;min-height:40px;padding:0}.quick-add span{display:none}.profile-menu summary{width:36px;min-width:36px}.avatar{width:29px;height:29px;font-size:var(--text-xs)}.ad-page{padding:var(--intro-mobile) 16px 8px}.page-heading{align-items:flex-start;gap:8px}.page-heading .section-kicker{font-size:var(--text-micro);letter-spacing:1.25px;line-height:1.6;margin-bottom:8px}h1{font-size:32px;letter-spacing:-1.3px;line-height:1.09}.page-subtitle{font-size:var(--text-xs);line-height:1.65;max-width:290px}.orbit-art{position:absolute;width:90px;height:62px;right:-1px;top:-17px;opacity:.23;pointer-events:none}.page-heading h1{max-width:295px}.home-context{margin:var(--context-mobile) 0 8px}.local-dot{font-size:var(--text-xs);gap:5px}.home-options>summary{font-size:var(--text-xs);gap:4px}.home-options>summary svg{width:13px}.command-grid{grid-template-columns:1fr;gap:14px}.ad-card{padding:20px;border-radius:var(--radius)}.card-heading{margin-bottom:11px}.card-heading .section-kicker{font-size:var(--text-micro);letter-spacing:1.25px}.text-link{min-height:36px;font-size:var(--text-xs)}.card-description{font-size:var(--text-xs);margin-bottom:12px}.today-item{min-height:64px;gap:12px}.today-item .round-check{min-width:var(--tap);width:var(--tap);height:var(--tap);min-height:var(--tap)}.record-link strong{font-size:12px}.record-link small{font-size:var(--text-xs)}.today-card h2{font-size:22px}.count-pill{height:22px;min-width:22px}.tiny-type{display:none}.commitment{padding:13px 0}.commitment strong{font-size:12px}.snapshot-main{gap:16px}.snapshot-main .bill-ring{width:var(--summary-ring);height:var(--summary-ring)}.snapshot-amount{font-size:30px}.snapshot-main .card-description{margin-bottom:14px}.snapshot-main h2{font-size:21px}.snapshot-footer{font-size:var(--text-xs)}.micro-note{font-size:var(--text-xs)}.money-card .card-heading{margin-bottom:12px}.money-card .progress-track{margin-top:18px}.incoming-row{padding:12px 0;min-height:72px}.incoming-copy strong{font-size:12px}.quick-card{grid-column:auto}.quick-grid{grid-template-columns:1fr 1fr;gap:8px}.quick-grid button{padding:12px 10px;gap:7px;font-size:var(--text-xs);min-height:56px}.quick-grid button>svg:first-child{width:17px}.quick-grid button>svg:last-child{width:12px}.meal-feature{min-height:112px}.food-shortcuts button{min-height:62px}.ad-footer{font-size:var(--text-micro);flex-wrap:wrap;padding-bottom:10px;margin-top:8px}.ad-footer small{font-size:var(--text-micro)}.ad-footer>span:first-child{font-size:var(--text-xs)}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;align-items:center;background:#14121BF5;backdrop-filter:blur(15px);border-top:1px solid #3C304B;padding:7px 6px max(7px,env(safe-area-inset-bottom));z-index:40;min-height:68px}.bottom-nav button{display:flex;flex-direction:column;gap:3px;min-width:58px;min-height:48px;font-size:var(--text-xs);padding:5px 9px;background:none;border:0;color:var(--subtle);border-radius:9px;position:relative}.bottom-nav button[aria-current=page]{color:var(--brand-soft);background:#A970FF0D}.bottom-nav button[aria-current=page]:before{content:'';position:absolute;top:-8px;width:22px;height:2px;background:var(--brand);border-radius:4px;box-shadow:0 0 10px #A970FF40}.mobile-navigation{width:100%;max-width:calc(100vw - 20px);max-height:calc(100dvh - 35px);padding:20px}.mobile-navigation .brand{font-size:19px}.mobile-navigation .brand-symbol{width:32px}.mobile-navigation .brand small{font-size:var(--text-micro)}.ad-dialog{padding:22px;max-width:calc(100vw - 24px)}.dialog-heading h2{font-size:23px}.dialog-actions{display:grid}.widget-option .icon-button{width:var(--tap);min-width:var(--tap)}.widget-option small{font-size:var(--text-xs)}.widget-option label{gap:8px}.account-page,.legacy-app main{padding:26px 16px}.account-card{padding:20px}.account-page h1{font-size:30px}.login-page{margin:30px 14px;padding:26px}.legacy-app .hq-columns{grid-template-columns:1fr}.legacy-app .page-heading{flex-wrap:wrap;gap:14px}.legacy-app .button-row,.legacy-app .hq-filters,.legacy-app .packing-person-filters{flex-wrap:wrap}.legacy-app .hq-panel{padding:15px}.legacy-app .hq-day{min-height:80px;padding:5px 2px}.legacy-app .hq-day small{font-size:var(--text-micro);overflow-wrap:anywhere}.legacy-app .hq-weekdays{font-size:var(--text-xs)}.legacy-app .bill-row,.legacy-app .bill-month,.legacy-app .weekbar{flex-wrap:wrap}.legacy-app .recipe-grid{grid-template-columns:1fr}.legacy-app dialog{padding:18px}.page-heading>.primary{font-size:var(--text-xs);min-height:40px;padding:9px 11px;gap:5px;margin-top:5px}.context-tabs{margin-top:22px;gap:22px}.context-tabs button{font-size:var(--text-xs)}.bill-toolbar{margin:14px 0}.bill-toolbar>.small{font-size:var(--text-xs)}.month-control{gap:8px}.month-control>span{font-size:13px}.month-control .icon-button{width:var(--tap);min-width:var(--tap)}.finance-overview{position:relative;padding:21px;grid-template-columns:minmax(0,1fr) 98px;gap:18px;margin-bottom:16px}.financial-total{grid-column:1}.financial-total>strong{font-size:33px;margin:9px 0 2px}.financial-total>.small{font-size:var(--text-xs)}.financial-total>.section-kicker{font-size:var(--text-micro);letter-spacing:1.3px}.finance-overview>.bill-ring{grid-column:2;grid-row:1;width:92px;height:92px}.finance-breakdown{grid-column:1/-1;gap:0 24px;padding-top:16px;border-top:1px solid var(--line)}.finance-breakdown strong{font-size:23px}.finance-breakdown>div:not(.progress-track){font-size:var(--text-xs)}.finance-breakdown .progress-track{margin-top:18px}.finance-breakdown .micro-note{font-size:var(--text-xs)}.bill-list-card{padding:0 16px 12px}.bill-list-toolbar{flex-wrap:wrap;padding:16px 0;gap:12px}.segmented{width:100%;display:flex;gap:5px}.segmented button{flex:1;font-size:var(--text-xs);min-height:38px;padding:8px 10px}.search-label{max-width:none;flex-basis:100%}.search-label input{min-height:42px;font-size:var(--text-xs)}.ad-bill-row{min-height:82px;gap:11px}.ad-bill-row .round-check{width:var(--tap);min-width:var(--tap);height:var(--tap);min-height:var(--tap)}.bill-name strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.bill-name small{font-size:var(--text-xs)}.bill-value{font-size:14px;gap:4px;padding-left:4px}.bill-value>svg{width:11px}.bill-value.unpriced{font-size:var(--text-xs)}.bill-name{padding:14px 0}.undated-note{padding:13px 12px;font-size:var(--text-xs);gap:8px;flex-wrap:wrap}.undated-note>span{display:none}.undated-note>svg:last-child{margin-left:auto}.section-footnote{font-size:var(--text-xs);line-height:1.7;margin-top:18px}.form-grid{gap:10px}.profile-menu .options-popover{width:250px}.save-status{font-size:var(--text-xs)}.ad-simple .orbit-art{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Final interaction bridge: expanded hit areas, stable focus and inherited module colors. */
#unified-content{scroll-margin-top:80px;outline:none}.legacy-app{--bg:var(--background);--line:var(--border)}.text-link{min-height:44px}.quick-add{min-height:44px}.nav-group button{min-height:44px}.round-check:after{inset:-7px}@media(max-width:760px){.quick-add{width:44px;min-width:44px}.profile-menu summary{min-width:44px}.mobile-menu-button{min-width:44px}.home-options>summary{min-height:44px}}

/* Functional record names use the base text size; small type stays secondary. */
.record-link strong,.incoming-copy strong,.commitment strong,.bill-name strong{font-size:var(--text-base)}.record-link small,.incoming-copy small,.bill-name small{font-size:var(--text-xs)}.segmented button{font-size:12px}.incoming-card .section-kicker{color:var(--pink-soft)}.bill-name small svg,.month-control>span{color:var(--teal-soft)}.bill-jump{color:var(--teal-soft);border-color:var(--teal-wash);font-size:var(--text-xs);min-height:var(--tap)}.bill-count{font-size:var(--text-xs);color:var(--muted)}#bill-checklist{scroll-margin-top:80px}.widget-options{font-size:var(--text-sm)}.bill-toolbar{flex-wrap:wrap}.finance-overview .bill-ring span{max-width:var(--ring-label-width)}.snapshot-footer{flex-wrap:wrap}.bill-toolbar .month-control{gap:4px}

.save-failure-banner{position:sticky;top:calc(env(safe-area-inset-top) + 58px);z-index:35;background:var(--surface);color:var(--text);border:1px solid var(--danger,#ff7b9c);padding:12px 16px;font-size:14px;line-height:1.5}.pending-save{margin:12px 0}.pending-save p{color:var(--muted);font-size:14px;line-height:1.5}.pending-save button{min-height:44px;margin:4px 10px 4px 0}

/* Canonical module components. Original forms and action handlers are reused. */
.module-page{padding:30px 36px 24px;max-width:1280px;margin:auto;min-width:0;--module-accent:var(--brand-soft);--module-wash:var(--brand-wash)}
.module-page.accent-teal{--module-accent:var(--teal-soft);--module-wash:var(--teal-wash)}.module-page.accent-pink{--module-accent:var(--pink-soft);--module-wash:var(--pink-wash)}
.module-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 24px}.module-heading .section-kicker{color:var(--module-accent);font-size:var(--text-xs);letter-spacing:1.2px;margin:0 0 12px}.module-heading h1{margin:0 0 12px;font-size:var(--text-display)}.module-description{margin:0;color:var(--muted);font-size:var(--text-sm);max-width:650px}.module-emblem{width:76px;height:76px;position:relative;display:flex;align-items:center;justify-content:center;color:var(--module-accent);border:1px solid var(--border);border-radius:50%;background:var(--module-wash);flex-shrink:0}.module-emblem>svg:first-child{width:28px;height:28px;stroke-width:1.3}.module-emblem>svg:last-child{width:15px;height:15px;position:absolute;right:0;top:4px;color:var(--brand-soft)}
.module-context{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px;overflow-x:auto}.module-context button{white-space:nowrap;border:1px solid transparent;background:transparent;color:var(--muted);font-size:var(--text-sm);padding:9px 14px;min-height:var(--tap)}.module-context button[aria-current=page]{color:var(--module-accent);border-color:var(--border);background:var(--module-wash)}.module-workspace{min-width:0}.module-simple .module-emblem{display:none}
/* Remove the previous document chrome, retaining every action in its action bar. */
.module-page .legacy-app{--bg:var(--background);--panel:var(--surface);--line:var(--border);--cream:var(--text);--muted:var(--secondary-text);--copper:var(--brand);--rust:var(--pink);--ink:var(--surface-input);background:transparent;font:var(--text-base)/1.5 var(--font-ui)}
.module-page .legacy-app .app-shell{display:block;min-height:0;max-width:none}.module-page .legacy-app main{padding:0;max-width:none;margin:0}.module-page .legacy-app main h1,.module-page .legacy-app .page-heading>div:first-child,.module-page .legacy-app .topbar,.module-page .legacy-app .sidebar{display:none}.module-page .legacy-app .page-heading{padding:0;margin:0 0 18px;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:0}.module-page .legacy-app .page-heading:empty{display:none}.module-page .legacy-app .page-heading .button-row{margin:0}.module-page .legacy-app .save-status{margin:10px 0 18px;display:flex;align-items:center;gap:8px;font-size:var(--text-xs);color:var(--muted);min-height:var(--tap)}.module-page .legacy-app .save-status .icon{margin-left:auto}.module-page .legacy-app footer{margin-top:32px;padding:20px 0 0;color:var(--subtle);border-top:1px solid var(--line);font-size:var(--text-xs)}.module-page .legacy-app footer em{font-style:normal;font-size:var(--text-xs);letter-spacing:1px;color:var(--brand-soft)}
/* Shared surfaces, text, states and controls across all ten modules. */
.module-page .legacy-app h2{font:600 var(--text-xl)/1.3 var(--font-ui);letter-spacing:-.4px;margin-bottom:14px}.module-page .legacy-app h3{font:600 var(--text-lg)/1.4 var(--font-ui)}.module-page .legacy-app p,.module-page .legacy-app small{font-size:var(--text-sm);line-height:1.6}.module-page .legacy-app .eyebrow{font-size:var(--text-xs);letter-spacing:1.1px;color:var(--module-accent)}.module-page .legacy-app .muted,.module-page .legacy-app .hint{color:var(--muted)}.module-page .legacy-app .section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}.module-page .legacy-app .section-heading h2{margin:0}.module-page .legacy-app .section-heading>span{font-size:var(--text-xs)}
.module-page .legacy-app :is(.hq-panel,.meal-card,.recipe-card,.tip-card,.house-goal,.pantry-list,.pantry-suggestions,.pantry-suggestion,.shopping-panel,.shopping-list,.drum-picker,.drum-list,.fallbacks,.pantry-history,.grocery-summary,.packing-explain){background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow)}
.module-page .legacy-app :is(.hq-panel,.meal-card,.recipe-card,.tip-card,.house-goal,.pantry-suggestion,.drum-picker,.fallbacks){padding:22px}.module-page .legacy-app :is(.hq-row,.shopping-row,.packing-row,.pantry-row,.drum-song,.fallback-row,.grocery-row){border-color:var(--line-soft);color:var(--text);min-height:70px}.module-page .legacy-app :is(.hq-row-content,.bill-name,.quiet){background:transparent}.module-page .legacy-app .hq-row-content{min-width:0;text-align:left}.module-page .legacy-app .hq-row-content strong{font-size:var(--text-base);color:var(--text)}.module-page .legacy-app .hq-row-content small{font-size:var(--text-xs);color:var(--muted)}
.module-page .legacy-app button{min-height:var(--tap);font:500 var(--text-sm)/1.35 var(--font-ui);padding:10px 13px;border-radius:var(--radius-sm);color:var(--text);background:var(--surface-raised);border:1px solid var(--border)}.module-page .legacy-app button:hover{background:var(--surface-hover);border-color:var(--subtle)}.module-page .legacy-app button.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);font-weight:650}.module-page .legacy-app button.primary:hover{background:var(--brand-soft)}.module-page .legacy-app button.quiet{background:transparent}.module-page .legacy-app button.icon{min-width:var(--tap);width:var(--tap);height:var(--tap);padding:8px;flex-shrink:0}.module-page .legacy-app :is(button,input,select,textarea,a):focus-visible{outline:2px solid var(--teal);outline-offset:3px}.module-page .legacy-app button:disabled{opacity:.5;cursor:not-allowed}.module-page .legacy-app .danger{color:var(--danger)}
.module-page .legacy-app :is(input,select,textarea){min-height:var(--tap);background:var(--surface-input);color:var(--text);border:1px solid var(--input-border);border-radius:var(--radius-sm);font:var(--text-base)/1.5 var(--font-ui);padding:10px 12px;max-width:100%}.module-page .legacy-app input[type=checkbox]{min-height:20px;width:20px;height:20px;accent-color:var(--brand);padding:0}.module-page .legacy-app .field>span{color:var(--muted);font-size:var(--text-sm);font-weight:500}.module-page .legacy-app .checkbox-label{min-height:var(--tap);align-items:center;gap:10px;color:var(--text)}.module-page .legacy-app :is(.hq-filters,.packing-people,.pantry-filters,.shopping-filters,.fallback-buttons){display:flex;gap:8px;flex-wrap:wrap}.module-page .legacy-app :is(button[aria-pressed=true],button.active,button.is-today){background:var(--module-wash);border-color:var(--module-accent);color:var(--module-accent)}.module-page .legacy-app .pill{color:var(--module-accent);background:var(--module-wash);border-color:var(--border);font-size:var(--text-xs)}.module-page .legacy-app .hq-check{width:var(--tap);height:var(--tap);border-radius:50%;flex-shrink:0}.module-page .legacy-app .hq-done .hq-check,.module-page .legacy-app .is-packed{background:var(--success-wash);border-color:var(--success);color:var(--success)}.module-page .legacy-app .hq-overdue{color:var(--warning)}
/* Calendar */
.module-page .legacy-app :is(.hq-columns,.hq-calendar-layout){grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:18px;align-items:start}.module-page .legacy-app .hq-calendar,.module-page .legacy-app .hq-agenda{min-width:0}.module-page .legacy-app .hq-month{gap:12px;margin-bottom:18px}.module-page .legacy-app .hq-month h2{font-size:var(--text-xl);color:var(--text)}.module-page .legacy-app .hq-weekdays{color:var(--muted);font-size:var(--text-xs);padding:8px 0}.module-page .legacy-app :is(.hq-grid,.hq-calendar){gap:4px}.module-page .legacy-app .hq-day{background:var(--surface-input);border:1px solid var(--line-soft);border-radius:8px;min-height:94px;align-items:flex-start;justify-content:flex-start;gap:5px;padding:8px;overflow:hidden}.module-page .legacy-app .hq-day small{font-size:var(--text-xs);background:var(--teal-wash);color:var(--teal-soft);border-left:2px solid var(--teal);padding:3px 4px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.module-page .legacy-app .hq-day.today{border-color:var(--brand)}.module-page .legacy-app .hq-day.selected,.module-page .legacy-app .hq-day.is-selected{background:var(--brand-wash);border-color:var(--brand)}.module-page .legacy-app .hq-date{background:var(--teal-wash);color:var(--teal-soft);border-color:var(--border);border-radius:8px;min-width:46px}.module-page .legacy-app .hq-date small{font-size:var(--text-xs)}.module-page .legacy-app .hq-agenda .hq-row{border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:transparent;padding:14px 0}.module-page .legacy-app .hq-agenda>small{display:block;margin-top:14px;color:var(--subtle)}
/* Food planning, recipes, inventory and groceries */
.module-page .legacy-app .weekbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:22px;gap:16px}.module-page .legacy-app .week-name strong{font-size:var(--text-lg);color:var(--text)}.module-page .legacy-app .week-name small{font-size:var(--text-xs);color:var(--muted)}.module-page .legacy-app .week-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.module-page .legacy-app .meal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.module-page .legacy-app .meal-number{color:var(--teal-soft);font-size:var(--text-xl)}.module-page .legacy-app .meal-card h3{margin-top:18px}.module-page .legacy-app .batch-line{color:var(--muted);font-size:var(--text-sm)}.module-page .legacy-app .batch-line small{font-size:var(--text-xs)}.module-page .legacy-app .side-list{padding:14px 0;border-top:1px solid var(--line-soft)}.module-page .legacy-app .side-list p{font-size:var(--text-sm)}.module-page .legacy-app .card-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px;margin-top:auto}.module-page .legacy-app .tip-card{border-top:2px solid var(--teal)}.module-page .legacy-app .tip-card>svg{color:var(--teal)}.module-page .legacy-app .grocery-link{background:var(--teal-wash);border:1px solid var(--border);color:var(--teal-soft);border-radius:var(--radius);padding:18px;margin-top:14px;min-height:90px}.module-page .legacy-app .grocery-link small{font-size:var(--text-xs);color:var(--muted)}.module-page .legacy-app .fallbacks{margin-top:24px}.module-page .legacy-app .fallback-row{background:transparent;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;padding:14px 0}.module-page .legacy-app .recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.module-page .legacy-app .recipe-card .credits{color:var(--muted);font-size:var(--text-sm)}.module-page .legacy-app .search{width:100%;margin:0 0 18px}.module-page .legacy-app .pantry-history{padding:18px;display:flex;align-items:center;gap:18px;margin:20px 0}.module-page .legacy-app .pantry-history>div{flex:1}.module-page .legacy-app .pantry-history p{margin:6px 0 0;color:var(--muted);font-size:var(--text-xs)}.module-page .legacy-app .grocery-summary{padding:18px;display:flex;flex-wrap:wrap;gap:10px 20px}.module-page .legacy-app .grocery-summary strong{color:var(--teal-soft)}.module-page .legacy-app .grocery-summary small{flex-basis:100%;color:var(--muted);font-size:var(--text-xs)}.module-page .legacy-app .grocery-department{margin-top:22px}.module-page .legacy-app .grocery-department h2{font-size:var(--text-lg);color:var(--teal-soft)}.module-page .legacy-app .grocery-labels{font-size:var(--text-xs);color:var(--muted)}.module-page .legacy-app .grocery-row{padding:14px 0;gap:12px}.module-page .legacy-app .grocery-row>div>span{color:var(--muted);font-size:var(--text-xs)}.module-page .legacy-app .grocery-check{min-height:var(--tap);min-width:var(--tap);display:flex;align-items:center;justify-content:center;cursor:pointer}.module-page .legacy-app .covered>div{color:var(--muted)}.module-page .legacy-app .shopping-row,.module-page .legacy-app .pantry-row{background:transparent;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;padding:14px 0}.module-page .legacy-app :is(.shopping-category,.pantry-group){margin:20px 0}.module-page .legacy-app :is(.shopping-category,.pantry-group)>h3{color:var(--module-accent)}
/* Packing, house planning and song library */
.module-packing .legacy-app .packing-section>.section-heading>div{display:none}.module-page .legacy-app .packing-section>.section-heading{justify-content:flex-end}.module-page .legacy-app .packing-plan-bar{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.module-page .legacy-app .packing-plan-bar>.field{flex:1;min-width:220px}.module-page .legacy-app .packing-explain{padding:16px;color:var(--muted);font-size:var(--text-xs);line-height:1.7}.module-page .legacy-app .packing-explain strong{color:var(--text);font-weight:500}.module-page .legacy-app .packing-summary{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 0;color:var(--muted)}.module-page .legacy-app .packing-summary strong{color:var(--module-accent)}.module-page .legacy-app .packing-toolbar{gap:10px;flex-wrap:wrap}.module-page .legacy-app .packing-toolbar .search{flex:1;min-width:190px;margin:0}.module-page .legacy-app .packing-v2-row{padding:18px 0;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.module-page .legacy-app .packing-v2-name{display:flex;align-items:center;gap:12px;flex:1}.module-page .legacy-app .packing-v2-name strong{font-size:var(--text-base)}.module-page .legacy-app .packing-v2-people{display:flex;flex-wrap:wrap;gap:10px}.module-page .legacy-app .packing-person-pair{display:flex;gap:8px}.module-page .legacy-app .packing-person-check{min-height:52px;gap:9px;background:var(--surface-input);border-color:var(--border)}.module-page .legacy-app .packing-person-check.is-needed{background:var(--brand-wash);color:var(--brand-soft)}.module-page .legacy-app .packing-person-check.is-packed{background:var(--success-wash);color:var(--success-soft);border-color:var(--success)}.module-page .legacy-app .packing-person-check small{font-size:var(--text-xs)}.module-page .legacy-app .packing-check-box{border-color:currentColor;border-radius:4px}.module-page .legacy-app .house-goal{border-top:2px solid var(--pink);margin-bottom:24px}.module-page .legacy-app .house-goal-heading{color:var(--pink-soft)}.module-page .legacy-app progress{accent-color:var(--success);height:7px;border-radius:99px;width:100%;background:var(--track)}.module-page .legacy-app .house-phases{display:grid;grid-template-columns:1fr 1fr;gap:18px}.module-page .legacy-app .house-phase .hq-row{background:transparent;border:0;border-bottom:1px solid var(--line-soft)}.module-page .legacy-app .house-task-note{color:var(--muted);font-size:var(--text-xs)}.module-page .legacy-app .drum-picker{border-top:2px solid var(--brand)}.module-page .legacy-app .drum-picker>.section-heading h2{font-size:var(--text-xl)}.module-page .legacy-app .drum-song{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 0;border:0;border-bottom:1px solid var(--line-soft);background:transparent}.module-page .legacy-app .drum-song a{color:var(--teal-soft);min-height:var(--tap);display:inline-flex;align-items:center;gap:6px}.module-page .legacy-app .drum-pick{background:var(--brand-wash);border-color:var(--brand);border-radius:var(--radius)}
.module-drums .legacy-app .page-heading{display:none!important}.module-page .legacy-app .module-help{margin:14px 0;background:var(--surface-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 14px}.module-page .legacy-app .module-help>summary{min-height:var(--tap);display:flex;align-items:center;color:var(--muted);font-size:var(--text-sm);cursor:pointer;list-style:revert}.module-page .legacy-app .module-help .packing-explain{margin:0 0 14px;background:transparent;border:0;box-shadow:none;padding:0}.module-page .legacy-app :is(.pantry-summary,.pantry-match,.pantry-use,.pantry-missing,.drum-picked,.drum-section,.shopping-section){background:var(--surface);border-color:var(--border);color:var(--text);border-radius:var(--radius)}.module-page .legacy-app :is(.pantry-summary,.pantry-match,.drum-picked){padding:18px}.module-page .legacy-app .pantry-match{margin-top:14px;border:1px solid var(--border)}.module-page .legacy-app .pantry-match .pantry-missing{color:var(--pink-soft)}.module-page .legacy-app .pantry-use{color:var(--success-soft)}.module-page .legacy-app .pantry-soon{color:var(--warning);border-color:var(--warning);background:var(--surface-input)}.module-page .legacy-app .pantry-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.module-page .legacy-app .pantry-food{flex:1;text-align:left}.module-page .legacy-app .drum-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line-soft);background:transparent}.module-page .legacy-app .drum-title{flex:1;min-width:160px}.module-page .legacy-app .drum-play{color:var(--teal-soft);min-height:var(--tap);display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);padding:9px 12px;border-radius:var(--radius-sm)}.module-page .legacy-app .drum-search{color:var(--muted);min-height:var(--tap);display:inline-flex;align-items:center}.module-page .legacy-app .shopping-department{margin-top:22px}.module-page .legacy-app .shopping-department h3,.module-page .legacy-app .pantry-department h2{color:var(--module-accent);font-size:var(--text-lg)}
/* One dialog/form language for every editor, including the retained import tools. */
.module-page .legacy-app dialog{background:var(--surface);color:var(--text);border:1px solid var(--dialog-border);border-radius:var(--radius-lg);box-shadow:var(--dialog-shadow);padding:26px;max-height:90dvh}.module-page .legacy-app dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(4px)}.module-page .legacy-app .modal-head{border-color:var(--line);margin-bottom:18px}.module-page .legacy-app .modal-head h2{font-size:var(--text-2xl)}.module-page .legacy-app .modal-actions{border-color:var(--line);gap:10px}.module-page .legacy-app .ingredient-edit,.module-page .legacy-app .side-editor{background:var(--surface-input);border-color:var(--border);border-radius:var(--radius-sm)}.module-page .legacy-app .scaling{background:var(--brand-wash);border-color:var(--brand);color:var(--text)}.module-page .legacy-app .error{background:var(--danger-wash);border-color:var(--danger);color:var(--text)}.module-page .legacy-app .empty,.module-page .legacy-app .hq-empty{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:28px;color:var(--muted)}.module-page .legacy-app .empty>svg,.module-page .legacy-app .hq-empty>svg{color:var(--module-accent)}
/* Accounts use the same module frame and surfaces rather than a second page heading. */
.module-accounts .account-page{padding:0;max-width:none}.module-accounts .account-page>h1,.module-accounts .account-page>.eyebrow{display:none}.module-accounts .account-page>p{font-size:var(--text-sm)}.module-accounts .account-card{background:var(--surface);border-color:var(--border);padding:22px;border-radius:var(--radius)}.module-accounts .account-card h2{font-size:var(--text-xl)}.module-accounts .account-card button{min-height:var(--tap)}
/* The skip link is hidden unless it owns keyboard focus; no sticky layer covers focused content. */
.skip-link:not(:focus){transform:translateY(-200%);visibility:visible}.skip-link:focus{transform:none;visibility:visible}.module-page :is(button,input,select,textarea,[tabindex],a){scroll-margin-top:140px;scroll-margin-bottom:100px}.module-page .legacy-app .hq-check:focus-visible{outline-color:var(--teal)}
.module-page .legacy-app .tip-card>summary{min-height:var(--tap);display:flex;align-items:center;color:var(--teal-soft);font-size:var(--text-sm);cursor:pointer}.module-page .legacy-app .tip-card>h3{margin-top:12px}.module-page .legacy-app .hq-agenda .today-toggle span{display:none}.module-page .legacy-app .hq-agenda .today-toggle{width:var(--tap);min-width:var(--tap);padding:9px}.module-page .legacy-app .hq-agenda .hq-row-content{flex:1}.module-page .legacy-app .hq-agenda .hq-row-content strong{line-height:1.5}
@media(max-width:1100px){.module-page{padding:26px 24px}.module-page .legacy-app :is(.hq-columns,.hq-calendar-layout),.module-page .legacy-app .week-layout{grid-template-columns:1fr}.module-page .legacy-app .week-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.module-page .legacy-app .grocery-link{margin:0}.module-page .legacy-app .recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.module-page{padding:20px 16px 24px}.module-heading{gap:12px;padding-bottom:18px;align-items:flex-start}.module-heading h1{font-size:32px;letter-spacing:-1.2px;line-height:1.12;margin-bottom:10px}.module-heading .section-kicker{font-size:var(--text-xs);letter-spacing:.8px;margin-bottom:9px}.module-description{font-size:var(--text-sm);line-height:1.6}.module-emblem{width:42px;height:42px;margin-top:3px}.module-emblem>svg:first-child{width:20px;height:20px}.module-emblem>svg:last-child{width:11px;top:-3px}.module-context{gap:4px;margin-bottom:16px;padding-bottom:10px}.module-context button{flex:1;padding:9px 8px;font-size:var(--text-xs)}.module-page .legacy-app .page-heading{position:sticky;top:var(--header-mobile);z-index:12;background:var(--background);padding:8px 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-bottom:14px;border-bottom:1px solid var(--line)}.module-page .legacy-app .page-heading>.primary{width:auto;flex:1}.module-page .legacy-app .page-heading>.button-row{width:100%;display:flex}.module-page .legacy-app .page-heading button{flex:1;font-size:var(--text-xs)}.module-page .legacy-app :is(.hq-columns,.hq-calendar-layout){gap:16px}.module-page .legacy-app :is(.hq-panel,.meal-card,.recipe-card,.tip-card,.house-goal,.pantry-suggestion,.drum-picker,.fallbacks){padding:16px}.module-page .legacy-app .hq-calendar{padding:0}.module-page .legacy-app .hq-month{gap:5px;flex-wrap:wrap}.module-page .legacy-app .hq-month h2{font-size:var(--text-lg);flex:1;text-align:center}.module-page .legacy-app .hq-weekdays{font-size:var(--text-xs)}.module-page .legacy-app :is(.hq-grid,.hq-calendar){gap:3px}.module-page .legacy-app .hq-day{min-height:88px;padding:5px 3px;font-size:var(--text-xs)}.module-page .legacy-app .hq-day small{font-size:var(--text-xs);line-height:1.2;padding:3px 2px;white-space:nowrap;width:100%}.module-page .legacy-app .hq-day>span{font-size:var(--text-sm)}.module-page .legacy-app .hq-date{min-width:44px}.module-page .legacy-app .hq-agenda .hq-row{gap:10px}.module-page .legacy-app .hq-agenda small{font-size:var(--text-xs)}.module-page .legacy-app .weekbar{padding:14px;flex-direction:column;align-items:stretch;gap:10px}.module-page .legacy-app .week-name{display:flex;align-items:center;justify-content:space-between;gap:10px}.module-page .legacy-app .week-name strong{font-size:var(--text-sm)}.module-page .legacy-app .week-name .eyebrow{margin:0}.module-page .legacy-app .week-controls{display:flex;justify-content:space-between;gap:8px}.module-page .legacy-app .week-controls .quiet{flex:1}.module-page .legacy-app .week-layout,.module-page .legacy-app .meal-grid,.module-page .legacy-app .recipe-grid,.module-page .legacy-app .week-aside,.module-page .legacy-app .house-phases{grid-template-columns:1fr}.module-page .legacy-app .week-aside{display:grid}.module-page .legacy-app .tip-card{display:block}.module-page .legacy-app .section-heading{flex-wrap:wrap}.module-page .legacy-app .card-actions button{flex:1}.module-page .legacy-app .grocery-link{margin:0;min-height:75px}.module-page .legacy-app .fallback-buttons{display:grid;grid-template-columns:1fr 1fr}.module-page .legacy-app .fallback-row{align-items:flex-start;gap:10px}.module-page .legacy-app .pantry-history{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.module-page .legacy-app .grocery-labels,.module-page .legacy-app .grocery-row{grid-template-columns:minmax(0,1fr) 64px 54px;gap:7px}.module-page .legacy-app .grocery-labels{font-size:var(--text-xs);align-items:end}.module-page .legacy-app .grocery-labels>span:first-child{font-size:var(--text-xs)}.module-page .legacy-app .grocery-row>div>strong{font-size:var(--text-base)}.module-page .legacy-app .grocery-summary{padding:16px}.module-page .legacy-app .packing-plan-bar{flex-direction:column;align-items:stretch}.module-page .legacy-app .packing-plan-bar>.field{min-width:0;width:100%}.module-page .legacy-app .packing-summary{font-size:var(--text-sm)}.module-page .legacy-app .packing-toolbar{display:flex;flex-direction:column;align-items:stretch}.module-page .legacy-app .packing-toolbar .search{min-width:0;width:100%}.module-page .legacy-app .packing-person-pair{flex-wrap:wrap;gap:7px}.module-page .legacy-app .packing-v2-name{flex-basis:100%;justify-content:space-between}.module-page .legacy-app .packing-v2-people{width:100%}.module-page .legacy-app .packing-person-check{min-width:110px}.module-page .legacy-app .packing-explain{font-size:var(--text-xs);padding:14px}.module-packing .legacy-app .packing-section>.section-heading{position:sticky;top:var(--header-mobile);background:var(--surface);padding:8px 0;z-index:10}.module-page .legacy-app dialog{padding:18px 16px;max-width:calc(100vw - 16px)}.module-page .legacy-app .form-grid{grid-template-columns:1fr}.module-page .legacy-app .ingredient-edit{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}.module-page .legacy-app .modal-actions{position:sticky;bottom:-18px;background:var(--surface);padding:14px 0;z-index:2}.module-page .legacy-app .modal-actions button{flex:1}.module-page .legacy-app .drum-song{align-items:flex-start}.module-accounts .account-card{padding:18px}.module-accounts .account-card form button{width:100%}.module-page .legacy-app :is(.hq-row,.packing-row,.shopping-row,.pantry-row,.drum-song){min-width:0;overflow-wrap:anywhere}.module-page .legacy-app .hq-row{gap:8px}.module-page .legacy-app .today-toggle{min-width:44px;padding:9px;font-size:var(--text-xs)}.module-page .legacy-app .today-toggle span{display:none}.module-page .legacy-app footer{align-items:flex-start;font-size:var(--text-xs)}}
@media(prefers-reduced-motion:reduce){.module-page *,.module-page *:before,.module-page *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.after-dark-sidebar,.command-header,.prototype-strip,.bottom-nav,.module-heading,.module-context{display:none!important}.after-dark-shell{display:block}.module-page{padding:0}.module-page .legacy-app .app-shell{display:none!important}.module-page .legacy-app .print-list{display:block!important}.module-page .legacy-app .print-list h1{display:block!important}.module-page .legacy-app .print-list *{color:#000!important;background:transparent!important;box-shadow:none!important}}

.module-page .legacy-app .hq-day.outside{opacity:1;background:var(--surface-input)}.module-page .legacy-app .hq-day.outside>span{color:var(--subtle)}.module-page .legacy-app .hq-day small svg{vertical-align:-2px;margin-right:3px;flex-shrink:0}.module-page .legacy-app .bills-section h2{display:flex;align-items:center;gap:8px}
/* App interaction layer. Palette and type inherit the approved After Dark tokens. */
.app-pane[hidden]{display:none!important}.app-pane:not([hidden]){animation:screen-enter .16s ease-out}@keyframes screen-enter{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}
.queue-page{max-width:1240px;margin:auto;padding:32px 40px 90px}.queue-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.queue-heading h1{font-size:clamp(38px,6vw,60px);letter-spacing:-2px;margin:4px 0 8px}.queue-heading h1 span{font:14px var(--font-body,sans-serif);vertical-align:middle;color:var(--text-muted,#b9b4c6);border:1px solid var(--border,#38313f);padding:4px 9px;border-radius:30px;margin-left:12px}.queue-heading p{color:var(--muted);margin:4px 0}.queue-view-switch,.queue-find,.queue-filters,.queue-filter-options,.queue-results-caption{display:flex;gap:8px;align-items:center}.queue-view-switch{margin-bottom:16px}.queue-view-switch button[aria-pressed=true],.queue-filters button[aria-pressed=true]{background:#352449;border-color:#a783f1;color:#f1eaff}.queue-view-switch button,.queue-filters button{min-height:44px;border-radius:24px}.queue-find{margin-bottom:14px}.queue-search{display:flex;gap:9px;align-items:center;border:1px solid var(--input-border);background:var(--surface-input);border-radius:12px;padding:0 12px;flex:1;min-width:0}.queue-search input{width:100%;border:0;background:none;outline-offset:2px;min-height:46px;box-shadow:none}.queue-search svg{color:#a99abf;flex-shrink:0}.queue-pick{color:var(--teal-soft);border-color:#315b5b}.queue-filters{overflow:auto;padding-bottom:7px}.queue-filters button{white-space:nowrap;font-size:13px;padding:8px 14px}.queue-filter-options{margin-top:5px}.queue-filter-options select{min-height:44px;padding:8px;max-width:100%;background:var(--surface-raised);color:#e7e0ef;border:1px solid var(--input-border);border-radius:10px}.queue-filter-options>label{min-width:0}.queue-filter-options>button{margin-left:auto;min-height:44px;min-width:44px}.queue-results-caption{justify-content:space-between;color:var(--subtle);font-size:12px;padding:18px 0 12px}.queue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.media-card{min-width:0}.media-art{position:relative;border-radius:14px;overflow:hidden;border:1px solid #4b3b60;background:#191522}.poster-button{display:block!important;padding:0!important;border:0!important;width:100%;border-radius:0;background:none}.queue-poster{display:block;width:100%;height:auto;aspect-ratio:300/420}.media-favorite{position:absolute;right:8px;top:8px;min-width:44px;min-height:44px;background:#100c1de8;border:1px solid #70617e;border-radius:50%;color:#e7a2d1}.media-favorite[aria-pressed=true]{color:#ffa3dc}.media-type{position:absolute;left:9px;bottom:9px;display:flex;gap:5px;align-items:center;border-radius:5px;background:#0c0a13de;color:#f1eaf7;padding:5px 7px;font-size:10px;letter-spacing:1px}.media-title{background:none;border:0;padding:12px 0 0;min-height:44px;text-align:left;font-weight:700;font-size:16px;line-height:1.3;color:var(--text);display:block}.media-meta{font-size:12px;color:var(--subtle);margin:5px 0}.media-description{font-size:12px;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0 8px}.media-status{min-height:44px;padding:6px 9px;border-radius:8px;font-size:12px;display:flex;gap:6px;align-items:center;background:#21182e;color:var(--brand-soft);border:1px solid #4d3b62}.status-watching{color:var(--teal-soft);border-color:#36615e}.status-watched{color:var(--success);border-color:#485c2c}.status-dropped{color:var(--muted)}.media-personal{display:block;margin-top:6px;color:#cfc1e1}.queue-local-caption{font-size:12px;color:var(--subtle);line-height:1.6;margin-top:28px}.queue-message:not(:empty){position:sticky;bottom:85px;z-index:12;background:var(--brand-wash);border:1px solid #9876c0;padding:12px 16px;border-radius:12px;box-shadow:0 8px 25px #0008}.queue-empty{text-align:center;padding:35px 20px;border:1px dashed #514260;border-radius:16px}.queue-empty svg{color:#b68ce5}
.app-sheet{position:fixed;inset:0;margin:auto;width:min(620px,calc(100% - 32px));max-height:min(90dvh,var(--visual-height,90vh));padding:0;border:1px solid var(--dialog-border);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:0 22px 100px #000b;overflow:hidden}.app-sheet::backdrop{background:#06030bc9;backdrop-filter:blur(6px)}.sheet-handle{display:block;width:44px;height:5px;background:var(--subtle);border-radius:5px;margin:10px auto 0;touch-action:none}.sheet-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border)}.sheet-header h2{font-size:20px;margin:0;line-height:1.25}.sheet-body{padding:20px;overflow:auto;max-height:calc(min(90dvh,var(--visual-height,90vh)) - 90px);overscroll-behavior:contain;scroll-padding-bottom:30px}.sheet-body label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--text);margin:12px 0}.sheet-body input,.sheet-body select,.sheet-body textarea{font:inherit;font-size:16px;min-height:46px;padding:10px;border:1px solid var(--input-border);border-radius:9px;background:var(--surface-input);color:var(--text);max-width:100%;box-sizing:border-box}.sheet-body small{color:#bfb1ce;font-size:12px}.sheet-body button{min-height:44px}.sheet-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.sheet-message{font-size:13px;color:#e2d1f6}.sheet-search{margin-top:0!important;flex-direction:row!important}.sheet-search input{border:0;padding-left:0}.catalog-caption{display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:1.6;letter-spacing:.6px;color:#b9a7ca;margin:14px 0}.catalog-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid #35283f;padding:12px 0}.catalog-row>.queue-poster{width:49px;flex-shrink:0;border-radius:5px}.catalog-row>div{flex:1;min-width:0}.catalog-row h3{font-size:14px;margin:0 0 6px}.catalog-row p{font-size:12px;margin:3px 0;color:var(--muted)}.catalog-row small{font-size:11px}.catalog-added{color:#c0ef77}.manual-add{width:100%;display:flex;gap:8px;align-items:center;justify-content:center;margin-top:16px;border-color:#73528d;color:#e3c2f6}.queue-detail-hero{display:flex;gap:18px;align-items:center}.queue-detail-hero>.queue-poster{width:120px;flex-shrink:0;border-radius:9px}.queue-detail-hero>div{min-width:0}.queue-detail-hero h3{font-size:26px;line-height:1.15;margin:10px 0}.queue-detail-hero p{font-size:12px;line-height:1.6;color:var(--muted)}.queue-kind{display:flex;gap:5px;align-items:center;font-size:10px;color:var(--teal-soft);letter-spacing:1px}.service-tags{display:flex;gap:5px;flex-wrap:wrap}.service-tags span{font-size:10px;border:1px solid #5a476b;border-radius:20px;padding:4px 7px}.detail-favorite{font-size:12px;color:#f1a4d4;padding:7px 0;border:0;background:none;display:flex;gap:7px;align-items:center}.queue-synopsis{font-size:14px;line-height:1.7;color:#d4c8df}.detail-section{border:1px solid #483457;border-radius:13px;padding:14px;margin:18px 0}.detail-section h3{font-size:16px;margin:0}.detail-section-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.personal-section{border-color:#32605c;background:#15232455}.personal-section>.section-kicker{color:var(--teal-soft);font-size:10px}.personal-section h3{margin-top:7px}.queue-status-field{display:flex;flex-direction:column}.episode-progress{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.episode-progress label{flex:1;min-width:65px}.episode-progress input,.episode-progress select{width:100%}.episode-progress button{margin-bottom:12px;white-space:nowrap;color:var(--success)}.progress-caption{font-size:12px;color:#b9d5cf}.rating-control{margin:18px 0;font-size:13px}.rating-control>div{display:flex;gap:4px;margin:8px 0}.rating-control button{color:var(--brand-soft);background:none;border:0;padding:6px;min-width:44px}.shared-history{border-top:1px solid #42324f;padding-top:18px}.shared-history summary{display:flex;gap:9px;align-items:center;min-height:44px;cursor:pointer}.shared-history summary span{margin-left:auto;color:#c8b2df}.shared-history article{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #3f304b;font-size:12px}.shared-history article p{color:var(--muted)}.pick-note{color:#bdb0cb;font-size:12px}.queue-widget>div>button{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:none;border:0;border-top:1px solid #382b47;padding:10px 0}.queue-widget .queue-poster{width:35px;border-radius:4px}.queue-widget strong,.queue-widget small{display:block}.queue-widget small{color:#b9b0c8;font-size:12px;margin-top:5px}
@media(max-width:850px){.queue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.queue-page{padding:22px 24px 100px}}
@media(max-width:680px){html{scroll-padding-top:75px;scroll-padding-bottom:95px}.command-header{position:sticky;top:0;min-height:56px;height:auto;padding:8px 14px;padding-top:calc(8px + env(safe-area-inset-top));z-index:30}.mobile-brand{gap:7px;min-width:0}.mobile-brand strong{font-size:15px}.mobile-brand>.icon-button{min-width:36px;min-height:40px;padding:5px}.mobile-brand>svg{width:25px;height:25px}.header-actions{gap:8px}.header-actions .status-dot{display:none}.prototype-strip{font-size:9px;min-height:16px;padding:2px 8px;letter-spacing:1px}.bottom-nav{padding-bottom:calc(6px + env(safe-area-inset-bottom));min-height:66px;z-index:40}.bottom-nav button{min-height:52px;min-width:44px}.bottom-nav button span{font-size:10px}.ad-page,.module-page{padding-top:18px}.ad-hero{padding-top:5px!important;padding-bottom:12px!important;margin-bottom:14px!important;min-height:0!important}.ad-hero h1{font-size:42px!important;line-height:1.02!important;margin:5px 0!important}.ad-hero p{margin:5px 0;font-size:13px}.ad-footer,.legacy-app footer{display:none!important}.module-heading{margin-bottom:14px!important;min-height:0!important}.module-heading h1{font-size:36px!important}.module-description{font-size:12px!important;line-height:1.5!important;margin:7px 0!important}.module-emblem{width:46px!important;height:46px!important}.queue-page{padding:18px 16px 105px}.queue-heading{margin-bottom:18px;gap:8px}.queue-heading h1{font-size:43px;line-height:1.05;margin:5px 0}.queue-heading p{font-size:12px}.queue-heading .primary{padding:9px 12px;min-height:44px;font-size:12px;white-space:nowrap}.queue-heading .section-kicker{font-size:9px;letter-spacing:2px}.queue-heading h1 span{font-size:12px;padding:3px 7px;margin-left:8px}.queue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.queue-view-switch button{font-size:12px;padding:9px 12px;flex:1}.queue-pick{min-width:46px;min-height:46px;padding:10px}.queue-pick span{display:none}.queue-find input{font-size:16px}.queue-filters{scrollbar-width:none;margin-right:-16px;padding-right:16px}.queue-filter-options select{font-size:12px;width:100%}.queue-filter-options>label{flex:1}.queue-results-caption{padding-top:16px;font-size:11px}.media-title{font-size:14px}.media-description{font-size:12px}.media-meta{font-size:11px}.media-favorite{right:6px;top:6px;min-width:44px;min-height:44px}.app-sheet{inset:auto 0 0;margin:0;width:100%;max-width:none;border-bottom:0;border-radius:20px 20px 0 0;max-height:min(94dvh,var(--visual-height,94vh));padding-bottom:env(safe-area-inset-bottom)}.sheet-body{padding:16px;max-height:calc(min(94dvh,var(--visual-height,94vh)) - 90px - env(safe-area-inset-bottom))}.sheet-header{padding:12px 16px}.sheet-header h2{font-size:19px}.queue-detail-hero>.queue-poster{width:100px}.queue-detail-hero h3{font-size:24px}.queue-detail-hero{gap:14px}.detail-section{padding:12px}.detail-section-heading .text-link{font-size:12px;white-space:nowrap}.catalog-caption{font-size:9px}.ad-dialog,.legacy-app dialog{position:fixed;inset:auto 0 0!important;width:100%!important;max-width:none!important;margin:0!important;border-radius:20px 20px 0 0!important;max-height:calc(var(--visual-height,94dvh) - 16px)!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important;overscroll-behavior:contain}.ad-dialog input,.legacy-app dialog input,.ad-dialog select,.legacy-app dialog select{font-size:16px!important;min-height:44px}html[data-keyboard-open=true] .bottom-nav{visibility:hidden}.sheet-actions .primary{width:100%}.queue-status-field select{width:100%}.episode-progress button{font-size:12px}.rating-control button{min-width:44px}}
@media(prefers-reduced-motion:reduce){.app-pane,.app-sheet,*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body:has(dialog[open]){overflow:hidden}.sheet-body{scrollbar-width:thin;scrollbar-color:var(--dialog-border) var(--surface)}

.time-entry{display:block;min-width:0}.time-entry-controls{display:flex;align-items:center;gap:4px}.time-entry-controls select{min-width:0;flex:1;min-height:44px;font-size:16px}.time-entry-controls button{flex:none;min-width:32px;min-height:44px}.time-entry>small{display:block;margin-top:5px;color:var(--muted);font-size:12px}.time-chip{white-space:nowrap;font-variant-numeric:tabular-nums}