:root{--app-bg: var(--tg-theme-bg-color, #ffffff);--app-text: var(--tg-theme-text-color, #000000);--app-hint: var(--tg-theme-hint-color, #999999);--app-link: var(--tg-theme-link-color, #2481cc);--app-button: var(--tg-theme-button-color, #2481cc);--app-button-text: var(--tg-theme-button-text-color, #ffffff);--app-secondary-bg: var(--tg-theme-secondary-bg-color, #f0f0f0);--app-header-bg: var(--tg-theme-header-bg-color, #ffffff);--app-section-bg: var(--tg-theme-section-bg-color, #ffffff);--app-section-header: var(--tg-theme-section-header-text-color, #6d6d72);--app-subtitle: var(--tg-theme-subtitle-text-color, #999999);--app-destructive: var(--tg-theme-destructive-text-color, #ff3b30)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--app-bg);color:var(--app-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh;max-width:100vw;padding-bottom:72px}.list-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:var(--app-header-bg);border-bottom:.5px solid var(--app-secondary-bg)}.list-header-title{font-size:17px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-header-actions{display:flex;gap:4px;flex-shrink:0}.header-action-btn{background:none;border:none;color:var(--app-link);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .15s ease,transform .15s ease}.header-action-btn:active{background-color:var(--app-secondary-bg);transform:scale(.9)}.header-action-btn.archive-btn{color:var(--app-destructive)}.archive-badge{position:absolute;top:0;right:0;background-color:var(--app-destructive);color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.section-group{margin-bottom:8px;animation:fadeSlideIn .25s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.section-header{position:sticky;top:47px;z-index:10;background-color:var(--app-secondary-bg);color:var(--app-section-header);padding:8px 16px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between;cursor:default}.section-count{font-size:12px;color:var(--app-hint);font-weight:400}.grocery-item{display:flex;align-items:center;padding:12px 16px;background-color:var(--app-section-bg);border-bottom:.5px solid var(--app-secondary-bg);gap:12px;cursor:pointer;transition:opacity .25s ease,transform .2s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent}.grocery-item:active{background-color:var(--app-secondary-bg)}.grocery-item.scratched{opacity:.5}.grocery-item .item-checkbox{width:22px;height:22px;border-radius:50%;border:2px solid var(--app-hint);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all .2s ease}.grocery-item .item-checkbox.checked{background-color:var(--app-button);border-color:var(--app-button);color:var(--app-button-text);animation:checkPop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes checkPop{0%{transform:scale(.8)}50%{transform:scale(1.15)}to{transform:scale(1)}}.grocery-item .item-content{flex:1;min-width:0}.grocery-item .item-name{font-size:16px;font-weight:400;line-height:1.3}.grocery-item.scratched .item-name{text-decoration:line-through;color:var(--app-hint);transition:color .2s ease}.grocery-item .item-meta{font-size:12px;color:var(--app-subtitle);margin-top:2px;display:flex;gap:8px;flex-wrap:wrap}.input-bar{position:fixed;bottom:0;left:0;right:0;background-color:var(--app-section-bg);border-top:.5px solid var(--app-secondary-bg);padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));z-index:100;display:flex;gap:8px;align-items:center}.input-bar input{flex:1;padding:8px 14px;border-radius:20px;border:1px solid var(--app-secondary-bg);background-color:var(--app-secondary-bg);color:var(--app-text);font-size:16px;outline:none;transition:border-color .2s ease}.input-bar input::placeholder{color:var(--app-hint)}.input-bar input:focus{border-color:var(--app-button)}.input-bar .send-btn{width:36px;height:36px;border-radius:50%;background-color:var(--app-button);color:var(--app-button-text);border:none;font-size:22px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;padding:1px 0 0;transition:transform .15s ease,box-shadow .15s ease}.input-bar .send-btn:active{transform:scale(.9)}.category-chip-bar{position:fixed;bottom:calc(56px + env(safe-area-inset-bottom,0px));left:12px;right:12px;display:flex;align-items:center;gap:6px;z-index:101;padding:6px 0}.category-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:16px;background-color:var(--app-button);color:var(--app-button-text);font-size:13px;font-weight:500;direction:rtl;animation:chipSlideIn .2s ease-out}@keyframes chipSlideIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.category-chip-dismiss{background:none;border:none;color:var(--app-hint);font-size:14px;cursor:pointer;padding:4px;line-height:1}.suggestion-menu{position:fixed;bottom:calc(56px + env(safe-area-inset-bottom,0px));left:12px;right:12px;background-color:var(--app-section-bg);border-radius:12px;box-shadow:0 -4px 20px #00000026;max-height:240px;overflow-y:auto;z-index:101;animation:menuSlideUp .2s ease-out}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{padding:12px 16px;border-bottom:.5px solid var(--app-secondary-bg);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .15s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:active{background-color:var(--app-secondary-bg)}.suggestion-item .suggestion-name{font-size:15px;font-weight:500}.suggestion-item .suggestion-meta{font-size:12px;color:var(--app-subtitle);text-align:right}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:200;display:flex;align-items:flex-end;animation:overlayFadeIn .2s ease-out}@keyframes overlayFadeIn{0%{background-color:#0000}to{background-color:#00000080}}.modal-drawer{background-color:var(--app-section-bg);border-radius:16px 16px 0 0;width:100%;max-height:80vh;overflow-y:auto;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));animation:slideUp .3s cubic-bezier(.32,.72,0,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-drawer .modal-handle{width:36px;height:4px;background-color:var(--app-hint);border-radius:2px;margin:0 auto 16px}.modal-drawer h3{font-size:18px;margin-bottom:16px}.modal-drawer .form-group{margin-bottom:16px}.modal-drawer label{display:block;font-size:13px;color:var(--app-subtitle);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.modal-drawer input,.modal-drawer textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--app-secondary-bg);background-color:var(--app-secondary-bg);color:var(--app-text);font-size:16px;outline:none}.modal-drawer textarea{resize:vertical;min-height:60px}.modal-drawer .modal-actions{display:flex;gap:8px;margin-top:20px}.modal-drawer .btn{flex:1;padding:12px;border-radius:10px;border:none;font-size:16px;font-weight:500;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.modal-drawer .btn:active{transform:scale(.96);opacity:.85}.modal-drawer .btn:disabled{opacity:.4;cursor:not-allowed}.modal-drawer .btn-primary{background-color:var(--app-button);color:var(--app-button-text)}.modal-drawer .btn-secondary{background-color:var(--app-secondary-bg);color:var(--app-text)}.modal-drawer .btn-danger{background-color:var(--app-destructive);color:#fff}.share-description{font-size:14px;color:var(--app-subtitle);margin-bottom:16px;line-height:1.4}.invite-code-display{background-color:var(--app-secondary-bg);border-radius:12px;padding:16px;text-align:center;margin-bottom:16px}.invite-code-value{font-size:22px;font-weight:700;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;letter-spacing:2px;color:var(--app-text);-webkit-user-select:all;user-select:all;word-break:break-all}.share-actions{flex-direction:column!important;gap:8px}.share-close-btn{width:100%;margin-top:8px}.join-error{color:var(--app-destructive);font-size:13px;margin-bottom:12px;padding:8px 12px;background-color:color-mix(in srgb,var(--app-destructive) 10%,transparent);border-radius:8px}.category-chips{display:flex;flex-wrap:wrap;gap:6px}.category-move-chip{padding:6px 12px;border-radius:16px;border:1px solid var(--app-secondary-bg);background-color:var(--app-secondary-bg);color:var(--app-text);font-size:13px;cursor:pointer;transition:all .15s ease}.category-move-chip.active{background-color:var(--app-button);color:var(--app-button-text);border-color:var(--app-button)}.category-move-chip:active{transform:scale(.95)}.reorder-controls{display:flex;gap:8px}.reorder-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px!important;font-size:14px!important}.reorder-btn:disabled{opacity:.3;cursor:not-allowed}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--app-hint);text-align:center}.empty-state .emoji{font-size:48px;margin-bottom:16px}.empty-state p{font-size:16px;line-height:1.5}.dept-autocomplete{position:relative}.dept-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--app-section-bg);border:1px solid var(--app-secondary-bg);border-radius:8px;box-shadow:0 4px 12px #0000001f;max-height:180px;overflow-y:auto;z-index:210;margin-top:4px}.dept-dropdown-item{padding:10px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:.5px solid var(--app-secondary-bg);transition:background-color .15s ease}.dept-dropdown-item:last-child{border-bottom:none}.dept-dropdown-item:active{background-color:var(--app-secondary-bg)}.dept-dropdown-item .dept-name-en{font-size:14px;font-weight:500;color:var(--app-text)}.dept-dropdown-item .dept-name-he{font-size:13px;color:var(--app-subtitle);direction:rtl}