:root{--accent:#0099f7;--accent-dark:#0085db;--accent-soft:#e8f5ff;--green:#00aa47;--green-soft:#e8f8ee;--red:#ff4053;--bg:#fff;--bg-soft:#f2f1f0;--text:#1a1a1a;--text-2:#757575;--border:#ebebeb;--radius:14px;--radius-lg:20px;--shadow:0 2px 12px #00000012}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--text);-webkit-font-smoothing:antialiased;background:#e9e8e7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{background:var(--bg);max-width:480px;min-height:100dvh;margin:0 auto;position:relative;box-shadow:0 0 40px #0000001f}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{outline:none;font-family:inherit}a{color:inherit;text-decoration:none}.page{padding:16px 16px 96px}.page-title{letter-spacing:-.4px;margin-bottom:16px;font-size:26px;font-weight:800}.section-title{letter-spacing:-.3px;margin:24px 0 12px;font-size:19px;font-weight:800}.btn{border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-size:16px;font-weight:700;transition:transform .1s,background .15s;display:flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-soft{background:var(--bg-soft);color:var(--text)}.btn-green{background:var(--green);color:#fff}.chips{scrollbar-width:none;gap:8px;padding:2px 0;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--bg-soft);color:var(--text);white-space:nowrap;border-radius:24px;flex:none;align-items:center;gap:6px;padding:9px 14px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.chip.active{background:var(--text);color:#fff}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.card-soft{background:var(--bg-soft);border-radius:var(--radius-lg);padding:16px}.search{background:var(--bg-soft);border-radius:var(--radius);align-items:center;gap:10px;margin:14px 0;padding:13px 14px;display:flex}.search input{width:100%;color:var(--text);background:0 0;border:none;font-size:15px}.search input::placeholder{color:var(--text-2)}.app-header{justify-content:space-between;align-items:center;gap:12px;padding-bottom:4px;display:flex}.address-btn{color:var(--text);text-align:left;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.address-btn .sub{color:var(--text-2);font-size:12px;font-weight:400;display:block}.bonus-chip{background:var(--green-soft);color:var(--green);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:7px 11px;font-size:13px;font-weight:800;display:flex}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);width:100%;max-width:480px;padding:6px 4px calc(8px + env(safe-area-inset-bottom));z-index:100;background:#fffffff7;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{color:var(--text-2);flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;font-size:10.5px;font-weight:600;display:flex;position:relative}.bottom-nav a.active{color:var(--accent)}.nav-badge{background:var(--red);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;display:flex;position:absolute;top:0;right:calc(50% - 20px)}.mode-tiles{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.mode-tile{border-radius:var(--radius-lg);text-align:left;flex-direction:column;justify-content:space-between;min-height:110px;padding:16px;transition:transform .12s;display:flex;position:relative;overflow:hidden}.mode-tile:active{transform:scale(.97)}.mode-tile .emoji{align-self:flex-end;font-size:34px}.mode-tile .label{font-size:17px;font-weight:800}.mode-tile .sub{color:var(--text-2);margin-top:2px;font-size:12px}.tile-food{background:linear-gradient(135deg,#e8f5ff 0%,#d4ecff 100%)}.tile-parcel{background:linear-gradient(135deg,#fff3e0 0%,#ffe8c7 100%)}.promo{background:linear-gradient(120deg, var(--accent) 0%, #33b1ff 100%);color:#fff;border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:16px;display:flex}.promo .title{font-size:16px;font-weight:800}.promo .sub{opacity:.9;margin-top:3px;font-size:12.5px}.promo .emoji{font-size:38px}.rest-card{margin-bottom:18px;display:block}.rest-cover{border-radius:var(--radius-lg);justify-content:center;align-items:center;height:140px;font-size:56px;display:flex;position:relative}.rest-cover .badge-time{background:#fffffff2;border-radius:10px;padding:5px 9px;font-size:12.5px;font-weight:700;position:absolute;bottom:10px;right:10px}.rest-cover .badge-cashback{background:var(--green);color:#fff;border-radius:10px;padding:5px 9px;font-size:12px;font-weight:800;position:absolute;top:10px;left:10px}.rest-info{justify-content:space-between;align-items:baseline;margin-top:9px;display:flex}.rest-name{font-size:16.5px;font-weight:800}.rest-meta{color:var(--text-2);margin-top:3px;font-size:13px}.rating{white-space:nowrap;align-items:center;gap:4px;font-size:13.5px;font-weight:700;display:inline-flex}.rating:before{content:"★";color:#ffb021}.dish-row{border-bottom:1px solid var(--border);gap:12px;padding:14px 0;display:flex}.dish-pic{border-radius:var(--radius);background:var(--bg-soft);flex:0 0 76px;justify-content:center;align-items:center;height:76px;font-size:36px;display:flex}.dish-body{flex:1;min-width:0}.dish-name{font-size:15px;font-weight:700}.dish-desc{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:12.5px;display:-webkit-box;overflow:hidden}.dish-bottom{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.dish-price{font-size:15px;font-weight:800}.stepper{background:var(--bg-soft);border-radius:11px;align-items:center;gap:2px;display:flex}.stepper button{width:32px;height:32px;color:var(--text);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.stepper span{text-align:center;min-width:22px;font-size:14px;font-weight:800}.add-btn{background:var(--bg-soft);color:var(--accent);border-radius:11px;padding:7px 14px;font-size:14px;font-weight:700}.sticky-bar{bottom:calc(72px + env(safe-area-inset-bottom));z-index:90;width:calc(100% - 32px);max-width:448px;position:fixed;left:50%;transform:translate(-50%)}.menu-list{border-radius:var(--radius-lg);background:var(--bg-soft);overflow:hidden}.menu-row{width:100%;color:var(--text);text-align:left;border-bottom:1px solid #0000000d;align-items:center;gap:14px;padding:15px 16px;font-size:15px;font-weight:600;display:flex}.menu-row:last-child{border-bottom:none}.menu-row .icon{font-size:20px}.menu-row .chev{color:#c2c2c2;margin-left:auto;font-size:18px}.menu-row.disabled{opacity:.45;cursor:default}.menu-row .soon{background:var(--accent-soft);color:var(--accent);border-radius:8px;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:800}.field{margin-bottom:12px}.field label{color:var(--text-2);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.field input,.field textarea{background:var(--bg-soft);border-radius:var(--radius);width:100%;color:var(--text);border:none;padding:14px;font-size:15px}.field input::placeholder{color:#a8a8a8}.map-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);position:relative;overflow:hidden}.eta-card{background:var(--text);color:#fff;border-radius:var(--radius-lg);margin-top:14px;padding:18px}.eta-big{letter-spacing:-.5px;font-size:30px;font-weight:800}.eta-sub{opacity:.65;margin-top:2px;font-size:13px}.confidence{margin-top:14px}.confidence .bar{background:#ffffff2e;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.confidence .fill{background:var(--green);border-radius:3px;height:100%;transition:width 1s linear}.steps{margin-top:18px}.step{gap:12px;padding-bottom:22px;display:flex;position:relative}.step:last-child{padding-bottom:0}.step:before{content:"";background:var(--border);width:2px;position:absolute;top:22px;bottom:2px;left:9px}.step:last-child:before{display:none}.step .dot{background:var(--bg-soft);border:2px solid var(--border);z-index:1;border-radius:50%;flex:0 0 20px;height:20px}.step.done .dot{background:var(--green);border-color:var(--green)}.step.current .dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.step .label{padding-top:1px;font-size:14.5px;font-weight:700}.step .time{color:var(--text-2);font-size:12px}.courier-card{align-items:center;gap:12px;margin-top:16px;display:flex}.courier-ava{background:var(--accent-soft);border-radius:50%;flex:0 0 52px;justify-content:center;align-items:center;height:52px;font-size:26px;display:flex}.round-btn{background:var(--bg-soft);border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;height:44px;font-size:18px;display:flex}@keyframes pulse{0%{box-shadow:0 0 #0099f773}70%{box-shadow:0 0 0 14px #0099f700}to{box-shadow:0 0 #0099f700}}.order-card{border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:12px;padding:16px;display:block}.order-top{justify-content:space-between;align-items:center;display:flex}.order-status{border-radius:8px;padding:4px 9px;font-size:12px;font-weight:800}.status-active{background:var(--accent-soft);color:var(--accent)}.status-done{background:var(--green-soft);color:var(--green)}.cashback-hero{color:#fff;border-radius:var(--radius-lg);background:linear-gradient(120deg,#1a1a1a 0%,#3a3a3a 100%);margin-bottom:20px;padding:20px}.cashback-hero .amount{letter-spacing:-.5px;font-size:34px;font-weight:800}.level-bar{background:#ffffff2e;border-radius:4px;height:7px;margin-top:14px;overflow:hidden}.level-bar .fill{background:linear-gradient(90deg, var(--accent), #33d17a);border-radius:4px;height:100%}.row-between{justify-content:space-between;align-items:center;display:flex}.muted{color:var(--text-2);font-size:13.5px}.divider{background:var(--border);height:1px;margin:14px 0}.back-btn{color:var(--text-2);align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:700;display:inline-flex}.size-tiles{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.size-tile{border:2px solid var(--border);border-radius:var(--radius);text-align:center;padding:14px 10px;transition:border-color .15s}.size-tile.active{border-color:var(--accent);background:var(--accent-soft)}.size-tile .emoji{font-size:26px}.size-tile .name{margin-top:6px;font-size:13.5px;font-weight:800}.size-tile .desc{color:var(--text-2);margin-top:2px;font-size:11px}.pay-row{border:2px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);text-align:left;align-items:center;gap:12px;margin-bottom:10px;padding:13px 14px;font-size:14.5px;font-weight:700;transition:border-color .15s;display:flex}.pay-row.active{border-color:var(--accent);background:var(--accent-soft)}.toggle{background:#d6d6d6;border-radius:16px;flex:0 0 48px;width:48px;height:28px;transition:background .2s;position:relative}.toggle.on{background:var(--green)}.toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle.on:after{left:23px}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:60px 20px;display:flex}.empty-icon-wrap{background:var(--bg-soft);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.empty-state .title{margin-top:14px;font-size:18px;font-weight:800}.empty-state .sub{color:var(--text-2);margin-top:6px;font-size:14px}.rest-initials{color:#ffffffe6;letter-spacing:-2px;z-index:1;text-shadow:0 2px 16px #00000026;-webkit-user-select:none;user-select:none;font-size:52px;font-weight:900}.user-avatar{background:var(--accent);color:#fff;letter-spacing:-.5px;-webkit-user-select:none;user-select:none;border-radius:50%;flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:58px;font-size:18px;font-weight:800;display:flex}.level-badge{border-radius:10px;align-items:center;gap:4px;padding:5px 10px;font-size:13px;font-weight:800;display:inline-flex}.level-silver{color:#e0e0e0;background:#ffffff26}.order-thumb{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.parcel-route{background:var(--bg-soft);border-radius:var(--radius-lg);margin-bottom:4px;padding:16px;position:relative}.parcel-route .field input{background:#fff}.route-divider{align-items:center;gap:8px;margin:10px 0;display:flex}.route-dot{color:#fff;border-radius:50%;flex:0 0 24px;justify-content:center;align-items:center;height:24px;font-size:11px;font-weight:800;display:flex}.route-dot.a{background:var(--text)}.route-dot.b{background:var(--accent)}.route-line{background:repeating-linear-gradient(90deg, var(--border) 0px, var(--border) 6px, transparent 6px, transparent 14px);flex:1;height:2px}.confirmed-page{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px 24px 96px;display:flex}.confirmed-inner{text-align:center;opacity:0;flex-direction:column;align-items:center;width:100%;transition:opacity .4s,transform .4s;display:flex;transform:translateY(16px)}.confirmed-inner.visible{opacity:1;transform:translateY(0)}.confirmed-circle{margin-bottom:24px}.check-path{stroke-dasharray:40;stroke-dashoffset:40px;animation:.5s .3s forwards draw-check}@keyframes draw-check{to{stroke-dashoffset:0}}.confirmed-title{letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:800}.confirmed-sub{color:var(--text-2);max-width:260px;margin-bottom:24px;font-size:15px}.confirmed-card{background:var(--bg-soft);border-radius:var(--radius-lg);text-align:left;width:100%;margin-bottom:20px;padding:16px}