*{box-sizing:border-box}:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f4f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{background:#fff;width:min(720px,100%);min-height:100vh;margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:24px 20px 14px;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin:0 0 4px;font-size:12px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:28px}main{padding:0 16px 32px}.list-tabs{gap:8px;padding:8px 0 16px;display:flex;overflow-x:auto}.tab{color:#374151;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:999px;align-items:center;gap:6px;padding:10px 14px;display:inline-flex}.tab.active{color:#fff;background:#111827;border-color:#111827}.add-tab{border-style:dashed}.summary-card{color:#fff;background:#111827;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;padding:18px;display:grid}.summary-card div{min-width:0}.summary-card span{color:#d1d5db;margin-bottom:5px;font-size:12px;display:block}.summary-card strong{overflow-wrap:anywhere;font-size:18px;display:block}.add-card{border:1px solid #e5e7eb;border-radius:18px;margin-bottom:22px;padding:16px}.add-card h2,.items-section h2{margin-bottom:12px;font-size:18px}.form-grid{grid-template-columns:1fr 90px;gap:10px;margin-bottom:10px;display:grid}input{background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:12px 13px}input:focus{border-color:#111827;box-shadow:0 0 0 3px #11182714}.primary-button,.finish-button{border:0;border-radius:12px;width:100%;padding:13px 16px;font-weight:700}.primary-button{color:#fff;background:#111827;justify-content:center;align-items:center;gap:8px;display:flex}.section-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-heading h2{margin-bottom:0}.section-heading span{color:#6b7280;font-size:13px}.items-list{gap:10px;display:grid}.item-card{border:1px solid #e5e7eb;border-radius:16px;gap:12px;padding:14px;transition:opacity .15s;display:flex}.item-card.purchased{opacity:.72;background:#f9fafb}.check-button{background:#fff;border:2px solid #9ca3af;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.check-button.checked{color:#fff;background:#111827;border-color:#111827}.item-main{flex:1;min-width:0}.item-title-row{justify-content:space-between;gap:10px;display:flex}.item-title-row h3{margin-bottom:5px;font-size:16px}.item-title-row p{color:#6b7280;margin-bottom:0;font-size:13px;line-height:1.45}.delete-button,.icon-button{color:#6b7280;background:0 0;border:0;place-items:center;padding:6px;display:grid}.actual-price{color:#4b5563;margin-top:12px;font-size:12px;display:block}.actual-price input{margin-top:5px}.empty-state{text-align:center;color:#6b7280;border:1px dashed #d1d5db;border-radius:18px;padding:32px 20px}.empty-state h3{color:#111827;margin:10px 0 4px}.empty-state p{margin-bottom:0}.finish-button{color:#062d23;background:#10b981;margin-top:18px}.finish-button:disabled{color:#9ca3af;cursor:not-allowed;background:#e5e7eb}.modal-backdrop{background:#11182775;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(680px,100%);padding:18px;box-shadow:0 25px 50px #0000002e}.modal-heading{justify-content:space-between;align-items:center;display:flex}.modal-heading h2{margin-bottom:0}.modal>input{margin:16px 0 10px}.history-modal{max-height:78vh;overflow:auto}.history-card{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:12px;padding:14px 0;display:flex}.history-card p{color:#6b7280;margin:4px 0 0;font-size:12px}.history-totals{text-align:right;gap:4px;font-size:13px;display:grid}.history-empty{color:#6b7280;margin:20px 0 4px}@media (width<=520px){.summary-card{grid-template-columns:1fr 1fr}.summary-card div:last-child{grid-column:span 2}.form-grid{grid-template-columns:1fr}}