:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#faf6ee;--card:#fffdf7;--ink:#2d2a24;--muted:#7a7266;--line:#e6ddcc;--green:#275740;--green-press:#1e4432;--green-soft:#e7efe9;--terra:#a44a24;--terra-press:#8a3c1c;--terra-soft:#f7e8e0;--amber-soft:#f8efdd;--focus:#1e4432}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}main,.center-card{max-width:30rem;margin:0 auto;padding:.75rem .9rem 2rem}.center-card{padding-top:2.5rem}.app-header{max-width:30rem;margin:0 auto;padding:.75rem .9rem 0}.brand{color:var(--green);margin:.4rem 0;font-size:1.05rem;font-weight:700}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.who{color:var(--muted);overflow-wrap:anywhere;font-size:.9rem}.header-actions{align-items:center;gap:.75rem;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem;box-shadow:0 1px 3px #2d2a240f}h1{margin:0 0 .5rem;font-size:1.25rem;line-height:1.3}h2{margin:.75rem 0 .25rem;font-size:1rem}.detail{margin:.25rem 0 .9rem}.muted{color:var(--muted);font-size:.9rem}code{background:var(--amber-soft);border-radius:4px;padding:.05rem .3rem}button,.button-link{font:inherit;border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;text-decoration:none;display:inline-flex}button:focus-visible,.button-link:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}button.primary:active{background:var(--green-press)}button.danger{background:var(--card);border-color:var(--terra);color:var(--terra)}button.danger:active{background:var(--terra-soft)}.list-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.refresh-group{align-items:center;gap:.5rem;display:flex}.notice{border-radius:8px;min-height:1.4rem;margin:.6rem 0 .2rem;padding:.35rem .6rem;font-size:.95rem}.notice.ok{background:var(--green-soft);color:var(--green)}.notice.warn{background:var(--amber-soft)}.notice.silent{padding:0}.error-text{color:var(--terra);overflow-wrap:anywhere;margin:.4rem 0 0}.add-form,.edit-form{gap:.6rem;margin:.9rem 0;display:grid}.field{gap:.25rem;display:grid}label{color:var(--ink);font-size:.9rem}input{font:inherit;border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:10px;padding:.5rem .7rem}.load-error{justify-items:start;gap:.5rem;margin:.75rem 0;display:grid}.empty-state{margin:1rem 0}.entries{gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.entry{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.7rem .75rem}.entry.editing{border-color:var(--green)}.entry-main{gap:.1rem;display:grid}.entry-name{overflow-wrap:anywhere;font-weight:600}.entry-amount{color:var(--muted);overflow-wrap:anywhere}.entry-amount.unknown{font-style:italic}.row-actions{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.conflict{background:var(--amber-soft);border:1px solid #d8b88a;border-left:4px solid #b98a3e;border-radius:10px;margin-top:.7rem;padding:.6rem .7rem}.conflict p{margin:0 0 .2rem}.scope-list{text-align:left;margin:.5rem 0}.scope-list ul{margin:.25rem 0;padding-inline-start:1.2rem}.consent-card{text-align:left}.consent-card img{vertical-align:middle;border-radius:8px}@media (width>=480px){.add-form{grid-template-columns:1fr 1fr auto;align-items:end}.add-form .error-text{grid-column:1/-1}}.member-list,.invite-list{gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.member,.invite{border:1px solid #e0dccd;border-radius:10px;gap:.3rem;padding:.55rem .7rem;display:grid}.owner-badge{color:var(--green);border:1px solid var(--green);border-radius:999px;justify-self:start;padding:.05rem .55rem;font-size:.8rem;font-weight:600}.invite-reveal{background:var(--amber-soft);border:1px solid #d8b88a;border-left:4px solid #b98a3e;border-radius:10px;margin-top:.7rem;padding:.6rem .7rem}.invite-token{overflow-wrap:anywhere;margin:.35rem 0;font-size:.85rem;display:block}.danger-card{border-color:#d9a08c}.section-heading{margin:1.1rem 0 .4rem;font-size:1rem}.checked-section{margin-top:1.2rem}.checked-section .entries{margin-top:.5rem}.shopping-entry .entry-main{align-items:flex-start;gap:.55rem}.shopping-entry input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--green);flex:none;margin-top:.2rem}.shopping-entry.checked .entry-name{color:var(--muted)}.entry-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.entry-note{color:var(--muted);font-size:.82rem}.shopping-entry.reveal{outline:2px solid var(--green);outline-offset:2px;border-radius:8px}.live-dot{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.05rem .5rem;font-size:.75rem}.live-dot.on{color:var(--green);border-color:var(--green)}.link-button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.picker-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.8rem 0;display:flex}.picker-row select{flex:12rem}.manage-lists{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:.7rem;margin-bottom:.9rem;padding:.7rem;display:flex}.current-list-tools{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.all-checked-banner{border:1px solid var(--green);background:#2e7d3214;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.6rem 0;padding:.6rem .7rem;display:flex}.move-form{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.clear-panel{margin-top:1rem}.clear-step .row-actions{margin-top:.8rem}.select-list .entry-main{cursor:pointer}.group-list{flex-direction:column;gap:.8rem;margin:.8rem 0 0;padding:0;list-style:none;display:flex}.group-card{border:1px solid var(--line);border-radius:10px;padding:.7rem}.mode-options{border:none;flex-direction:column;gap:.3rem;margin:.5rem 0 0;padding:0;display:flex}.mode-options legend{margin-bottom:.25rem;padding:0;font-weight:600}.mode-options label{font-weight:400}
