.identity-page{gap:24px;max-width:640px;margin:0 auto;padding:20px;display:grid}.identity-page>header{justify-content:space-between;align-items:center;gap:24px;display:flex}.identity-page>header>.field{max-width:180px}.identity-panel{border:var(--border) solid var(--line);border-radius:var(--radius-card);background:var(--surface);gap:16px;padding:24px;display:grid}.identity-panel h1{margin:0;font-size:1.5rem}.identity-panel h2{margin:0;font-size:1.25rem}.identity-panel p{color:var(--muted);margin:0;font-size:.875rem}.identity-panel form{gap:14px;display:grid}.identity-tabs,.identity-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.identity-tabs .button{flex:1;padding:10px;font-size:.8rem}.identity-codes{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-soft);border-radius:var(--radius-control);margin:0;padding:14px;font-size:clamp(9px,2.5vw,13px);line-height:2.2}.identity-panel .identity-hint{font-size:.75rem}.shared-shopping-row{border-bottom:var(--border) solid var(--line);padding-bottom:8px}.shared-shopping-row>.button{overflow-wrap:anywhere;white-space:normal;text-align:left;max-width:100%}.identity-actions .button{flex:1}.identity-actions>span{white-space:nowrap;font-size:.8rem}@media (width<=480px){.identity-page{gap:16px;padding:16px}.identity-panel{gap:12px;padding:18px}.identity-panel form{gap:10px}.identity-tabs{gap:2px}.identity-tabs .button{padding:8px;font-size:.75rem}}.music-screen{gap:12px;min-width:0;display:grid}.music-screen>.identity-actions>.button{flex:0 auto}.music-screen .field,.music-screen select,.music-screen input{min-width:0;max-width:100%}.music-screen .music-name{overflow-wrap:anywhere}html,body,#root{width:100%;height:100%;overflow:clip}.app-shell{top:var(--app-top,0px);width:100%;max-width:var(--content-max);height:var(--app-height,100dvh);grid-template-columns:var(--sidebar) minmax(0, 1fr);grid-template-rows:var(--workspace-header) minmax(0, 1fr);padding-inline:max(var(--s6), env(safe-area-inset-left)) max(var(--s6), env(safe-area-inset-right));padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);display:grid;position:fixed;left:50%;transform:translate(-50%)}.app-header{align-items:center;gap:var(--s5);border-bottom:var(--border) solid var(--line);grid-column:1/-1;min-width:0;display:flex}.brand{align-items:center;gap:var(--s3);font-size:var(--text-xl);letter-spacing:-.04em;min-height:var(--touch);font-weight:650;text-decoration:none;display:inline-flex}.brand-mark{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-control);background:var(--primary);color:var(--on-primary);place-items:center;display:grid}.header-household{align-items:center;gap:var(--s2);color:var(--muted);font-size:var(--text-sm);margin-left:auto;display:flex}.household-dot{width:var(--s2);height:var(--s2);background:var(--primary);border-radius:var(--radius-pill)}.app-header>.button{margin-left:auto}.main-nav{gap:var(--s2);min-height:0;padding:var(--s6) var(--s5) var(--s4) 0;flex-direction:column;display:flex}.main-nav a{align-items:center;gap:var(--s3);min-height:var(--control-height);padding:var(--s3) var(--s4);border-radius:var(--radius-control);color:var(--muted);font-size:var(--text-sm);font-weight:600;text-decoration:none;display:flex}.main-nav a[aria-current=page]{background:var(--sage);color:var(--primary)}.nav-count{font-size:var(--text-xs);margin-left:auto}.nav-foot{gap:var(--s2);color:var(--muted);font-size:var(--text-xs);padding:var(--s4);align-items:center;margin-top:auto;display:flex}.main-content{gap:var(--s3);min-width:0;min-height:0;padding:var(--s6) 0 var(--s3) var(--s8);flex-direction:column;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:var(--s4);flex:none;display:flex}.page-heading h1{font-size:var(--workspace-title)}.page-heading .eyebrow{margin-bottom:var(--s1)}.page-subtitle{display:none}.home-layout{gap:var(--s5);flex:1;grid-template-rows:minmax(0,.65fr) minmax(0,1fr);grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);min-height:0;display:grid}.home-summary{gap:var(--s3);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));min-height:0;display:grid}.overview-card.button{min-width:0;min-height:var(--touch);justify-content:center;align-items:flex-start;gap:var(--s2);border-radius:var(--radius-card);padding:var(--s4);background:var(--sage);color:var(--ink);text-align:left;white-space:normal;flex-direction:column;display:flex}.overview-card--accent.button{background:var(--peach);color:var(--on-peach)}.overview-card-title{align-items:center;gap:var(--s2);min-width:0;font-size:var(--text-base);display:flex}.overview-card-title strong{overflow-wrap:anywhere}.overview-card-summary{font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.3}@media (width<=1020px){.home-summary{gap:var(--s2);grid-template-columns:repeat(2,minmax(0,1fr))}.overview-card.button{padding:var(--s2) var(--s3);gap:var(--s1)}.overview-card-title .icon{display:none}}.home-preview{gap:var(--s2);flex-direction:column;grid-column:1/-1;min-height:0;display:flex}.home-preview .segmented{flex:1;min-width:0}.home-preview .segmented>.button{padding-inline:var(--s2);font-size:var(--text-xs)}.section-heading{justify-content:space-between;align-items:center;gap:var(--s3);min-height:var(--touch);display:flex}.section-heading h2{font-size:var(--text-lg)}.section-heading .button{font-size:var(--text-sm)}.shopping-layout{gap:var(--s3);flex-direction:column;flex:1;min-height:0;display:flex}.shopping-toolbar{justify-content:space-between;align-items:stretch;gap:var(--s3);flex:none;display:flex}.segmented{gap:var(--s1);background:var(--surface-soft);border-radius:var(--radius-control);padding:var(--s1);display:flex}.segmented>.button{min-width:0;padding:var(--s2) var(--s3);color:var(--muted);font-size:var(--text-sm);overflow-wrap:anywhere;flex:1}.segmented>.button[aria-pressed=true]{background:var(--surface);color:var(--primary)}.segmented .count{min-width:var(--s4);background:0 0;padding:0}.shopping-toolbar>.button{flex-shrink:0}.item-list{background:var(--surface);border-radius:var(--radius-card);height:100%;padding-inline:var(--s3);box-shadow:var(--shadow)}.page-item{height:var(--list-row-height)}.shopping-row{align-items:center;gap:var(--s2);height:100%;min-height:var(--touch);border-bottom:var(--border) solid var(--line);display:flex}.page-item:last-child .shopping-row{border-bottom:none}.item-copy{min-width:0;padding-inline:var(--s1);flex:1}.item-name{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:550;line-height:1.25;display:-webkit-box;overflow:hidden}.item-quantity{color:var(--muted);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;margin-top:var(--s1);line-height:1.25;display:block;overflow:hidden}.is-completed .item-name{color:var(--muted);text-decoration:line-through}.empty-state{justify-content:center;align-items:center;gap:var(--s2);background:var(--surface);border-radius:var(--radius-card);height:100%;padding:var(--s3);text-align:center;flex-direction:column;min-height:0;display:flex}.empty-state h3{font-size:var(--text-lg)}.empty-state p{color:var(--muted);font-size:var(--text-sm)}.empty-icon{background:var(--sage);width:var(--touch);height:var(--touch);border-radius:var(--radius-control);color:var(--primary);flex-shrink:0;place-items:center;display:inline-grid}.live-notice{flex:none;min-height:1.3em;margin:0;line-height:1.3}.page-footer{color:var(--muted);font-size:var(--text-xs);flex:none}.demo-badge{display:inline-block}.main-content>.error-notice{padding:var(--s2) var(--s3);font-size:var(--text-sm);flex:none;margin:0}@media (width<=1020px){.app-shell{--sidebar:148px}.home-layout{grid-template-columns:minmax(0,1fr)}.household-card{display:none}}@media (width<=650px){.app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--workspace-header) minmax(0, 1fr) auto;padding-inline:max(var(--s4), env(safe-area-inset-left)) max(var(--s4), env(safe-area-inset-right))}.app-header{gap:var(--s2);border:0}.header-household{display:none}.main-content{padding:var(--s2) 0;gap:var(--s2);grid-row:2}.page-heading .avatar,.page-heading .eyebrow{display:none}.main-nav{padding:var(--s1) 0;gap:var(--s2);border-top:var(--border) solid var(--line);flex-direction:row;grid-row:3}.main-nav a{min-height:var(--touch);font-size:var(--text-sm);padding:var(--s2);justify-content:center;gap:var(--s2);flex:1}.nav-foot,.nav-count,.page-footer{display:none}.shopping-toolbar{gap:var(--s2);flex-wrap:wrap}.shopping-toolbar .segmented{flex:100%}.shopping-toolbar>.button{width:100%;padding:var(--s2) var(--s3)}.shopping-hero{padding:var(--s4)}.hero-copy .eyebrow{display:none}.home-layout{gap:var(--s3)}.home-preview .section-heading h2{font-size:var(--text-base)}}@media (width<=420px){.main-nav{gap:var(--s1)}.main-nav a{min-width:0;padding-inline:var(--s1);font-size:var(--text-xs);overflow-wrap:anywhere}.main-nav a .icon{display:none}}.expense-step .field label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.calendar-toolbar{gap:var(--s2);flex:1;align-items:center;min-width:0;display:flex}.calendar-toolbar>.field{flex:1;min-width:0}.calendar-toolbar>.field select{width:100%;min-width:0;padding-left:var(--s2)}.calendar-toolbar>.field label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.calendar-toolbar>.button{padding-inline:var(--s2);flex-shrink:0}.participant-picker{height:calc(var(--list-row-height) + var(--touch) + var(--s2));display:flex}:root[data-short=true] .participant-picker{--list-row-height:48px}:root[data-short=true] .app-shell{--workspace-header:48px}:root[data-short=true] .main-content{padding-top:var(--s1);padding-bottom:var(--s1);gap:var(--s1)}:root[data-short=true] .page-heading,:root[data-short=true] .page-footer{display:none}:root[data-short=true] .home-layout{grid-template-rows:minmax(0,1fr)}:root[data-short=true] .home-preview,:root[data-short=true] .household-card{display:none}:root[data-short=true] .home-layout{grid-template-columns:minmax(0,1fr)}:root[data-short=true] .main-nav{padding-top:var(--s1);padding-bottom:var(--s1);gap:var(--s1)}:root[data-short=true] .main-nav a{min-height:var(--touch);padding-block:var(--s2)}:root[data-short=true] .nav-foot{display:none}:root[data-short=true] .shopping-toolbar{flex-wrap:nowrap}:root[data-short=true] .shopping-toolbar .segmented{flex:1}:root[data-short=true] .shopping-toolbar>.button{width:auto}:root[data-short=true] .shopping-toolbar>.button .icon,:root[data-short=true] .empty-state p,:root[data-short=true] .empty-icon{display:none}.empty-state[role=alert] p{display:block}@media (height<=360px){.dialog{padding:var(--s2)}.dialog .dialog-heading{margin-bottom:var(--s1)}.live-notice{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.shopping-layout,.paged-list{gap:var(--s1)}.dialog .small{font-size:var(--text-xs)}}.list-actions{gap:var(--s2);min-width:0;display:flex}.list-actions>.button{min-width:var(--touch);padding-inline:var(--s2);font-size:var(--text-sm);overflow-wrap:anywhere}@media (width<=650px){.list-actions{flex:100%}.list-actions>.button{flex:1}}:root[data-short=true] .list-actions{flex:none}:root[data-short=true] .list-actions>.button{flex:0 0 var(--touch);width:var(--touch);font-size:var(--text-xs);padding:var(--s1)}:root[data-short=true] .list-actions .icon{display:block}:root[data-short=true] .list-actions>.button>span{display:none}.segmented .list-select-filter{flex:0 0 var(--touch);padding:var(--s1)}.segmented .list-select-filter[aria-pressed=true]{color:var(--on-primary);background:var(--primary)}@media (width>=651px){.shopping-toolbar>.segmented>.button:not(.list-select-filter){white-space:nowrap;flex:1 0 auto}}.header-actions{gap:var(--s1);flex:none;margin-left:auto;display:flex}.header-actions .button{position:relative}.notice-badge:empty{display:none}.notice-badge{min-width:var(--s4);padding-inline:var(--s1);border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font-size:var(--text-xs);position:absolute;top:0;right:0}.contracts-layout .item-name{-webkit-line-clamp:1}.receipts-layout .shopping-toolbar .field label{display:none}.receipts-layout .shopping-toolbar .field{min-width:0}.receipts-layout .shopping-toolbar .segmented{align-items:center;min-width:0}.receipts-layout .item-name{-webkit-line-clamp:1}:root[data-short=true] .expenses-layout .shopping-toolbar{gap:var(--s1)}:root[data-short=true] .expenses-layout .segmented>.button{padding-inline:var(--s1)}.receipt-images{gap:var(--s2);flex-direction:column;flex:1;min-height:0;display:flex}.receipt-image-area{background:var(--surface);border-radius:var(--radius-card);flex:1;justify-content:center;min-height:0;display:flex}.receipt-image-frame{width:100%;height:100%;min-height:0}.receipt-image-frame img,.receipt-image-frame svg{object-fit:contain;width:100%;height:100%;display:block}.receipt-images .pagination{gap:var(--s1)}.receipt-images .pagination>.button{flex-shrink:0}.receipt-images .pagination>span{min-width:0}.privacy-workbench .shopping-toolbar .field label{display:none}.privacy-workbench .shopping-toolbar .field{min-width:0}.privacy-workbench .segmented{align-items:center;min-width:0}.privacy-workbench .receipt-image-area{background:var(--surface-soft)}.privacy-draw svg{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.privacy-workbench .item-name{-webkit-line-clamp:1}.dialog.dialog-fullscreen{background:var(--camera-canvas);border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden;transform:none}.receipt-camera{width:100%;height:100%;position:relative}.camera-view{position:absolute;inset:0}.camera-view video,.camera-view img{object-fit:contain;width:100%;height:100%;display:block}.camera-view video[hidden]{display:none}.camera-toolbar{z-index:1;inset:max(var(--s3), env(safe-area-inset-top)) var(--s3) auto;justify-content:space-between;align-items:start;gap:var(--s2);display:flex;position:absolute}.camera-toolbar .segmented,.camera-toolbar .select{min-width:0}.camera-toolbar .button{flex-shrink:0}.camera-status{bottom:calc(max(var(--s3), env(safe-area-inset-bottom)) + var(--touch) + var(--s2));left:var(--s3);right:var(--s3);width:fit-content;max-width:calc(100% - var(--s6));background:var(--camera-overlay);color:var(--camera-ink);padding:var(--s2) var(--s3);border-radius:var(--radius-control);font-size:var(--text-sm);text-align:center;margin-inline:auto;position:absolute}.camera-footer{bottom:max(var(--s3), env(safe-area-inset-bottom));left:var(--s3);right:var(--s3);text-align:center;font-size:var(--text-sm);color:var(--camera-ink);position:absolute}.camera-footer span{background:var(--camera-overlay);padding:var(--s1) var(--s2);border-radius:var(--radius-control)}@media (width<=600px){.camera-toolbar{flex-wrap:wrap}.camera-toolbar>.button{margin-left:auto}.app-header:has(.scan-launcher) .brand>span:last-child{display:none}.scan-launcher{padding-inline:var(--s2);white-space:nowrap}}