:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#182026;background:radial-gradient(circle at top,#fffffff2,#f7f1e4e6 32%,#efe8d8);line-height:1.4;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{width:min(100%,48rem);margin:0 auto;padding:1rem 1rem 6rem}.hero-card,.controls-panel,.mode-card,.list-group,.status-banner,.empty-state{background:#ffffffeb;border:1px solid rgba(24,32,38,.08);border-radius:1.25rem;box-shadow:0 10px 30px #18202614}.hero-card{display:grid;gap:1rem;padding:1.25rem}.eyebrow,.field-label{margin:0 0 .35rem;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6f6354}.hero-card h1,.modal-header h2{margin:0;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.05}.hero-copy{margin:.5rem 0 0;color:#4a5660}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75rem}.hero-stat{border-radius:1rem;padding:.9rem;background:#f6f1e6}.hero-stat span{display:block;font-size:1.5rem;font-weight:700}.controls-panel{display:grid;gap:1rem;margin:1rem 0;padding:1rem}.collapsible-controls{border:1px solid rgba(24,32,38,.1);border-radius:1rem;background:#ffffffbf;overflow:hidden}.collapsible-controls summary{min-height:44px;padding:.9rem 1rem;cursor:pointer;font-weight:700;list-style:none}.collapsible-controls summary::-webkit-details-marker{display:none}.collapsible-controls-content{display:grid;gap:1rem;padding:0 1rem 1rem}.mode-card{padding:.9rem;background:linear-gradient(135deg,#f0f5ef,#fbf7ef)}.mode-main-row,.bottom-bar,.modal-header,.checkbox-row,.item-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pill-switch{width:3.8rem;height:2.3rem;padding:.25rem;border:0;border-radius:999px;background:#b7c0c6;transition:background .16s ease}.pill-switch span{display:block;width:1.8rem;height:1.8rem;border-radius:50%;background:#fff;transform:translate(0);transition:transform .16s ease}.pill-switch.active{background:#2f8a57}.pill-switch.active span{transform:translate(1.25rem)}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.75rem}.segmented-control button,.ghost-button,.secondary-button,.primary-button,.danger-button,.search-field input,.select-field select,.modal-field input,.modal-field select,.modal-field textarea,.item-edit,.item-toggle,.snackbar button{min-height:44px;border-radius:.95rem}.segmented-control button,.secondary-button,.ghost-button,.item-edit,.snackbar button{border:1px solid rgba(24,32,38,.12);background:#fff;color:#182026}.segmented-control .selected{background:#182026;color:#fff}.segmented-control.is-disabled{opacity:.6}.segmented-control.is-disabled button{cursor:not-allowed}.search-field,.select-field,.modal-field{display:grid;gap:.35rem}.helper-text{margin:.5rem 0 0;font-size:.88rem;color:#6b6257}.search-field input,.select-field select,.modal-field input,.modal-field select,.modal-field textarea{width:100%;border:1px solid rgba(24,32,38,.12);padding:.8rem .95rem;background:#fff}.modal-field textarea{resize:vertical}.status-banner,.empty-state{margin-bottom:1rem;padding:1rem}.status-banner.error{background:#fff2f1;color:#882d22}.list-shell{display:grid;gap:.9rem}.list-underlay.modal-open .group-header{z-index:0}.list-group{overflow:hidden}.group-header{position:sticky;top:.5rem;z-index:1;display:flex;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;background:#f6f1e6f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700}.group-items{display:grid;gap:.75rem;padding:.75rem}.item-row{align-items:stretch}.item-toggle{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:0;padding:.95rem;text-align:left;color:inherit;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}.item-toggle:active{transform:scale(.985)}.item-quantity{width:4.75rem;display:flex;align-items:center}.item-quantity input{width:100%;min-height:44px;border:1px solid rgba(24,32,38,.12);border-radius:.95rem;padding:.5rem .7rem;background:#ffffffeb;text-align:center}.item-row.needed .item-toggle{background:linear-gradient(135deg,#ffd7d2,#fff5f3);box-shadow:inset 0 0 0 1px #9f2b1f24}.item-row.picked .item-toggle{background:linear-gradient(135deg,#d8f6df,#f6fff6);box-shadow:inset 0 0 0 1px #29744029}.item-text,.item-meta{display:grid;gap:.25rem}.item-text strong{display:block;font-size:1rem;line-height:1.25}.item-edit{width:68px;align-self:center}.bottom-bar{position:fixed;left:50%;bottom:.75rem;transform:translate(-50%);width:min(calc(100% - 1rem),46rem);padding:.75rem;border-radius:1.25rem;background:#182026f0;color:#fff;box-shadow:0 18px 40px #18202638;z-index:20}.bottom-bar .secondary-button,.bottom-bar .primary-button{padding-inline:.75rem}.bottom-summary{flex:1;display:grid;text-align:center}.bottom-summary span{color:#ffffffbf;font-size:.84rem}.primary-button,.danger-button{border:0;color:#fff;padding:.85rem 1rem}.primary-button{background:#2f8a57}.danger-button{background:#bb4738}.secondary-button{padding:.85rem 1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;background:#18202661;padding:1rem;z-index:40}.modal-card{width:min(100%,38rem);max-height:min(90vh,52rem);overflow:auto;border-radius:1.5rem 1.5rem 1rem 1rem;background:#fffdf9;padding:1rem;box-shadow:0 30px 60px #1820263d}.receipt-modal{width:min(100%,44rem)}.receipt-review{display:grid;gap:.9rem;margin-top:1rem}.receipt-review-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(24,32,38,.1)}.receipt-review-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.5rem}.compact-button{min-height:36px;padding:.45rem .65rem}.receipt-review-header span,.receipt-line small{color:#5e6972}.receipt-lines{display:grid;gap:.75rem}.receipt-line{display:grid;gap:.75rem;padding:.8rem;border:1px solid rgba(24,32,38,.1);border-radius:1rem;background:#fff}.receipt-line .checkbox-row{align-items:flex-start}.receipt-line .checkbox-row span{display:grid;gap:.2rem}.modal-form,.modal-grid{display:grid;gap:.9rem}.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-row{justify-content:flex-start}.modal-actions{display:flex;justify-content:space-between;gap:.75rem;margin-top:.5rem}.snackbar{position:fixed;left:50%;bottom:5.8rem;transform:translate(-50%);width:min(calc(100% - 1.25rem),30rem);display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-radius:1rem;background:#182026;color:#fff;box-shadow:0 12px 32px #18202633;z-index:30}.snackbar-actions{display:flex;gap:.5rem}@media(min-width:720px){.hero-card{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center}.controls-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}