*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:Rubik,Assistant,Segoe UI,sans-serif;line-height:1.35;transition:background .25s,color .25s}button,input,textarea{font:inherit}:root{--bg:#f5efe6;--bg-accent:#efe6d8;--surface:#fffdf8;--surface-2:#f9f4ec;--surface-3:#f2eadf;--text:#1f1b16;--muted:#6f6458;--line:#dfd2c2;--brand:#0f766e;--brand-soft:#d8f2ef;--danger:#b23838;--danger-soft:#fde8e8;--shadow:0 18px 38px #5236121f}:root[data-theme=dark]{--bg:#0f141a;--bg-accent:#121a23;--surface:#161d26;--surface-2:#1b2330;--surface-3:#202939;--text:#f2eee8;--muted:#a6b0ba;--line:#2d3947;--brand:#3cc4b6;--brand-soft:#3cc4b629;--danger:#ff7e7e;--danger-soft:#ff7e7e24;--shadow:0 18px 38px #00000059}.app-shell{background:radial-gradient(circle at 10% 0%, #f0dcb8c2 0%, transparent 35%), radial-gradient(circle at 88% 10%, #cbe9dcb3 0%, transparent 32%), linear-gradient(180deg, var(--bg) 0%, var(--bg-accent) 100%);min-height:100vh;color:var(--text);direction:rtl;transition:background .25s,color .25s}:root[data-theme=dark] .app-shell{background:radial-gradient(circle at 10% 0%, #3cc4b62e 0%, transparent 34%), radial-gradient(circle at 88% 10%, #426da233 0%, transparent 32%), linear-gradient(180deg, var(--bg) 0%, var(--bg-accent) 100%)}.app-topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:flex-start;width:min(980px,100%);margin:0 auto;padding:14px 16px 0;display:flex;position:sticky;top:0}.theme-toggle{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);color:var(--text);cursor:pointer;border-radius:999px;padding:9px 14px;font-weight:800;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;box-shadow:0 10px 24px #00000014}.theme-toggle:hover{background:var(--surface);transform:translateY(-1px)}.theme-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.app-content{width:min(980px,100%);margin:0 auto;padding:20px 16px 44px}.shopping-list-page{gap:16px;display:grid}.page-header{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent) 0%, var(--surface) 100%);border:1px solid var(--line);box-shadow:var(--shadow);text-align:right;border-radius:20px;padding:18px 16px;position:relative}.page-actions-row{justify-content:flex-start;align-items:center;display:flex}.actions-menu-trigger{border:1px solid var(--line);background:var(--surface-3);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 12px;font-weight:700;transition:transform .2s,background .2s}.actions-menu-trigger:hover{background:var(--surface);transform:translateY(-1px)}.actions-menu-trigger:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.actions-menu{display:inline-flex;position:relative}.actions-menu-popover{background:linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);border:1px solid var(--line);opacity:0;pointer-events:none;z-index:32;border-radius:14px;gap:8px;width:min(320px,82vw);padding:10px;transition:opacity .2s,transform .22s;display:grid;position:absolute;top:calc(100% + 10px);left:auto;right:0;transform:translate(16px);box-shadow:0 18px 42px #0003}.actions-menu-popover.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.menu-option{border:1px solid var(--line);background:var(--surface-3);color:var(--text);text-align:right;cursor:pointer;border-radius:12px;padding:10px 12px;font-weight:700;transition:transform .18s,background .18s}.menu-option:hover{background:var(--surface);transform:translate(-2px)}.menu-option:disabled{opacity:.55;cursor:not-allowed;transform:none}.menu-option:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.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:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, transparent) 0%, var(--surface-2) 100%);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:var(--surface-3);color:var(--text);border-radius:12px;padding:10px 12px;font-size:.9rem;box-shadow:inset 0 1px #ffffff0a}@media (width<=640px){.actions-menu-popover{width:min(300px,84vw)}.stats-grid{grid-template-columns:1fr}.shopping-item-card{min-height:120px;padding:14px 14px 12px}.item-actions{gap:8px}.share-panel-actions{grid-template-columns:1fr}}.stat-card{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 88%, transparent) 0%, var(--surface-2) 100%);border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 12px 24px #0000000a}.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:var(--text);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);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, transparent) 0%, var(--surface-2) 100%);color:var(--muted);text-align:right;border-radius:16px;padding:24px 14px}.shopping-item-card{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent) 0%, var(--surface-2) 100%);touch-action:pan-y;-webkit-user-select:none;user-select:none;will-change:transform;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:112px;padding:12px;transition:transform .18s,box-shadow .18s,background .18s;animation:.34s lift-in;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #0000000f}.shopping-item-card.is-dragging{cursor:grabbing;transition:none;box-shadow:0 16px 30px #0000001f}.shopping-item-card[data-swipe-direction=left]{background:linear-gradient(90deg, #0f766e2e, color-mix(in srgb, var(--surface) 96%, transparent) 58%)}.shopping-item-card[data-swipe-direction=right]{background:linear-gradient(270deg, #b238382e, color-mix(in srgb, var(--surface) 96%, transparent) 58%)}.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{letter-spacing:.01em;margin-bottom:2px;font-size:1rem;font-weight:800}.item-status{color:var(--muted);font-size:.8rem}.item-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.icon-button{border:1px solid var(--line);background:var(--surface-3);block-size:34px;inline-size:34px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:transform .2s,filter .2s,border-color .2s,background .2s;display:inline-flex}.icon-button svg{width:17px;height:17px}.move-button{color:var(--brand);background:var(--brand-soft);border-color:color-mix(in srgb, var(--brand) 20%, var(--line))}.delete-icon-button{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 18%, var(--line))}.edit-icon-button{color:#4b6ea9;background:#4b6ea91f;border-color:#4b6ea93d}.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;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c101685;align-items:end;padding:16px;display:grid;position:fixed;inset:0}.edit-modal{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent) 0%, var(--surface-2) 100%);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);background:var(--surface-3);color:var(--text);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{background:var(--surface-3);border-color:var(--line);color:var(--text)}.primary-button{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 88%, white) 0%, var(--brand) 100%);border-color:color-mix(in srgb, var(--brand) 80%, black);color:#fff;box-shadow:0 10px 20px #0f766e2e}.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}.theme-toggle{padding:10px 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)}}