.card-grid-layout{grid-template-columns:repeat(var(--card-cols,2), minmax(0, 1fr));align-items:stretch;gap:16px;display:grid}@media (width>=640px){.household-screen:has(.card-grid-layout){max-width:880px}}@media (width>=900px){.household-screen:has(.card-grid-layout){max-width:1120px}}.card-cell{-webkit-touch-callout:none;flex-direction:column;min-width:0;display:flex;position:relative}.card-cell[data-empty]{display:none}.card-cell-body{flex-direction:column;flex:auto;gap:16px;min-width:0;display:flex}.card-cell-body:empty{display:none}.card-cell-body>*{margin-bottom:0}.card-cell-body>.household-section,.card-cell-body>.ui-card{flex:auto}.card-grid-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:12px;display:flex}.card-grid-toolbar[data-editing]{top:calc(8px + var(--safe-top,0px));z-index:20;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);justify-content:flex-start;padding:8px;position:sticky}.card-grid-toolbar .ui-button{min-height:44px}.card-grid-help{color:var(--muted);margin:0 0 12px;font-size:.875rem}.card-grid-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.card-grid-layout[data-editing] .card-cell{cursor:grab;-webkit-user-select:none;user-select:none;outline:2px dashed color-mix(in oklch, var(--accent) 55%, transparent);outline-offset:4px;border-radius:var(--radius-card);touch-action:manipulation}.card-cell[data-dragging]{cursor:grabbing;opacity:.96;outline-style:solid;box-shadow:0 12px 32px #00000059}:root[data-animations=on] .card-grid-layout[data-editing] .card-cell:not([data-dragging]){animation:.26s ease-in-out infinite alternate card-jiggle}:root[data-animations=on] .card-grid-layout[data-editing] .card-cell:nth-child(2n){animation-duration:.3s;animation-direction:alternate-reverse}:root[data-animations=on] .card-grid-layout[data-editing] .card-cell:nth-child(3n){animation-duration:.23s}@keyframes card-jiggle{0%{transform:rotate(-.45deg)}to{transform:rotate(.45deg)}}@media (prefers-reduced-motion:reduce){.card-grid-layout[data-editing] .card-cell{animation:none!important}}.card-cell[data-editing] .card-cell-body{pointer-events:none;opacity:.92}.card-cell-chrome{z-index:2;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);cursor:default;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"handle title actions""sizes sizes sizes";align-items:center;gap:4px 8px;margin-bottom:8px;padding:6px 8px;display:grid;position:relative}.card-chrome-handle{background:var(--elevated);min-width:44px;min-height:44px;color:var(--text);cursor:grab;touch-action:none;border:none;border-radius:10px;grid-area:handle;justify-content:center;align-items:center;display:inline-flex}.card-chrome-title{text-overflow:ellipsis;white-space:nowrap;grid-area:title;min-width:0;font-size:.9rem;font-weight:600;overflow:hidden}.card-chrome-actions{grid-area:actions;gap:4px;display:flex}.card-chrome-button{border:1px solid var(--line);background:var(--elevated);min-width:44px;min-height:44px;color:var(--text);cursor:pointer;border-radius:10px;font-size:1.2rem;line-height:1}.card-chrome-button:disabled{opacity:.35;cursor:default}.card-chrome-button[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.card-chrome-sizes{grid-area:sizes;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.card-chrome-size{border:1px solid var(--line);background:var(--elevated);min-height:44px;color:var(--muted);cursor:pointer;border-radius:10px;font-size:.8rem;font-weight:600}.card-chrome-size[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.card-chrome-handle:focus-visible,.card-chrome-button:focus-visible,.card-chrome-size:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-display-panel{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);cursor:default;gap:8px;margin-bottom:12px;padding:12px;display:grid}.card-display-panel--card{z-index:2;margin-top:-4px;position:relative}.card-display-panel-title{color:var(--muted);margin:0;font-size:.875rem}.card-cell[data-card-size=small] .card-detail,.card-cell[data-card-size=small] .card-extra,.card-cell[data-card-size=medium] .card-extra{display:none}.card-cell[data-card-size=small] .household-section{padding:14px}.card-cell[data-card-size=small] .household-section h2{font-size:.9rem}:root .card-cell[data-density=compact] .transaction-row{padding:4px 0}:root .card-cell[data-density=compact] .category-row{gap:4px;padding:3px 0}:root .card-cell[data-density=compact] .member-row{padding:4px 0}:root .card-cell[data-density=compact] .budget-goals{gap:8px}:root .card-cell[data-density=comfortable] .transaction-row{padding:10px 0}:root .card-cell[data-density=comfortable] .category-row{gap:8px;padding:8px 0}:root .card-cell[data-density=comfortable] .member-row{padding:8px 0}:root .card-cell[data-density=comfortable] .budget-goals{gap:14px}.card-cell[data-card-size=small] .card-cell-chrome{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"handle title""actions actions""sizes sizes"}.card-cell[data-card-size=small] .card-chrome-actions{flex-wrap:wrap;justify-content:center}.card-cell[data-card-size=small] .card-chrome-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}.card-cell[data-card-size=small] .card-chrome-size{min-width:44px}.card-cell[data-card-size=small] .budget-card-top{flex-direction:column;align-items:flex-start}.card-cell[data-card-size=small] .ui-progress-ring,.card-cell[data-card-size=small] .ui-progress-ring svg{max-width:100%}:root .card-cell[data-density=compact] .trip-card,:root .card-cell[data-density=compact] .loan-card,:root .card-cell[data-density=compact] .challenge-card{padding:14px}.card-cell:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius-card)}.card-grid-layout[data-editing] .card-cell:focus-visible{outline-style:solid}@media (width>=640px){.household-screen:has(.card-grid-layout:is([data-screen=accounts],[data-screen=categories],[data-screen=calendar],[data-screen=settings],[data-screen=transactions])){max-width:760px}}