:root{-webkit-text-size-adjust:100%;text-size-adjust:100%;--app-chip-bg: rgba(21, 21, 21, .92);--app-drag-highlight: rgba(76, 141, 255, .25);--app-typeahead-hover: rgba(14, 14, 14, .8);--app-sheet-border: rgba(136, 136, 136, .2);--app-sheet-backdrop: rgba(0, 0, 0, .4);--app-fixed-input-bg: rgba(14, 14, 14, .94);--app-card-hover: rgba(255, 255, 255, .06);--app-card-active: rgba(36, 129, 204, .2);--app-scrollbar-track: rgba(255, 255, 255, .04);--app-scrollbar-thumb: rgba(255, 255, 255, .2)}html,body,#root{height:100%;width:100%;overflow:hidden}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--tg-theme-bg-color, #0e0e0e);color:var(--tg-theme-text-color, #ffffff);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{min-height:100dvh;height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;width:100%;max-width:100vw}#root.lock-scroll{overflow:hidden}.container{padding-bottom:calc(8px + env(safe-area-inset-bottom));max-width:100vw}.inline-qty{display:grid;grid-template-columns:minmax(0,1fr) minmax(86px,120px) auto;gap:8px;margin:8px 0;align-items:center}.inline-qty>button{white-space:nowrap}@media (max-width: 360px){.inline-qty{grid-template-columns:minmax(0,1fr) minmax(86px,120px)}.inline-qty>button{grid-column:1 / -1;width:100%}}.header{padding-top:env(safe-area-inset-top)}.list-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:12px 4px 12px 12px}button,input,select{font:inherit;font-size:16px;line-height:1.25;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select{position:relative;display:inline-block;width:100%;background:var(--tg-theme-bg-color, #101010);color:inherit;border:1px solid var(--tg-theme-hint-color, #3a3a3a);border-radius:8px;padding:8px 36px 8px 12px;box-shadow:none}.select:focus{outline:none;border-color:var(--tg-theme-button-color, #2481cc);box-shadow:none}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%239aa0a6' d='M7.5 9.5l4.5 4.5 4.5-4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}input,button,select{border-radius:10px;border:1px solid transparent;padding:10px 12px;background:var(--tg-theme-secondary-bg-color, #151515);color:inherit;min-width:0}button{cursor:pointer;touch-action:manipulation}button.secondary{background:transparent}button.danger{color:#ff6b6b;border-color:#ff6b6b66}.tab-btn{background:transparent;border:1px solid var(--tg-theme-hint-color, #88888833)}.tab-btn.active{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff);border-color:transparent}.card{background:var(--tg-theme-bg-color, #0e0e0e);padding:12px 16px;border-radius:14px;border:1px solid transparent;margin:12px 0}.muted{color:var(--tg-theme-hint-color, #9aa0a6);font-size:14px}.center{text-align:center}ul.items{list-style:none;padding-left:0;margin-left:0}.item-card{background:var(--tg-theme-secondary-bg-color, #151515);border:1px solid var(--tg-theme-hint-color, #88888822);border-radius:12px;padding:10px 12px;margin:8px 0}.icon-btn{padding:6px 8px;border-radius:8px;background:var(--tg-theme-bg-color, #101010);border:1px solid var(--tg-theme-hint-color, #3a3a3a)}button.ghost{background:transparent;border-color:transparent}.pill{display:inline-block;background:var(--tg-theme-secondary-bg-color, #151515);color:var(--tg-theme-hint-color, #9aa0a6);border:1px solid var(--tg-theme-hint-color, #88888833);padding:2px 8px;border-radius:999px;margin-left:6px;font-size:12px}.item-title.done{color:var(--tg-theme-hint-color, #9aa0a6);text-decoration:line-through}.check.on{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff);border-color:transparent}:focus-visible{outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--app-sheet-backdrop);z-index:50}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--tg-theme-bg-color, #0e0e0e);border-top-left-radius:16px;border-top-right-radius:16px;border:1px solid var(--app-sheet-border);max-height:calc(100dvh - 60px);display:flex;flex-direction:column;padding-bottom:calc(env(safe-area-inset-bottom) + 8px);overflow-x:hidden;width:100%;box-shadow:0 -12px 24px #00000073}.sheet-handle{height:24px;display:grid;place-items:center}.sheet-handle:after{content:"";width:42px;height:4px;border-radius:4px;background:var(--tg-theme-hint-color, #88888855)}.sheet-search{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:12px 16px 16px;position:sticky;top:0;background:inherit;z-index:1;overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box;min-width:0}.sheet-search input{border-radius:12px}.add-input{font-size:18px;padding:14px;min-width:0;width:100%;box-sizing:border-box;position:relative;z-index:10}.add-input:focus{outline:none;border-color:var(--tg-theme-button-color, #2481cc);box-shadow:0 0 0 2px #2481cc33}.fixed-input-container{position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--app-fixed-input-bg);border-top:1px solid var(--app-sheet-border);padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -6px 18px #00000059}.add-input-wrapper{position:relative;width:100%}.add-input-light{width:100%;background:var(--tg-theme-secondary-bg-color, #151515);border:1px solid var(--tg-theme-hint-color, #88888833);border-radius:16px;padding:16px 20px;font-size:16px;color:var(--tg-theme-text-color, #ffffff);transition:all .2s ease;outline:none}.add-input-light:focus{border-color:var(--tg-theme-button-color, #2481cc);background:var(--tg-theme-secondary-bg-color, #1a1a1a);box-shadow:0 0 0 3px #2481cc1a}.add-input-light::placeholder{color:var(--tg-theme-hint-color, #9aa0a6);font-weight:400}.items-list-container{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.add-input:focus-visible{outline:none}button.success{color:#2ecc71;border-color:#2ecc7166}.sheet-content{overflow-y:auto;overflow-x:hidden;padding:0 8px 8px;overscroll-behavior:contain;width:100%;max-width:100%;box-sizing:border-box}.chip{border:1px solid var(--tg-theme-hint-color, #88888822)!important;background-color:var(--app-chip-bg);max-width:100%;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.chip:hover,.chip:focus-visible{background-color:var(--app-card-hover);border-color:var(--tg-theme-button-color, #2481cc)!important}.chip:active{background-color:var(--app-card-active)}.check{border:1px solid var(--tg-theme-hint-color, #88888833)!important}.list-dropzone{height:8px;margin:0 12px;border-radius:6px;background-color:transparent;transition:background-color .2s ease}.list-dropzone.active{background-color:var(--app-drag-highlight)}.catalog-panel{margin-top:12px;max-height:min(60vh,480px);overflow-y:auto;overflow-x:hidden;border:1px solid var(--tg-theme-hint-color, #88888822);border-radius:16px;padding:12px;width:100%;max-width:100%;box-sizing:border-box;scrollbar-width:thin;background:color-mix(in oklab,var(--tg-theme-secondary-bg-color, #151515) 94%,transparent);box-shadow:inset 0 0 0 1px #ffffff05}.catalog-panel::-webkit-scrollbar{width:6px}.catalog-panel::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}.catalog-panel::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:999px}.catalog-recent-bar{display:flex;align-items:center;gap:8px;margin:0 0 8px}.catalog-recent-items{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:4px}.catalog-section{margin:12px 0 18px}.catalog-section-title{font-weight:600;font-size:14px;margin:0 0 8px;color:var(--tg-theme-hint-color, #9aa0a6)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px;width:100%;box-sizing:border-box}.catalog-card{display:grid;grid-template-rows:auto 1fr;place-items:center;gap:8px;padding:12px 10px;border:1px solid var(--tg-theme-hint-color, #88888833);border-radius:14px;background:var(--tg-theme-secondary-bg-color, #151515);cursor:pointer;text-align:center;min-height:94px;width:100%;box-sizing:border-box;transition:border-color .2s ease,background-color .2s ease,transform .1s ease}.catalog-card:hover,.catalog-card:focus-visible{border-color:var(--tg-theme-button-color, #2481cc);background:var(--app-card-hover)}.catalog-card:active{background:var(--app-card-active);transform:scale(.99)}.catalog-card-icon{font-size:24px}.catalog-card-title{font-size:13px;line-height:1.15;word-break:break-word;max-width:100%;overflow:hidden;text-overflow:ellipsis}.typeahead-results{position:absolute;left:0;right:0;top:4px;transform:translateY(100%);border:1px solid var(--tg-theme-hint-color, #88888844);border-radius:14px;background:var(--tg-theme-secondary-bg-color, #151515);max-height:min(45vh,420px);overflow-y:auto;z-index:100;box-shadow:0 12px 32px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:thin}.typeahead-results::-webkit-scrollbar{width:6px}.typeahead-results::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}.typeahead-results::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:999px}.typeahead-option{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background-color .15s ease}.typeahead-option:hover,.typeahead-option:focus-visible,.typeahead-option.active{background:var(--app-typeahead-hover)}.typeahead-option:active{background:var(--app-card-active)}.typeahead-option-icon{display:grid;place-items:center}.typeahead-option-body{display:flex;flex-direction:column;gap:2px;min-width:0}.typeahead-option-title{line-height:1.2;font-weight:500}.typeahead-option-meta{color:var(--tg-theme-hint-color, #9aa0a6);font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typeahead-option .pill{font-size:11px}.sheet *{max-width:100%;box-sizing:border-box}.sheet input{min-width:0;width:100%}.sheet-content div[style*=grid]{overflow-x:hidden;max-width:100%}.sheet-content div[style*=grid]>div{min-width:0;max-width:100%}.sheet-content [role=button]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sheet-content [role=button]:focus{outline:none}.sheet-search input:focus{position:relative;z-index:100}