:root{--bg: var(--tg-theme-bg-color, #ffffff);--bg-secondary: var(--tg-theme-secondary-bg-color, #f2f2f7);--text: var(--tg-theme-text-color, #111111);--hint: var(--tg-theme-hint-color, #8b8b8f);--link: var(--tg-theme-link-color, #2f81f7);--accent: var(--tg-theme-button-color, #2f81f7);--accent-text: var(--tg-theme-button-text-color, #ffffff);--danger: #e5484d;--success: #2ea043;--warning: #e0a800;--border: rgba(128, 128, 128, .22);--radius: 14px;--radius-sm: 10px;--tabbar-height: 58px;--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg-secondary);color:var(--text);font-size:15px;line-height:1.35;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}.screen{min-height:100%;padding-bottom:calc(var(--tabbar-height) + var(--safe-bottom) + 12px)}.screen__header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;gap:12px}.screen__title{font-size:17px;font-weight:650;margin:0;flex:1}.screen__body{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.card{background:var(--bg);border-radius:var(--radius);padding:14px;border:1px solid var(--border)}.card--flat{border:none}.row{display:flex;align-items:center;gap:10px}.row--between{justify-content:space-between}.col{display:flex;flex-direction:column;gap:8px}.muted{color:var(--hint)}.small{font-size:13px}.tiny{font-size:12px}.strong{font-weight:650}.big{font-size:26px;font-weight:700;letter-spacing:-.5px}.danger{color:var(--danger)}.success{color:var(--success)}.warning{color:var(--warning)}.right{text-align:right}.grow{flex:1}.nowrap{white-space:nowrap}.btn{appearance:none;border:none;cursor:pointer;background:var(--accent);color:var(--accent-text);border-radius:var(--radius-sm);padding:13px 16px;font-weight:600;font-size:16px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:opacity .12s ease,transform .08s ease}.btn:active{transform:scale(.985);opacity:.9}.btn:disabled{opacity:.45;cursor:default}.btn--block{width:100%}.btn--secondary{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border)}.btn--danger{background:var(--danger);color:#fff}.btn--ghost{background:transparent;color:var(--link);min-height:40px;padding:8px 10px}.btn--sm{min-height:38px;padding:8px 12px;font-size:14px}.input{width:100%;padding:12px 14px;min-height:46px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);outline:none}.input:focus{border-color:var(--accent)}.grid{display:grid;gap:10px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.tile{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 10px;min-height:84px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:6px;text-align:left}.tile:active{transform:scale(.97)}.tile__name{font-size:14px;font-weight:600;line-height:1.2}.tile__price{font-size:13px;color:var(--hint)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(var(--tabbar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr)}.tabbar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;color:var(--hint);background:none;border:none;cursor:pointer}.tabbar__item--active{color:var(--accent)}.tabbar__icon{font-size:20px;line-height:1}.sheet__backdrop{position:fixed;inset:0;background:#0006;z-index:60;display:flex;align-items:flex-end;animation:fade .15s ease}.sheet{background:var(--bg);width:100%;max-height:88vh;overflow-y:auto;border-radius:16px 16px 0 0;padding:16px 16px calc(16px + var(--safe-bottom));animation:slide-up .2s ease}@keyframes slide-up{0%{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.cart{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-height) + var(--safe-bottom));background:var(--bg);border-top:1px solid var(--border);z-index:30;padding:10px 16px;box-shadow:0 -6px 20px #0000000f}.stepper{display:inline-flex;align-items:center;gap:2px}.stepper__btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--bg-secondary);font-size:19px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.stepper__value{min-width:46px;text-align:center;font-weight:650}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:var(--bg-secondary);color:var(--hint)}.badge--danger{background:#e5484d24;color:var(--danger)}.badge--success{background:#2ea04324;color:var(--success)}.badge--warning{background:#e0a80029;color:#9a7400}.list{display:flex;flex-direction:column}.list__item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.list__item:last-child{border-bottom:none}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,rgba(128,128,128,.12) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;left:16px;right:16px;bottom:calc(var(--tabbar-height) + var(--safe-bottom) + 16px);z-index:100;background:#222;color:#fff;padding:12px 14px;border-radius:12px;font-size:14px;box-shadow:0 8px 24px #00000040;animation:slide-up .18s ease}.toast--error{background:var(--danger)}.toast--success{background:var(--success)}.offline-badge{position:fixed;top:8px;right:12px;z-index:90;background:var(--warning);color:#241c00;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}