:root{--void: #0a0712;--void-2: #120c1c;--surface: #18101f;--surface-2: #211628;--surface-3: #2a1c33;--violet: #a855f7;--magenta: #ec4899;--gold: #e0a458;--rust: #c66a45;--text: #f4eef7;--muted: #a293b3;--muted-2: #786a8a;--glow-grad: linear-gradient(135deg, #8b5cf6 0%, #d84fc4 55%, #ec4899 100%);--border-soft: rgba(168, 120, 247, .18);--tg-bg: var(--void);--tg-text: var(--text);--tg-hint: var(--muted);--tg-link: var(--magenta);--tg-button: var(--glow-grad);--tg-button-text: #ffffff;--tg-secondary-bg: var(--surface-2);--radius: 14px;--tabbar-h: 64px;--tg-safe-top: 0px;--tg-safe-bottom: 0px;--tg-safe-left: 0px;--tg-safe-right: 0px;--keyboard-inset: 0px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;background:var(--void);color:var(--text);-webkit-font-smoothing:antialiased;position:relative;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.4px 1.4px at 12% 8%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1px 1px at 28% 22%,rgba(255,255,255,.4),transparent 60%),radial-gradient(1.2px 1.2px at 70% 5%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1px 1px at 85% 30%,rgba(255,255,255,.35),transparent 60%),radial-gradient(1.5px 1.5px at 45% 14%,rgba(255,255,255,.4),transparent 60%),radial-gradient(1px 1px at 60% 40%,rgba(255,255,255,.3),transparent 60%),radial-gradient(1.3px 1.3px at 5% 55%,rgba(255,255,255,.35),transparent 60%),radial-gradient(1px 1px at 92% 60%,rgba(255,255,255,.3),transparent 60%),radial-gradient(1.4px 1.4px at 35% 75%,rgba(255,255,255,.3),transparent 60%),radial-gradient(1px 1px at 78% 88%,rgba(255,255,255,.28),transparent 60%);opacity:.8;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:-140px;left:50%;transform:translate(-50%);width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(224,164,88,.16),rgba(168,85,247,.1) 45%,transparent 72%);filter:blur(2px);pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh;padding-top:var(--tg-safe-top);padding-left:var(--tg-safe-left);padding-right:var(--tg-safe-right);padding-bottom:calc(var(--tabbar-h) + var(--tg-safe-bottom) + env(safe-area-inset-bottom,0px))}a{color:var(--tg-link);text-decoration:none}button{font-family:inherit;cursor:pointer}.page{padding:12px 16px}.page-title{font-size:20px;font-weight:700;margin:8px 0 12px;letter-spacing:.01em}.brand-row{display:flex;align-items:center;gap:10px;padding:14px 16px 6px}.moon-badge{width:34px;height:34px;border-radius:50%;flex:0 0 auto;background:radial-gradient(circle at 35% 30%,#3a3244,#17121d 70%);box-shadow:0 0 0 1px #a878f74d,0 0 14px #a855f759;position:relative}.moon-badge:before,.moon-badge:after{content:"";position:absolute;border-radius:50%;background:#00000059}.moon-badge:before{width:8px;height:8px;top:9px;left:8px}.moon-badge:after{width:5px;height:5px;top:19px;left:18px}.brand-name{font-size:16px;font-weight:700;letter-spacing:.16em;background:var(--glow-grad);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(168,85,247,.35)}.brand-sub{font-size:10px;color:var(--muted-2);letter-spacing:.12em;text-transform:uppercase;margin-top:1px}.safe-top-blur{position:fixed;top:0;left:0;right:0;height:calc(var(--tg-safe-top) + 2px);background:#0a0712b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:200;pointer-events:none;opacity:0;transition:opacity .2s ease-out}.safe-top-blur.visible{opacity:1}.safe-top-blur.no-anim{transition:none}.tabbar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tabbar-h) + var(--tg-safe-bottom) + env(safe-area-inset-bottom,0px));padding:9px 8px calc(10px + var(--tg-safe-bottom) + env(safe-area-inset-bottom,0px));padding-left:calc(8px + var(--tg-safe-left));padding-right:calc(8px + var(--tg-safe-right));display:flex;justify-content:space-around;align-items:center;background:#0a0712d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.06);z-index:100}.tabbar a{flex:0 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:2px 14px;color:var(--muted-2);font-size:10.5px;position:relative}.tabbar a.active{color:var(--text)}.tabbar .icon{width:23px;height:23px;position:relative;display:flex;align-items:center;justify-content:center}.tabbar .icon svg{width:22px;height:22px;overflow:visible}.tabbar .badge{position:absolute;top:-5px;right:-6px;background:var(--magenta);color:#fff;border-radius:9px;font-size:9px;min-width:16px;height:16px;padding:0 5px;font-weight:700;display:flex;align-items:center;justify-content:center}.tab-pulse{position:absolute;bottom:-3px;left:50%;width:16px;height:5px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(236,72,153,.6),transparent 72%);transform:translate(-50%) scale(.3);opacity:0;pointer-events:none}.tab-pulse.play{animation:anim-pulse .55s ease-out}@keyframes anim-pulse{0%,50%{opacity:0;transform:translate(-50%) scale(.3)}62%{opacity:.85;transform:translate(-50%) scale(1.3)}to{opacity:0;transform:translate(-50%) scale(1.9)}}.ic-fork,.ic-knife{transform-box:fill-box;transform-origin:center}.ic-fork.play{animation:anim-fork-clink .5s ease-in-out}.ic-knife.play{animation:anim-knife-clink .5s ease-in-out}@keyframes anim-fork-clink{0%{transform:translate(0) rotate(0)}30%{transform:translate(2.6px) rotate(-9deg)}50%{transform:translate(1.2px) rotate(-3deg)}68%{transform:translate(2.2px) rotate(-7deg)}to{transform:translate(0) rotate(0)}}@keyframes anim-knife-clink{0%{transform:translate(0) rotate(0)}30%{transform:translate(-2.6px) rotate(9deg)}50%{transform:translate(-1.2px) rotate(3deg)}68%{transform:translate(-2.2px) rotate(7deg)}to{transform:translate(0) rotate(0)}}.ic-spark{transform-box:fill-box;transform-origin:center;opacity:0}.ic-spark.play{animation:anim-spark .5s ease-in-out}@keyframes anim-spark{0%,26%{opacity:0;transform:scale(.2)}38%{opacity:1;transform:scale(1.5)}58%{opacity:.5;transform:scale(2)}to{opacity:0;transform:scale(2.4)}}.icon.play-cart{animation:anim-cart-jump .55s cubic-bezier(.36,.07,.19,.97);transform-origin:center bottom}@keyframes anim-cart-jump{0%{transform:translateY(0) scale(1)}18%{transform:translateY(2px) scale(1.1,.88)}45%{transform:translateY(-8px) scale(.94,1.08)}66%{transform:translateY(0) scale(1.08,.9)}85%{transform:translateY(-2px) scale(.97,1.03)}to{transform:translateY(0) scale(1)}}.ic-head{transform-box:fill-box;transform-origin:center}.ic-head.play{animation:anim-head-spin .6s cubic-bezier(.34,1.56,.64,1)}@keyframes anim-head-spin{0%{transform:rotate(0) scale(1)}45%{transform:rotate(220deg) scale(1.1)}75%{transform:rotate(380deg) scale(.95)}to{transform:rotate(360deg) scale(1)}}.ic-sparkle circle{opacity:0;transform-box:fill-box;transform-origin:center}.ic-sparkle circle.play{animation:anim-stardust .6s ease-out}.ic-sparkle circle:nth-child(2).play{animation-delay:.05s}.ic-sparkle circle:nth-child(3).play{animation-delay:.1s}@keyframes anim-stardust{0%{opacity:0;transform:scale(.2) translate(0)}35%{opacity:1;transform:scale(1) translate(var(--sx, 4px),var(--sy, -4px))}to{opacity:0;transform:scale(.4) translate(calc(var(--sx, 4px) * 1.8),calc(var(--sy, -4px) * 1.8))}}.cat-nav{position:sticky;top:var(--tg-safe-top);z-index:50;display:flex;gap:8px;overflow-x:auto;padding:10px 16px 14px;background:#0a0712b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);scrollbar-width:none}.cat-nav::-webkit-scrollbar{display:none}.cat-nav button{white-space:nowrap;flex:0 0 auto;border:1px solid var(--border-soft);border-radius:20px;padding:8px 16px;font-size:12.5px;background:var(--surface-2);color:var(--muted);transition:.15s}.cat-nav button.active{background:var(--glow-grad);color:#fff;border-color:transparent;box-shadow:0 0 16px #d84fc473}.cat-nav button:active{transform:scale(.98)}.cat-section h2,.section-title{font-size:12.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin:20px 0 8px;font-weight:600;scroll-margin-top:60px}.product-card{display:flex;gap:12px;padding:12px;margin-bottom:10px;background:var(--surface);border-radius:16px;border:1px solid var(--border-soft);transition:.15s}.product-card:active{transform:scale(.98)}.cart-line{display:grid;grid-template-rows:1fr;margin-bottom:10px;opacity:1;transition:grid-template-rows .22s ease,opacity .22s ease,margin-bottom .22s ease}.cart-line>.product-card{overflow:hidden;min-height:0;margin-bottom:0}.cart-line.removing{grid-template-rows:0fr;opacity:0;margin-bottom:0}@media (prefers-reduced-motion: reduce){.cart-line{transition:none}}.product-card .thumb{width:64px;height:64px;border-radius:12px;flex-shrink:0;background:var(--surface-2)}img.thumb{object-fit:cover}.thumb.icon-thumb{display:flex;align-items:center;justify-content:center;font-size:26px;background:linear-gradient(160deg,#241a2c,#150e1b);box-shadow:inset 0 0 0 1px var(--border-soft)}.product-card .info{flex:1;min-width:0}.product-card .name{font-weight:600;font-size:14px}.product-card .desc{color:var(--muted);font-size:11.5px;line-height:1.35;margin:2px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card .row{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.price{font-weight:700;font-size:14px;color:var(--text)}.btn-add{border:none;border-radius:12px;padding:7px 14px;background:var(--glow-grad);color:#fff;font-weight:600;font-size:12px;box-shadow:0 4px 14px #d84fc44d;transition:transform .15s}.btn-add:active{transform:scale(.98)}.qty{display:flex;align-items:center;gap:10px;background:var(--surface-2);border-radius:12px;padding:4px 6px}.qty button{width:24px;height:24px;border-radius:8px;border:none;background:var(--surface-3);color:var(--text);font-size:14px;font-weight:700;line-height:1}.qty .val{min-width:14px;text-align:center;font-weight:600;font-size:13px}.qty-big{width:100%;justify-content:space-between;background:var(--surface-2);border-radius:12px;padding:8px 20px}.qty-big button{width:40px;height:40px;font-size:22px;background:var(--glow-grad);color:#fff;transition:transform .15s}.qty-big button:active{transform:scale(.98)}.qty-big .val{font-size:18px}.back-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;margin:10px 0 16px;border-radius:14px;border:none;background:var(--glow-grad);color:#fff;font-size:13px;font-weight:600;box-shadow:0 6px 20px #d84fc459;transition:transform .15s}.back-cta:active{transform:scale(.98)}.detail-hero{height:190px;border-radius:20px;margin:4px 0 16px;display:flex;align-items:center;justify-content:center;font-size:64px;background:radial-gradient(120% 140% at 30% 20%,#3a2440,#150e1c 70%);box-shadow:inset 0 0 0 1px #a878f733,0 10px 30px #0006;position:relative;overflow:hidden}.detail-hero img{width:100%;height:100%;object-fit:contain}.detail-hero .glow{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(224,164,88,.25),transparent 70%);top:-40px;right:-30px;pointer-events:none}.detail-body{padding:16px}.detail-body h1{font-size:21px;margin:2px 0 8px;font-weight:700}.nutrition{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.nutrition .cell{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:10px 4px;text-align:center}.nutrition .cell .v{font-weight:700;font-size:15px;color:var(--text)}.nutrition .cell .l{color:var(--muted-2);font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.variant-picker{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.variant-chip{border:1px solid var(--border-soft);background:var(--surface-2);color:var(--muted);border-radius:12px;padding:9px 16px;font-size:12.5px;transition:transform .15s}.variant-chip:active{transform:scale(.98)}.variant-chip.active{border-color:transparent;background:var(--glow-grad);color:#fff;box-shadow:0 0 14px #d84fc466}.variant-chip:disabled{opacity:.5}.detail-price{font-size:22px;font-weight:800;margin-bottom:14px;color:var(--gold)}.big-btn{width:100%;border:none;border-radius:16px;padding:15px;font-size:14.5px;font-weight:700;background:var(--glow-grad);color:#fff;box-shadow:0 8px 24px #d84fc459;letter-spacing:.02em;transition:transform .15s}.big-btn:active{transform:scale(.98)}.big-btn:disabled{opacity:.5}.big-btn-inactive{opacity:.5}.field{width:100%;border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text);border-radius:12px;padding:12px;font-size:15px;margin-bottom:10px}.field::placeholder{color:var(--muted-2)}.field-invalid{border-color:#e53935}textarea.field{resize:vertical;min-height:70px}.muted{color:var(--muted)}.center{text-align:center}.spacer{height:16px}.sticky-bottom{position:fixed;left:calc(16px + var(--tg-safe-left));right:calc(16px + var(--tg-safe-right));bottom:calc(var(--tabbar-h) + var(--tg-safe-bottom) + env(safe-area-inset-bottom,0px) + 14px);z-index:90}.checkout-btn{width:100%;padding:15px 20px;border:none;border-radius:16px;font-size:14px;font-weight:700;background:var(--glow-grad);color:#fff;display:flex;justify-content:space-between;box-shadow:0 8px 26px #d84fc466;transition:transform .15s}.checkout-btn:active{transform:scale(.98)}.profile-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--border-soft);margin-bottom:20px}.avatar{width:52px;height:52px;border-radius:50%;flex:0 0 auto;background:var(--glow-grad);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-name{font-size:15.5px;font-weight:700}.profile-handle{font-size:12px;color:var(--muted);margin-top:2px}.order-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;border-radius:14px;background:var(--surface);border:1px solid var(--border-soft);margin-bottom:10px;color:var(--tg-text);transition:.15s}.order-row:active{transform:scale(.98)}.badge-status{display:inline-block;padding:5px 10px;border-radius:10px;font-size:10.5px;font-weight:600;white-space:nowrap;background:#a855f726;color:#c9a4f7;border:1px solid rgba(168,85,247,.3)}.badge-status.paid{background:#e0a45826;color:var(--gold);border-color:#e0a45859}.badge-status.cancelled{background:#c66a452e;color:#e8967a;border-color:#c66a4566}.timeline{margin:16px 0}.timeline .step{display:flex;gap:12px;align-items:flex-start}.timeline .dot{width:12px;height:12px;border-radius:50%;background:var(--surface-3);margin-top:3px;flex-shrink:0}.timeline .step.done .dot{background:var(--glow-grad);box-shadow:0 0 10px #a855f799}.timeline .step.current .dot{background:var(--violet);box-shadow:0 0 0 4px #a855f738,0 0 10px #a855f799}.timeline .step.current.final .dot{background:var(--gold);box-shadow:0 0 14px #e0a458b3}.timeline .line{width:2px;height:22px;background:var(--border-soft);margin-left:5px}.timeline .line.done{background:linear-gradient(180deg,#a855f799,#a855f726)}.timeline .label{font-size:13.5px;padding-bottom:2px;color:var(--text)}.timeline .step.pending .label{color:var(--muted-2)}.loader{padding:40px;text-align:center;color:var(--muted)}.beta-gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;position:relative;z-index:1}.beta-gate-emoji{font-size:48px;margin-bottom:16px}.beta-gate h1{font-size:20px;margin:0 0 12px}.beta-gate p{color:var(--muted);font-size:15px;line-height:1.5;max-width:320px}.beta-gate a{color:var(--magenta);font-weight:600}.address-field{position:relative;margin-bottom:10px}.address-cell{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;color:var(--text);cursor:pointer}.address-cell.placeholder{color:var(--muted-2)}.map-modal-locate-btn svg{width:19px;height:19px}.map-modal-locate-btn.pulsing svg{animation:address-pulse 1s ease-in-out infinite}@keyframes address-pulse{0%,to{opacity:1}50%{opacity:.4}}.field-error{display:inline-flex;align-items:center;gap:6px;color:#ff8a80;background:#e539351f;border:1px solid rgba(229,57,53,.28);font-size:12px;line-height:1.4;padding:7px 11px;border-radius:10px;margin:8px 0 4px}.field-error svg{flex:0 0 auto;width:14px;height:14px}.chip-row{display:flex;gap:8px;margin-bottom:10px}.quick-chip{display:flex;align-items:flex-start;gap:7px;max-width:100%;background:var(--surface-2);border:1px solid var(--border-soft);color:var(--text);font-size:12.5px;padding:8px 12px;border-radius:999px;text-align:left}.quick-chip svg{flex:0 0 auto;width:15px;height:15px;margin-top:1px;color:var(--muted-2)}.address-detail-chips{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 10px}.detail-chip{background:var(--surface-3);border:1px solid var(--border-soft);color:var(--muted);font-size:11.5px;padding:4px 9px;border-radius:999px}.address-suggestion{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;background:transparent;border:none;border-bottom:1px solid var(--border-soft);color:var(--text);font-size:14px}.address-suggestion:last-child{border-bottom:none}.address-suggestion:active{background:var(--surface-3)}.address-suggestion .s-icon{flex:0 0 auto;width:17px;height:17px;color:var(--muted-2)}.address-suggestion .s-text{display:flex;flex-direction:column;gap:1px;min-width:0}.address-suggestion .s-sub{color:var(--muted);font-size:12px}.map-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--void);display:flex;flex-direction:column;padding-bottom:var(--keyboard-inset)}.map-modal-header{display:flex;align-items:center;gap:8px;padding:calc(14px + var(--tg-safe-top)) 16px 14px;font-size:16px;font-weight:600;border-bottom:1px solid var(--border-soft);flex:0 0 auto}.map-modal-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text);font-size:20px;padding:4px 8px}.map-modal-close svg{width:22px;height:22px}.map-modal-body{position:relative;flex:1;min-height:0}.map-modal-map{position:absolute;top:0;right:0;bottom:0;left:0}.map-modal-pin{position:absolute;top:50%;left:50%;width:30px;height:40px;transform:translate(-50%,-100%);color:var(--magenta);pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.map-modal-floating-label{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-100% - 44px));max-width:calc(100% - 32px);background:var(--surface-2);border:1px solid var(--border-soft);color:var(--text);font-size:12.5px;padding:7px 12px;border-radius:10px;box-shadow:0 6px 16px #00000059}.map-modal-locate-btn{position:absolute;right:14px;bottom:16px;width:42px;height:42px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-soft);display:flex;align-items:center;justify-content:center;color:var(--text);box-shadow:0 6px 16px #00000059}.map-modal-locate-btn:disabled{opacity:.6}.address-form-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--void);display:flex;flex-direction:column;padding-bottom:var(--keyboard-inset)}.address-form-header{display:flex;align-items:center;gap:8px;padding:calc(14px + var(--tg-safe-top)) 16px 14px;font-size:16px;font-weight:600;border-bottom:1px solid var(--border-soft);flex:0 0 auto}.address-form-body{flex:1;min-height:0;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.address-form-search{position:relative}.address-form-row{display:flex;align-items:stretch;gap:8px}.address-form-suggestions,.address-form-fallback{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;box-shadow:0 12px 28px #00000073}.address-form-input-wrap{position:relative;flex:1;display:flex}textarea.address-form-input{flex:1;margin-bottom:0;resize:none;overflow:hidden;min-height:0;font-family:inherit;line-height:1.35}.address-form-input.has-clear{padding-right:38px}.address-form-clear-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;border:none;background:var(--surface-3);color:var(--muted);display:flex;align-items:center;justify-content:center;padding:0}.address-form-clear-btn svg{width:14px;height:14px}.address-form-map-btn{flex:0 0 auto;width:44px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-soft);display:flex;align-items:center;justify-content:center;color:var(--text)}.address-form-map-btn svg{width:20px;height:20px}.address-form-suggestions{border:1px solid var(--border-soft);border-radius:12px;max-height:260px;overflow-y:auto;background:var(--surface)}.address-form-suggestions .address-suggestion{padding:12px}.address-form-fallback{padding:14px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface);display:flex;flex-direction:column;align-items:stretch;gap:12px}.address-form-fallback p{margin:0;text-align:center;font-size:13.5px}.address-form-fallback .big-btn{text-align:left}.address-form-details{margin-top:2px}.address-form-footer{flex:0 0 auto;padding:14px 16px calc(14px + var(--tg-safe-bottom));border-top:1px solid var(--border-soft);background:var(--surface)}.map-modal-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--void);padding:24px}.map-modal-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:16px;background:var(--void);padding:24px}.map-modal-fallback p{margin:0;line-height:1.5}.map-modal-footer{flex:0 0 auto;padding:14px 16px calc(14px + var(--tg-safe-bottom));border-top:1px solid var(--border-soft);background:var(--surface)}.payment-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--void);display:flex;flex-direction:column}.payment-modal-header{display:flex;align-items:center;gap:8px;padding:calc(14px + var(--tg-safe-top)) 16px 14px;font-size:16px;font-weight:600;border-bottom:1px solid var(--border-soft);flex:0 0 auto}.payment-modal-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text);font-size:20px;padding:4px 8px}.payment-modal-close svg{width:22px;height:22px}.payment-modal-body{flex:1;min-height:0;overflow-y:auto;padding:16px;padding-bottom:calc(16px + var(--tg-safe-bottom))}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.detail-grid .field{margin-bottom:0;padding:10px;font-size:13.5px}.route-transition{position:relative;left:0;animation-duration:.26s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}.route-transition--forward{animation-name:route-in-forward}.route-transition--back{animation-name:route-in-back}@keyframes route-in-forward{0%{left:28px}to{left:0}}@keyframes route-in-back{0%{left:-28px}to{left:0}}@media (prefers-reduced-motion: reduce){.route-transition,.route-transition--forward,.route-transition--back{animation:none}}