:root{--tg-bg-color: #f8fafc;--tg-text-color: #1a1a1a;--tg-hint-color: #888888;--tg-link-color: #1a73e8;--tg-button-color: #1a73e8;--tg-button-text-color: #ffffff;--tg-secondary-bg-color: #ffffff;--tg-shadow-color: rgba(0, 0, 0, .06)}@media(prefers-color-scheme:dark){:root{--tg-bg-color: #1c1c1c;--tg-text-color: #e8e8e8;--tg-hint-color: #aaaaaa;--tg-secondary-bg-color: #2b2b2b;--tg-shadow-color: rgba(255, 255, 255, .06)}}.shopping-container{max-width:480px;margin:0 auto;padding:16px 20px;min-height:100vh;background:var(--tg-bg-color);color:var(--tg-text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background .2s,color .2s}.title{font-size:22px;font-weight:600;margin-bottom:16px;color:var(--tg-text-color)}.loading-overlay{position:fixed;inset:0;background:#fff9;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:var(--tg-text-color, #1a1a1a);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;pointer-events:all}@media(prefers-color-scheme:dark){.loading-overlay{background:#0009}}.premium-banner{margin-bottom:20px;padding:16px 20px;background:linear-gradient(135deg,#1a73e81f,#8e24aa1f);border:1px solid var(--tg-link-color, #1a73e8);border-radius:16px;position:relative;overflow:hidden}.premium-banner-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.premium-badge{background:var(--tg-link-color, #1a73e8);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;letter-spacing:.5px}.premium-banner h3{margin:0;font-size:16px;font-weight:600;color:var(--tg-text-color)}.premium-banner p{margin:0;font-size:13px;line-height:1.4;color:var(--tg-hint-color)}.premium-button{margin-top:8px;width:100%;padding:10px 16px;border:none;border-radius:12px;background:var(--tg-button-color, #1a73e8);color:var(--tg-button-text-color, #ffffff);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.premium-button:active{transform:scale(.98);opacity:.9}.period-mode-tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.period-mode-tabs button{padding:8px 16px;border-radius:20px;border:1px solid var(--tg-hint-color, #ccc);background:transparent;color:var(--tg-text-color, #1a1a1a);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.period-mode-tabs button.active{background:var(--tg-link-color, #1a73e8);border-color:var(--tg-link-color, #1a73e8);color:#fff}.period-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.period-selector button{padding:8px 16px;border-radius:20px;border:1px solid var(--tg-hint-color, #ccc);background:transparent;color:var(--tg-text-color, #1a1a1a);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.period-selector button.active{background:var(--tg-link-color, #1a73e8);border-color:var(--tg-link-color, #1a73e8);color:#fff}.day-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.day-selector button{padding:8px 14px;border-radius:20px;border:1px solid var(--tg-hint-color, #ccc);background:transparent;color:var(--tg-text-color, #1a1a1a);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.day-selector button.active{background:var(--tg-link-color, #1a73e8);border-color:var(--tg-link-color, #1a73e8);color:#fff}.range-selector{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.range-selector select{padding:8px 14px;border-radius:12px;border:1px solid var(--tg-hint-color, #ccc);background:var(--tg-bg-color, #fff);color:var(--tg-text-color, #1a1a1a);font-size:14px;font-weight:500;cursor:pointer}.range-selector span{color:var(--tg-hint-color, #888);font-weight:500}.sort-selector{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.sort-selector button{padding:8px 16px;border-radius:20px;border:1px solid var(--tg-hint-color, #ccc);background:transparent;color:var(--tg-text-color, #1a1a1a);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.sort-selector button.active{background:var(--tg-link-color, #1a73e8);border-color:var(--tg-link-color, #1a73e8);color:#fff}.group-block{margin-bottom:32px;padding:16px 18px 20px;background:var(--tg-secondary-bg-color);border-radius:18px;box-shadow:0 2px 10px var(--tg-shadow-color);border:1px solid var(--tg-shadow-color)}.group-title{font-size:20px;font-weight:700;margin-bottom:16px;color:var(--tg-text-color);padding-bottom:8px;border-bottom:2px solid var(--tg-link-color, #1a73e8);display:inline-block}.category-title{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--tg-text-color);padding-left:12px;border-left:4px solid var(--tg-link-color, #1a73e8)}.task-list{list-style:none;padding:0;margin:0}.list-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 8px;border-bottom:1px solid var(--tg-hint-color, #e0e0e0);margin-bottom:4px;font-size:13px;font-weight:500;color:var(--tg-hint-color, #888)}.header-name{flex:1}.header-amount{flex-shrink:0;margin-left:8px}.task-item{display:flex;align-items:center;gap:14px;padding:10px 16px;margin-bottom:0;background:transparent;border-radius:0;box-shadow:none;cursor:pointer;transition:background .1s,transform .05s;min-height:48px;border-bottom:1px solid var(--tg-shadow-color, rgba(0,0,0,.04))}.task-item:active{background:var(--tg-secondary-bg-color);transform:none}.task-item.done{opacity:.6}.task-item.done .task-title{text-decoration:line-through}.checkbox{width:20px;height:20px;border-radius:50%;border:2px solid var(--tg-hint-color, #9e9e9e);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.checkbox.checked{border-color:var(--tg-link-color, #1a73e8);background:var(--tg-link-color, #1a73e8)}.checkbox.checked:after{content:"✓";color:#fff;font-size:14px;line-height:1;font-weight:700}.task-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.task-title{font-size:16px;font-weight:450;color:var(--tg-text-color);word-break:break-word}.task-amount-wrapper{position:relative;flex-shrink:0;display:flex;align-items:center;margin-left:8px;min-width:50px;justify-content:flex-end}.task-amount{font-size:14px;color:var(--tg-hint-color);white-space:nowrap}.task-item.premium-blur .task-amount{filter:blur(4px);-webkit-user-select:none;user-select:none;transition:filter .2s}.task-item.premium-blur .checkbox{opacity:.4}.premium-badge-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--tg-link-color, #1a73e8);color:#fff;font-size:10px;font-weight:600;padding:5px 10px;border-radius:10px;white-space:nowrap;z-index:1;box-shadow:0 1px 4px #0003;pointer-events:none}@media(prefers-color-scheme:dark){.task-item{background:transparent;border-bottom-color:#ffffff0f}.task-title{color:#e8e8e8}.task-amount{color:#bbb}.list-header{color:#aaa;border-bottom-color:#ffffff1a}.category-title{color:#aaa}.group-title{color:#e8e8e8;border-bottom-color:var(--tg-link-color, #1a73e8)}.group-block{background:var(--tg-secondary-bg-color);border-color:#ffffff14}.category-block{background:var(--tg-secondary-bg-color)}}.loader{text-align:center;padding:60px 0;color:var(--tg-hint-color);font-size:16px}.loader:after{content:"...";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.empty-state{text-align:center;padding:80px 20px;color:var(--tg-hint-color);font-size:16px;line-height:1.5}.empty-group{padding:12px 0;color:var(--tg-hint-color, #888);font-size:14px;text-align:center;background:var(--tg-secondary-bg-color, #f5f5f5);border-radius:12px}@media(max-width:420px){.shopping-container{padding:12px 14px}.task-item{padding:10px 12px;gap:12px}.task-title{font-size:15px}.checkbox{width:18px;height:18px}.checkbox.checked:after{font-size:12px}.task-amount{font-size:13px}.period-mode-tabs button,.period-selector button,.day-selector button,.sort-selector button{padding:6px 12px;font-size:13px}.range-selector select{padding:6px 10px;font-size:13px}.premium-badge-overlay{font-size:9px;padding:5px 10px}}