.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}}:root{--camera-canvas:#151915;--camera-overlay:#151915de;--camera-ink:#fffdf8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f8f4ed;--surface:#fffdf8;--surface-soft:#eee9df;--ink:#303b30;--muted:#687062;--line:#dddccf;--input-line:#87917d;--primary:#405b48;--on-primary:#fffdf8;--primary-hover:#304936;--sage:#e7ecdf;--peach:#f1c5a5;--on-peach:#463b2c;--error:#943e31;--error-bg:#fce8df;--focus:#8d5035;--shadow:0 12px 45px #303b3009;--dialog-shadow:0 24px 90px #18221d30;--backdrop:#202b2466;--art-bread:#f1d797;--art-crust:#c0914e;--art-leaf:#405b48;--art-leaf-light:#71876a;--art-tomato:#bc6549;--art-bag:#b87950;--art-bag-side:#966040;--art-handle:#f6ddba;--art-heart:#f5d6b1;--art-shadow:#9a674326;--font:"Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-title:clamp(1.8rem, 4vw, 2.65rem);--text-hero:clamp(1.8rem, 3vw, 2.5rem);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--radius-sm:12px;--radius-control:16px;--radius-card:26px;--radius-hero:32px;--radius-pill:999px;--touch:48px;--control-height:54px;--icon-size:22px;--avatar-size:42px;--avatar-large:56px;--border:1px;--focus-width:3px;--focus-offset:3px;--content-max:1180px;--sidebar:196px;--header-height:96px;--nav-height:76px;--dialog-width:480px;--motion:.14s;--z-nav:10;--workspace-header:72px;--workspace-title:clamp(1.5rem, 3vw, 2.1rem);--list-row-height:max(72px, 5rem);--art-height:200px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#242820;--surface:#2e3429;--surface-soft:#363d30;--ink:#f4f1e5;--muted:#c0c6b5;--line:#48513f;--input-line:#87917c;--primary:#c4d4b6;--on-primary:#283624;--primary-hover:#d7e4cc;--sage:#394531;--peach:#684b37;--on-peach:#fff0df;--error:#ffb7a2;--error-bg:#50352d;--focus:#efb88f;--shadow:0 12px 45px #00000012;--dialog-shadow:0 24px 90px #00000060;--backdrop:#0b100bcc}*{box-sizing:border-box}html{font-family:var(--font);background:var(--canvas);color:var(--ink);-webkit-text-size-adjust:100%;line-height:1.5}body{min-width:280px;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation;color:inherit}h1,h2,h3,p{margin:0}h1{font-size:var(--text-title);letter-spacing:-.045em;overflow-wrap:anywhere;font-weight:650;line-height:1.15}h2{font-size:var(--text-xl);letter-spacing:-.025em;font-weight:650;line-height:1.3}h3{font-size:var(--text-lg);font-weight:600}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}[tabindex="-1"]:focus{outline:none}.muted{color:var(--muted)}.small{font-size:var(--text-sm)}.icon{width:var(--icon-size);height:var(--icon-size);flex-shrink:0}.stack{gap:var(--s5);display:grid}.eyebrow{color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--s3);font-weight:500}.skip-link{left:var(--s4);top:var(--s4);z-index:100;background:var(--surface);padding:var(--s4);border-radius:var(--radius-sm);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.button{min-height:var(--touch);min-width:var(--touch);border:var(--border) solid transparent;border-radius:var(--radius-control);padding:var(--s3) var(--s5);justify-content:center;align-items:center;gap:var(--s3);text-align:center;cursor:pointer;transition:background-color var(--motion);font-weight:600;line-height:1.35;display:inline-flex}.button--primary{background:var(--primary);color:var(--on-primary)}.button--secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.button--quiet{color:var(--primary);padding-inline:var(--s3);background:0 0}.button--icon{padding:var(--s3);border-radius:var(--radius-sm);background:0 0}.button:disabled{opacity:.5;cursor:not-allowed}@media (hover:hover){.button--primary:hover:not(:disabled){background:var(--primary-hover)}.button--icon:hover:not(:disabled),.button--quiet:hover:not(:disabled){background:var(--sage)}.button--secondary:hover:not(:disabled){background:var(--surface-soft)}}.field{gap:var(--s2);min-width:0;display:grid}.field label{font-size:var(--text-sm);font-weight:600}.field input,.field select{width:100%;min-width:0;min-height:var(--control-height);border:var(--border) solid var(--input-line);border-radius:var(--radius-control);padding:var(--s3) var(--s4);color:var(--ink);background:var(--surface)}.field select{padding-right:var(--s8)}.field input::placeholder{color:var(--muted);opacity:1}.field input[aria-invalid=true]{border-color:var(--error)}.field input:disabled{opacity:.5}.field-error{font-size:var(--text-sm);color:var(--error)}.dialog{width:min(var(--dialog-width), calc(100% - var(--s8)));max-height:calc(var(--app-height,100dvh) - var(--s4));padding:var(--s4);top:calc(var(--app-top,0px) + var(--app-height,100dvh) / 2);background:var(--surface);color:var(--ink);border:var(--border) solid var(--line);border-radius:var(--radius-card);box-shadow:var(--dialog-shadow);margin:0;position:fixed;left:50%;overflow:clip;transform:translate(-50%,-50%)}.dialog::backdrop{background:var(--backdrop)}.dialog-heading{justify-content:space-between;align-items:center;gap:var(--s4);margin-bottom:var(--s3);display:flex}.dialog-heading h2{overflow-wrap:anywhere}.dialog-actions{justify-content:flex-end;gap:var(--s3);margin-top:var(--s2);flex-wrap:wrap;display:flex}.dialog-actions .button{min-width:0;padding-inline:var(--s2);font-size:var(--text-sm);white-space:normal;overflow-wrap:anywhere;flex:1}.dialog-actions .button--icon{flex:0 0 var(--touch)}.checkbox-target{width:var(--touch);height:var(--touch);flex:0 0 var(--touch);cursor:pointer;place-items:center;display:grid;position:relative}.checkbox-target input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.checkbox-mark{width:var(--s6);height:var(--s6);border:var(--border) solid var(--input-line);color:#0000;font-size:var(--text-sm);border-radius:7px;place-items:center;display:grid}.checkbox-target input:checked+.checkbox-mark{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.checkbox-target input:focus-visible+.checkbox-mark{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.checkbox-target input:disabled{cursor:not-allowed}.checkbox-target input:disabled+.checkbox-mark{opacity:.5}.avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-pill);background:var(--sage);flex-shrink:0;place-items:center;font-weight:600;display:grid}.avatar--peach{background:var(--peach);color:var(--on-peach)}.avatar--large{width:var(--avatar-large);height:var(--avatar-large);border:var(--border) solid var(--line);font-size:var(--text-lg)}.section-icon{width:var(--touch);height:var(--touch);border-radius:var(--radius-control);background:var(--surface);color:var(--primary);place-items:center;display:inline-grid}.error-notice{gap:var(--s3);padding:var(--s4);margin-bottom:var(--s5);border-radius:var(--radius-control);color:var(--error);background:var(--error-bg);display:grid}.live-notice{color:var(--primary);font-size:var(--text-sm);min-height:var(--s6);margin-top:var(--s5)}.count{border-radius:var(--radius-pill);background:var(--sage);color:var(--primary);min-width:var(--s8);padding:var(--s1) var(--s2);font-size:var(--text-sm);place-items:center;display:grid}.basket-art{align-self:center;width:100%;max-width:240px}.paged-list{gap:var(--s2);flex:1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid}.paged-list-area{min-height:0;position:relative}.row-measure{height:var(--list-row-height);visibility:hidden;pointer-events:none;width:1px;position:absolute}.pagination{justify-content:space-between;align-items:center;gap:var(--s3);min-height:var(--touch);display:flex}.pagination>span{font-size:var(--text-sm);text-align:center;color:var(--muted)}.pagination .button{padding:var(--s2)}.reverse-icon{display:flex;transform:rotate(180deg)}.settings-sections .button{flex:1}.dialog .stack{gap:var(--s3)}.dialog .dialog-actions{flex-wrap:nowrap}.dialog .error-notice{padding:var(--s2);font-size:var(--text-sm);margin:0}:root[data-short=true] .dialog-heading h2{font-size:var(--text-lg)}:root[data-short=true] .dialog .field input,:root[data-short=true] .dialog .field select{min-height:var(--touch);padding-block:var(--s2)}:root[data-short=true] .dialog .stack{gap:var(--s2)}:root[data-short=true] .dialog .settings-data{gap:var(--s1)}:root[data-short=true] .settings-data .dialog-actions{margin-top:0}:root[data-short=true] .dialog .settings-body,:root[data-short=true] .settings-data .field{gap:var(--s1)}:root[data-short=true] .settings-data .field label{margin-bottom:0}