*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Rubik,Assistant,Segoe UI,sans-serif;line-height:1.35}:root{--bg:#f5efe6;--bg-accent:#efe6d8;--surface:#fffdf8;--surface-2:#f9f4ec;--text:#1f1b16;--muted:#6f6458;--line:#dfd2c2;--brand:#0f766e;--brand-soft:#d8f2ef;--danger:#b23838;--danger-soft:#fde8e8;--shadow:0 18px 38px #5236121f}.app-shell{background:radial-gradient(circle at 10% 0%, #f0dcb8 0%, transparent 35%), radial-gradient(circle at 88% 10%, #cbe9dc 0%, transparent 32%), linear-gradient(180deg, var(--bg) 0%, var(--bg-accent) 100%);min-height:100vh;color:var(--text);direction:rtl}.app-content{width:min(980px,100%);margin:0 auto;padding:20px 16px 44px}.shopping-list-page{gap:16px;display:grid}.page-header{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);text-align:right;border-radius:20px;padding:18px 16px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--brand);margin-bottom:8px;font-size:.72rem;font-weight:800}.page-header h1{margin-bottom:8px;font-size:clamp(1.65rem,3.8vw,2.4rem);line-height:1.1}.add-products-button{background:var(--brand);color:#fff;cursor:pointer;border:1px solid #0d645d;border-radius:999px;justify-content:center;align-items:center;block-size:34px;inline-size:34px;font-size:1.3rem;line-height:1;transition:transform .2s,filter .2s;display:inline-flex}.add-products-button:hover{filter:brightness(.95);transform:translateY(-1px)}.add-products-button:active{transform:translateY(0)}.add-products-button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.page-subtitle{color:var(--muted);font-size:.96rem;line-height:1.45}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.share-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;gap:12px;padding:16px;display:grid}.share-panel-text h3{margin-bottom:4px;font-size:1.05rem}.share-panel-text p{color:var(--muted);font-size:.92rem}.share-panel-actions{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.share-panel-actions input{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;font-size:.9rem}@media (width<=640px){.share-panel-actions{grid-template-columns:1fr}}.stat-card{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:12px}.stat-label{color:var(--muted);margin-bottom:6px;font-size:.8rem}.stat-value{font-size:1.25rem;font-weight:800}.shopping-list{align-content:start;gap:10px;display:grid}.lists-grid{align-items:start;gap:14px;display:grid}.list-block{align-content:start;gap:10px;display:grid}.list-title{color:#2b241b;font-size:1.06rem;font-weight:800}.list-title-row{justify-content:flex-start;align-items:center;gap:6px;display:flex}.empty-state{border:1px dashed var(--line);color:var(--muted);text-align:right;background:#ffffffb3;border-radius:16px;padding:24px 14px}.shopping-item-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:112px;padding:12px;animation:.34s lift-in;display:flex;box-shadow:0 7px 22px #52361214}.shopping-list .shopping-item-card:nth-child(2){animation-delay:40ms}.shopping-list .shopping-item-card:nth-child(3){animation-delay:80ms}.shopping-list .shopping-item-card:nth-child(4){animation-delay:.12s}.item-header{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.item-title-wrap h3{margin-bottom:2px;font-size:1rem}.item-status{color:var(--muted);font-size:.8rem}.item-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;block-size:34px;inline-size:34px;transition:transform .2s,filter .2s,border-color .2s;display:inline-flex}.icon-button svg{width:17px;height:17px}.move-button{color:#1b736b;background:#e8f6f4;border-color:#bde5df}.delete-icon-button{color:var(--danger);background:var(--danger-soft);border-color:#f4c8c8}.edit-icon-button{color:#2f4a73;background:#e6eefb;border-color:#c8d8f4}.icon-button:hover{filter:brightness(.96);transform:translateY(-1px)}.icon-button:active{transform:translateY(0)}.icon-button:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.modal-backdrop{z-index:50;background:#18140f61;align-items:end;padding:16px;display:grid;position:fixed;inset:0}.edit-modal{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;max-height:86vh;padding:14px;animation:.2s lift-in;overflow:auto}.edit-modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.edit-modal-header h3{font-size:1.1rem;font-weight:800}.close-modal-button{block-size:30px;inline-size:30px}.edit-form{gap:12px;display:grid}.field-wrap{gap:6px;display:grid}.field-wrap span{color:var(--muted);font-size:.84rem}.field-wrap input,.field-wrap textarea{width:100%;font:inherit;border:1px solid var(--line);color:var(--text);background:#fff;border-radius:10px;padding:10px}.field-wrap input:focus-visible,.field-wrap textarea:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.form-error{color:var(--danger);font-size:.84rem}.edit-form-actions{justify-content:flex-start;gap:8px;display:flex}.ghost-button,.primary-button{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:8px 12px;font-weight:700}.ghost-button{color:#3b3228;background:#f2ede6;border-color:#ddd2c5}.primary-button{background:var(--brand);color:#fff;border-color:#0d645d}.primary-button:disabled{opacity:.7;cursor:wait}@media (width>=768px){.app-content{padding:32px 22px 54px}.page-header{padding:24px}.shopping-item-card{padding:14px 16px}.lists-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.modal-backdrop{align-items:center}.edit-modal{width:min(520px,100%);margin-inline:auto;padding:16px}}@media (width>=1024px){.app-content{padding-top:40px}.shopping-list-page{gap:18px}}@keyframes lift-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}