:root{--navy: #2e4f88;--white-soft: rgba(255,255,255,.84);--white-strong: rgba(255,255,255,.94);--border-soft: rgba(120,148,196,.22);--shadow-soft: 0 20px 45px rgba(116,140,179,.16);--text: #31435d;--muted: #64748b}.page-shell{min-height:100vh;padding:24px 0 56px;background:radial-gradient(circle at top left,rgba(255,228,239,.9),transparent 30%),radial-gradient(circle at top right,rgba(215,237,255,.95),transparent 32%),radial-gradient(circle at bottom center,rgba(255,236,213,.95),transparent 38%),linear-gradient(180deg,#f7fbff,#fffaf5)}.page-width{width:min(1200px,calc(100% - 40px));margin:0 auto}.eyebrow{margin:0 0 12px;color:var(--navy);font-size:.9rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.page-title{margin:0 0 12px;font-size:clamp(2.3rem,5vw,4rem);line-height:1.02;color:var(--navy);text-shadow:0 3px 0 rgba(255,255,255,.55)}.hero-title{font-weight:900}.hero-subtitle,.lead,.muted{color:var(--text);line-height:1.75}.hero-subtitle{margin:0 auto;max-width:760px;font-size:1.05rem}.message-pill{display:inline-flex;margin:0 0 24px;padding:12px 18px;border-radius:999px;background:#22c55e24;border:1px solid rgba(34,197,94,.24);color:#166534;font-weight:800}.message-pill[data-tone=error]{background:#ef44441f;border-color:#ef44443d;color:#991b1b}.shopping-hero{margin-bottom:24px;border-radius:38px;overflow:hidden;border:1px solid rgba(121,155,214,.22);box-shadow:0 28px 55px #748cb333;background:radial-gradient(circle at 12% 28%,rgba(255,244,217,.92),transparent 14%),radial-gradient(circle at 84% 24%,rgba(255,235,210,.9),transparent 14%),linear-gradient(180deg,#bae4fff2,#eedbffd9 42%,#ffe7d2eb)}.shopping-hero__inner{padding:40px 34px 38px;text-align:center}.shopping-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:24px;align-items:start}.shopping-side{display:grid;gap:24px}.shopping-card{padding:28px;border-radius:32px;background:var(--white-soft);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)}.shopping-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.shopping-card__header--small{margin-top:8px;margin-bottom:14px}.shopping-card__header h2,.shopping-card__header h3{margin:0 0 8px;color:var(--navy)}.shopping-card__header h2{font-size:1.7rem}.shopping-card__header h3{font-size:1.2rem}.shopping-card__header p{margin:0}.shopping-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.shopping-item{border-radius:22px;background:var(--white-strong);border:1px solid rgba(120,148,196,.18);box-shadow:0 10px 24px #748cb314}.shopping-item--checked{opacity:.82;background:#ffffffb8}.shopping-item__row{display:flex;gap:14px;padding:16px 18px;align-items:center;justify-content:space-between}.shopping-item__row--checked{align-items:flex-start;justify-content:flex-start;cursor:pointer}.shopping-item__main{display:flex;gap:14px;align-items:flex-start;cursor:pointer;flex:1 1 auto;min-width:0}.shopping-item__checkbox{width:20px;height:20px;margin:3px 0 0;accent-color:#5e87d2;flex:0 0 auto}.shopping-item__content{display:grid;gap:4px;min-width:0}.shopping-item__title{color:var(--text);font-size:1.05rem;font-weight:800;line-height:1.35}.shopping-item--checked .shopping-item__title{text-decoration:line-through;color:var(--muted)}.shopping-item__qty,.shopping-item__meta{color:var(--muted);font-size:.93rem;line-height:1.45}.remove-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:999px;border:1px solid rgba(120,148,196,.24);background:#ffffffe6;color:var(--navy);font:inherit;font-size:.88rem;font-weight:800;cursor:pointer;white-space:nowrap;flex:0 0 auto}.shopping-divider{height:1px;margin:24px 0;background:#7894c42e}.empty-state{padding:18px;border-radius:22px;background:#ffffff9e;border:1px dashed rgba(120,148,196,.22);color:var(--muted);text-align:center;margin-bottom:12px}.empty-state--small{margin-bottom:14px}.empty-state p{margin:0}.shopping-form{display:grid;gap:16px}.field{display:grid;gap:8px}.field span{color:var(--navy);font-size:.95rem;font-weight:800}.field input{width:100%;box-sizing:border-box;border:1px solid rgba(120,148,196,.28);border-radius:18px;background:#ffffffe0;padding:14px 16px;font:inherit;color:var(--text)}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:0;border-radius:999px;background:linear-gradient(135deg,#79a7ef,#5e87d2);color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 10px 22px #5e87d240}.quick-add-grid{display:flex;flex-wrap:wrap;gap:10px}.quick-add-pill{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border-radius:999px;border:1px solid rgba(120,148,196,.24);background:#ffffffe0;color:var(--navy);font:inherit;font-weight:800;cursor:pointer}.status-card{width:min(720px,calc(100% - 40px));margin:52px auto 0;border-radius:28px;padding:28px;background:#ffffffd6;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);text-align:center}@media(max-width:980px){.shopping-layout{grid-template-columns:1fr}}@media(max-width:760px){.page-width{width:calc(100% - 24px)}.shopping-hero__inner{padding:30px 22px 28px}.shopping-card{padding:20px;border-radius:26px}.shopping-item__row{padding:14px}.shopping-item__main{gap:12px}.hero-subtitle,.lead,.muted{line-height:1.6}}@media(max-width:560px){.shopping-item__row{flex-direction:column;align-items:stretch}.remove-button{width:100%}}