.location-card{background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);border:1px solid var(--border-primary, #e5e7eb);position:relative;overflow:hidden}.location-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand-primary)}.location-card.safeway{--brand-primary: #060606;--brand-secondary: #c47483;--brand-accent: #e784a4;--brand-glow: rgba(6, 6, 6, .08)}.location-card.kroger{--brand-primary: #154b92;--brand-secondary: #6a88ab;--brand-accent: #81accc;--brand-glow: rgba(21, 75, 146, .08)}.location-card.fred-meyer{--brand-primary: #ec1c24;--brand-secondary: #f01c24;--brand-accent: #ff4c54;--brand-glow: rgba(236, 28, 36, .08)}.location-card.albertsons{--brand-primary: #04549c;--brand-secondary: #0460c4;--brand-accent: #049cdc;--brand-glow: rgba(4, 84, 156, .08)}.location-card.king-soopers{--brand-primary: #ea3125;--brand-secondary: #ec5c60;--brand-accent: #f17f65;--brand-glow: rgba(234, 49, 37, .08)}.location-card.vons{--brand-primary: #ec1c24;--brand-secondary: #f01c24;--brand-accent: #ff4c54;--brand-glow: rgba(236, 28, 36, .08)}.location-card.winco-foods{--brand-primary: #ac1c24;--brand-secondary: #ac2424;--brand-accent: #b01c24;--brand-glow: rgba(172, 28, 36, .08)}.location-card.frys{--brand-primary: #eb1c24;--brand-secondary: #8f1014;--brand-accent: #fac8ca;--brand-glow: rgba(235, 28, 36, .12)}.location-card.jewel-osco{--brand-primary: #e41434;--brand-secondary: #e41c34;--brand-accent: #e41c3c;--brand-glow: rgba(228, 20, 52, .08)}.location-card.shaws{--brand-primary: #7dbe41;--brand-secondary: #c3cc24;--brand-accent: #f48323;--brand-glow: rgba(125, 190, 65, .08)}.location-card.food-4-less{--brand-primary: #e2de5f;--brand-secondary: #747474;--brand-accent: #7b7c7c;--brand-glow: rgba(226, 222, 95, .12)}.location-card.h-e-b{--brand-primary: #ec2c24;--brand-secondary: #f45c5c;--brand-accent: #f47774;--brand-glow: rgba(236, 44, 36, .08)}.location-card.qfc{--brand-primary: #056cb2;--brand-secondary: #74a36c;--brand-accent: #7da46c;--brand-glow: rgba(5, 108, 178, .08)}.location-card.pick-n-save{--brand-primary: #70804c;--brand-secondary: #24504c;--brand-accent: #8a9b5f;--brand-glow: rgba(112, 128, 76, .12)}.location-card.acme-markets{--brand-primary: #e17464;--brand-secondary: #e8847e;--brand-accent: #f04436;--brand-glow: rgba(225, 116, 100, .08)}.location-card.smiths{--brand-primary: #d41a4a;--brand-secondary: #dc4c6c;--brand-accent: #e06a80;--brand-glow: rgba(212, 26, 74, .08)}.location-card.tom-thumb{--brand-primary: #041a84;--brand-secondary: #233d94;--brand-accent: #8c9cc4;--brand-glow: rgba(4, 26, 132, .08)}.location-card.pavilions{--brand-primary: #8c5a5a;--brand-secondary: #241c24;--brand-accent: #a67676;--brand-glow: rgba(140, 90, 90, .12)}.location-card.woodmans-market{--brand-primary: #dc1f27;--brand-secondary: #747192;--brand-accent: #908bac;--brand-glow: rgba(220, 31, 39, .12)}.location-card.ralphs{--brand-primary: #ec042c;--brand-secondary: #ec3b5c;--brand-accent: #f35b76;--brand-glow: rgba(236, 4, 44, .08)}.location-card.randalls{--brand-primary: #063c5d;--brand-secondary: #728c9c;--brand-accent: #7a92a4;--brand-glow: rgba(6, 60, 93, .08)}.location-card.metro-market{--brand-primary: #654c3f;--brand-secondary: #97837e;--brand-accent: #97af84;--brand-glow: rgba(101, 76, 63, .08)}.location-card.foodmaxx{--brand-primary: #147cbc;--brand-secondary: #7f979c;--brand-accent: #84a4d4;--brand-glow: rgba(20, 124, 188, .08)}.location-card.lucky{--brand-primary: #ed3e42;--brand-secondary: #ef3d42;--brand-accent: #f03c44;--brand-glow: rgba(237, 62, 66, .08)}.location-card.h-mart{--brand-primary: #ec1c24;--brand-secondary: #f01c24;--brand-accent: #ff4c54;--brand-glow: rgba(236, 28, 36, .08)}.location-card.westfield{--brand-primary: #ec1c2c;--brand-secondary: #f01c2c;--brand-accent: #ff4c5c;--brand-glow: rgba(236, 28, 44, .08)}.location-card.simon-tacoma-mall{--brand-primary: #101010;--brand-secondary: #747474;--brand-accent: #7c7c7c;--brand-glow: rgba(16, 16, 16, .08)}.location-card.star-market{--brand-primary: #0878be;--brand-secondary: #54bcf8;--brand-accent: #7dc048;--brand-glow: rgba(8, 120, 190, .08)}.location-card.pak-n-save{--brand-primary: #080704;--brand-secondary: #7c6404;--brand-accent: #9a7f04;--brand-glow: rgba(8, 7, 4, .08)}.location-card.tanger-outlets-nashville{--brand-primary: #043c73;--brand-secondary: #046cc4;--brand-accent: #4cbcd4;--brand-glow: rgba(4, 60, 115, .08)}.location-card .retailer-name{color:var(--brand-primary)}.location-card:hover{box-shadow:0 8px 25px var(--brand-glow),0 4px 10px #00000014}@media (prefers-color-scheme: dark){.location-card{background:var(--bg-secondary, #1f2937);border-color:var(--border-primary, #374151)}.location-card .retailer-name{color:var(--brand-accent)}.location-card:hover{box-shadow:0 8px 25px var(--brand-glow),0 4px 10px var(--shadow-medium, rgba(0, 0, 0, .2))}}[data-theme=dark] .location-card .retailer-name{color:var(--brand-accent)}[data-theme=dark] .location-card:hover{box-shadow:0 8px 25px var(--brand-glow),0 4px 10px var(--shadow-medium, rgba(0, 0, 0, .2))}.location-card{border-radius:16px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:8px;touch-action:pan-y;min-height:44px;position:relative;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.location-card.swiping{transition:none}.location-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #0000001f,0 4px 10px #00000014;border-color:var(--brand-accent, #e5e7eb)}.location-card:active{transform:translateY(-1px) scale(1.01);box-shadow:0 4px 15px #0000001a,0 2px 6px #0000000f}.location-card.selected{border-color:var(--brand-primary, #3b82f6);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-primary, #3b82f6) 20%,transparent),0 8px 25px #0000001f}.card-content{display:flex;flex-direction:column;gap:12px;width:100%}.location-main{width:100%}.location-primary{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:16px}.retailer-name{font-size:18px;font-weight:600;margin:0;line-height:1.3;flex:1;color:var(--text-primary, #1f2937);letter-spacing:-.01em}.distance-badge{background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #374151);font-size:13px;font-weight:600;padding:6px 12px;border-radius:12px;white-space:nowrap;flex-shrink:0;border:1px solid var(--border-primary, #e5e7eb);transition:all .2s ease}.location-card:hover .distance-badge{background:var(--brand-primary, #3b82f6);color:#fff;border-color:var(--brand-primary, #3b82f6)}.location-address{font-size:15px;color:var(--text-secondary, #6b7280);font-style:normal;line-height:1.4;margin:0;font-weight:400}.location-card:focus{outline:2px solid var(--brand-primary, #3b82f6);outline-offset:2px}.location-card:focus:not(:focus-visible){outline:none}.location-card:focus-visible{outline:2px solid var(--brand-primary, #3b82f6);outline-offset:2px}@media (prefers-color-scheme: dark){.location-card{background:var(--bg-secondary, #1f2937);border-color:var(--border-primary, #374151)}.retailer-name{color:var(--text-primary, #f9fafb)}.location-address{color:var(--text-secondary, #9ca3af)}.distance-badge{background:var(--bg-tertiary, #374151);color:var(--text-primary, #d1d5db);border-color:var(--border-secondary, #4b5563)}.location-card:hover .distance-badge{background:var(--brand-primary, #3b82f6);color:#fff}}[data-theme=dark] .location-card{background:var(--bg-secondary, #1f2937);border-color:var(--border-primary, #374151)}[data-theme=dark] .retailer-name{color:var(--text-primary, #f9fafb)}[data-theme=dark] .location-address{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .distance-badge{background:var(--bg-tertiary, #374151);color:var(--text-primary, #d1d5db);border-color:var(--border-secondary, #4b5563)}[data-theme=dark] .location-card:hover .distance-badge{background:var(--brand-primary, #3b82f6);color:#fff}@media (max-width: 768px){.location-card{padding:16px;margin-bottom:6px}.location-primary{gap:12px}.retailer-name{font-size:17px}.distance-badge{font-size:12px;padding:5px 10px}.location-address{font-size:14px}}@media (prefers-reduced-motion: reduce){.location-card{transition:none}.location-card:hover,.location-card:active{transform:none}.distance-badge{transition:none}}@media (prefers-contrast: high){.location-card{border-width:2px;border-color:var(--text-primary, #000000)}.retailer-name{color:var(--text-primary, #000000);font-weight:700}.location-address{color:var(--text-primary, #000000)}.distance-badge{border-width:2px;border-color:var(--text-primary, #000000);background:var(--bg-primary, #ffffff);color:var(--text-primary, #000000)}}.location-list{height:100%;overflow-y:auto;padding:16px;background-color:var(--bg-secondary, #f8f9fa)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:var(--text-secondary, #666);padding:32px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state h3{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--text-primary, #333)}.empty-state p{font-size:14px;margin:0;max-width:280px;line-height:1.5}.list-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-primary, #e5e7eb)}.search-container{margin-bottom:16px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-secondary, #6b7280);z-index:1}.search-input{width:100%;padding:12px 12px 12px 44px;border:1px solid var(--border-secondary, #d1d5db);border-radius:12px;font-size:16px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #374151);transition:all .2s ease;min-height:44px}.search-input:focus{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6}.search-input::placeholder{color:#9ca3af}.clear-search{position:absolute;right:12px;padding:8px;border:none;background:none;cursor:pointer;color:var(--text-secondary, #6b7280);border-radius:6px;transition:all .2s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.clear-search:hover{background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #374151)}.clear-search:focus{outline:2px solid #3b82f6;outline-offset:2px}.filters-container{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:140px;flex:1}.filter-label{font-size:14px;font-weight:500;color:#374151}.filter-select{padding:8px 12px;border:1px solid var(--border-secondary, #d1d5db);border-radius:8px;font-size:14px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #374151);cursor:pointer;transition:all .2s ease;min-height:44px}.filter-select:focus{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6}.filter-select:hover{border-color:var(--text-muted, #9ca3af)}.filter-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;color:#374151;transition:all .2s ease;min-height:44px;width:100%}.filter-input:focus{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6}.filter-input:hover{border-color:#9ca3af}.filter-input::placeholder{color:#9ca3af}.filter-input:invalid{border-color:#ef4444}.filter-input:invalid:focus{outline-color:#ef4444;border-color:#ef4444}.results-info{font-size:15px;color:var(--text-secondary, #6b7280);font-weight:500;text-align:center;margin:16px 0;padding:12px;background:var(--bg-primary, #ffffff);border-radius:8px;border:1px solid var(--border-secondary, #e5e7eb)}.results-count{font-weight:700;color:var(--text-primary, #1f2937);margin-right:8px}.active-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--accent-blue, #3b82f6);color:#fff;border-radius:16px;font-size:13px;border:none;cursor:pointer;transition:all .2s}.filter-chip:hover{background:var(--accent-blue-dark, #2563eb);transform:scale(1.05)}.filter-chip svg{opacity:.8}.locations-grid{display:flex;flex-direction:column;gap:8px}.load-more{text-align:center;padding:20px;margin-top:12px;border-top:1px solid var(--border-primary, #e0e0e0);color:var(--text-secondary, #666);font-size:14px}@media (min-width: 768px){.load-more{margin-top:16px}}.load-more-btn{color:var(--accent-blue, #1976d2);background:none;border:none;text-decoration:underline;cursor:pointer;font-weight:600;padding:0;margin-left:4px}.load-more-btn:hover{color:var(--accent-blue-dark, #0d47a1)}[data-theme=dark] .location-list{background-color:var(--bg-secondary, #1f2937)}[data-theme=dark] .list-header{border-bottom-color:var(--border-primary, #374151)}[data-theme=dark] .search-input,[data-theme=dark] .filter-select,[data-theme=dark] .filter-input{background:var(--bg-secondary, #1f2937);border-color:var(--border-secondary, #4b5563);color:var(--text-primary, #f9fafb)}[data-theme=dark] .search-input:focus,[data-theme=dark] .filter-select:focus,[data-theme=dark] .filter-input:focus{border-color:var(--accent-blue, #3b82f6)}[data-theme=dark] .search-input::placeholder,[data-theme=dark] .filter-input::placeholder{color:var(--text-muted, #6b7280)}[data-theme=dark] .search-icon,[data-theme=dark] .clear-search{color:var(--text-muted, #9ca3af)}[data-theme=dark] .clear-search:hover{background:var(--bg-tertiary, #374151);color:var(--text-primary, #d1d5db)}[data-theme=dark] .filter-label{color:var(--text-primary, #d1d5db)}[data-theme=dark] .results-info{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .results-count{color:var(--text-primary, #f9fafb)}[data-theme=dark] .load-more{border-top-color:var(--border-primary, #374151);color:var(--text-secondary, #9ca3af)}[data-theme=dark] .load-more-btn{color:var(--accent-blue, #60a5fa)}[data-theme=dark] .load-more-btn:hover{color:var(--accent-blue-dark, #93c5fd)}@media (prefers-color-scheme: dark){:root:not([data-theme]) .location-list{background-color:var(--bg-secondary, #1f2937)}:root:not([data-theme]) .list-header{border-bottom-color:var(--border-primary, #374151)}:root:not([data-theme]) .search-input,:root:not([data-theme]) .filter-select,:root:not([data-theme]) .filter-input{background:var(--bg-secondary, #1f2937);border-color:var(--border-secondary, #4b5563);color:var(--text-primary, #f9fafb)}:root:not([data-theme]) .search-input:focus,:root:not([data-theme]) .filter-select:focus,:root:not([data-theme]) .filter-input:focus{border-color:var(--accent-blue, #3b82f6)}:root:not([data-theme]) .search-input::placeholder,:root:not([data-theme]) .filter-input::placeholder{color:var(--text-muted, #6b7280)}:root:not([data-theme]) .search-icon,:root:not([data-theme]) .clear-search{color:var(--text-muted, #9ca3af)}:root:not([data-theme]) .clear-search:hover{background:var(--bg-tertiary, #374151);color:var(--text-primary, #d1d5db)}:root:not([data-theme]) .filter-label{color:var(--text-primary, #d1d5db)}:root:not([data-theme]) .results-info{color:var(--text-secondary, #9ca3af)}:root:not([data-theme]) .results-count{color:var(--text-primary, #f9fafb)}:root:not([data-theme]) .load-more{border-top-color:var(--border-primary, #374151);color:var(--text-secondary, #9ca3af)}:root:not([data-theme]) .load-more-btn{color:var(--accent-blue, #60a5fa)}:root:not([data-theme]) .load-more-btn:hover{color:var(--accent-blue-dark, #93c5fd)}}@media (max-width: 768px){.location-list{padding:12px}.list-header{margin-bottom:16px;padding-bottom:12px}.filters-container{flex-direction:column;gap:8px}.filter-group{min-width:unset}.results-info{font-size:14px}}.location-list::-webkit-scrollbar{width:6px}.location-list::-webkit-scrollbar-track{background:var(--bg-tertiary, #f1f1f1);border-radius:3px}.location-list::-webkit-scrollbar-thumb{background:var(--border-secondary, #c1c1c1);border-radius:3px}.location-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #a1a1a1)}.location-list::-webkit-scrollbar{display:none}@media (prefers-reduced-motion: no-preference){.location-list{scroll-behavior:smooth}}.saved-routes-container.svelte-ctq4jn{padding:16px;height:100%;display:flex;flex-direction:column}.header.svelte-ctq4jn{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header.svelte-ctq4jn h3:where(.svelte-ctq4jn){margin:0;font-size:18px;color:var(--text-primary)}.refresh-btn.svelte-ctq4jn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.refresh-btn.svelte-ctq4jn:hover{background:var(--bg-secondary)}.refresh-btn.svelte-ctq4jn svg:where(.svelte-ctq4jn){width:16px;height:16px}.routes-list.svelte-ctq4jn{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.route-card.svelte-ctq4jn{background:var(--bg-secondary);border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:background .2s;border:1px solid transparent}.route-card.svelte-ctq4jn:hover{background:var(--bg-tertiary, #e5e7eb)}.route-info.svelte-ctq4jn{flex:1}.route-name-container.svelte-ctq4jn{display:flex;align-items:center;gap:6px;margin-bottom:2px}.route-name.svelte-ctq4jn{font-weight:600;color:var(--text-primary);flex:1;font-size:15px}.edit-name-btn.svelte-ctq4jn{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;opacity:0;transition:opacity .2s,background .2s;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.route-card.svelte-ctq4jn:hover .edit-name-btn:where(.svelte-ctq4jn){opacity:.5}.edit-name-btn.svelte-ctq4jn:hover{opacity:1!important;background:var(--bg-secondary)}.edit-name-btn.svelte-ctq4jn svg:where(.svelte-ctq4jn){width:12px;height:12px}.route-name-edit.svelte-ctq4jn{margin-bottom:2px}.name-input.svelte-ctq4jn{width:100%;padding:4px 6px;border:2px solid var(--accent-primary);border-radius:4px;font-size:15px;font-weight:600;color:var(--text-primary);background:var(--bg-primary);font-family:inherit}.name-input.svelte-ctq4jn:focus{outline:none;border-color:var(--accent-primary)}.route-meta.svelte-ctq4jn{font-size:11px;color:var(--text-secondary);opacity:.8}.route-actions.svelte-ctq4jn{display:flex;gap:2px;align-items:center;flex-shrink:0}.navigate-btn.svelte-ctq4jn,.delete-btn.svelte-ctq4jn{background:none;border:none;cursor:pointer;padding:6px;opacity:.5;transition:opacity .2s,background .2s;display:flex;align-items:center;justify-content:center;color:var(--text-primary);border-radius:4px}.navigate-btn.svelte-ctq4jn:hover,.delete-btn.svelte-ctq4jn:hover{opacity:1;background:var(--bg-secondary)}.navigate-btn.svelte-ctq4jn svg:where(.svelte-ctq4jn),.delete-btn.svelte-ctq4jn svg:where(.svelte-ctq4jn){width:14px;height:14px}.empty-state.svelte-ctq4jn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:var(--text-secondary);text-align:center}.empty-state.svelte-ctq4jn .icon:where(.svelte-ctq4jn){margin-bottom:16px;opacity:.5;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.empty-state.svelte-ctq4jn .icon:where(.svelte-ctq4jn) svg:where(.svelte-ctq4jn){width:48px;height:48px}.sub-text.svelte-ctq4jn{font-size:13px;opacity:.8}.loading.svelte-ctq4jn,.error.svelte-ctq4jn{text-align:center;padding:20px;color:var(--text-secondary)}.error-container.svelte-ctq4jn{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.error.svelte-ctq4jn{color:#ef4444;text-align:center}.sign-in-btn.svelte-ctq4jn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#5865f2;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.sign-in-btn.svelte-ctq4jn:hover{background:#4752c4;transform:translateY(-1px)}.sign-in-btn.svelte-ctq4jn:active{transform:translateY(0)}.sign-in-btn.svelte-ctq4jn svg:where(.svelte-ctq4jn){flex-shrink:0}.active-route-container.svelte-ml79mo{padding:16px;height:100%;display:flex;flex-direction:column;overflow:hidden}.header.svelte-ml79mo{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0}.header.svelte-ml79mo h3:where(.svelte-ml79mo){margin:0;font-size:18px;color:var(--text-primary)}.header-actions.svelte-ml79mo{display:flex;gap:8px;align-items:center}.navigate-btn.svelte-ml79mo,.clear-btn.svelte-ml79mo{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;opacity:.7;transition:opacity .2s;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.navigate-btn.svelte-ml79mo:hover,.clear-btn.svelte-ml79mo:hover{opacity:1;background:var(--bg-secondary)}.navigate-btn.svelte-ml79mo svg:where(.svelte-ml79mo),.clear-btn.svelte-ml79mo svg:where(.svelte-ml79mo){width:16px;height:16px}.empty-state.svelte-ml79mo{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:var(--text-secondary);text-align:center;flex:1}.empty-state.svelte-ml79mo .icon:where(.svelte-ml79mo){margin-bottom:16px;opacity:.5;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.empty-state.svelte-ml79mo .icon:where(.svelte-ml79mo) svg:where(.svelte-ml79mo){width:48px;height:48px}.sub-text.svelte-ml79mo{font-size:13px;opacity:.8;margin-top:8px}.route-info.svelte-ml79mo{margin-bottom:16px;flex-shrink:0}.route-stats.svelte-ml79mo{display:flex;gap:8px;font-size:14px;color:var(--text-secondary);flex-wrap:wrap}.stat.svelte-ml79mo{font-weight:500}.locations-list.svelte-ml79mo{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px}.locations-list.svelte-ml79mo::-webkit-scrollbar{width:6px}.locations-list.svelte-ml79mo::-webkit-scrollbar-track{background:transparent}.locations-list.svelte-ml79mo::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.locations-list.svelte-ml79mo::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}.location-item.svelte-ml79mo{display:flex;gap:12px;align-items:flex-start;background:var(--bg-secondary);border-radius:8px;padding:12px;border:1px solid var(--border-primary);transition:all .2s}.location-item.svelte-ml79mo:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.location-order.svelte-ml79mo{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent-primary);color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.location-content.svelte-ml79mo{flex:1;min-width:0}.location-actions.svelte-ml79mo{display:flex;flex-direction:column;gap:4px;flex-shrink:0;justify-content:center}.action-btn.svelte-ml79mo{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--text-primary);transition:all .2s;padding:0}.action-btn.svelte-ml79mo:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-secondary);transform:scale(1.05)}.action-btn.svelte-ml79mo:disabled{opacity:.4;cursor:not-allowed}.remove-btn.svelte-ml79mo{color:var(--accent-primary);display:flex;align-items:center;justify-content:center}.remove-btn.svelte-ml79mo svg:where(.svelte-ml79mo){width:16px;height:16px}.remove-btn.svelte-ml79mo:hover:not(:disabled){background:#e74c3c1a;border-color:var(--accent-primary)}.optimizing-indicator.svelte-ml79mo{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:8px;margin-top:12px;font-size:14px;color:var(--text-secondary);flex-shrink:0}.spinner.svelte-ml79mo{width:16px;height:16px;border:2px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:svelte-ml79mo-spin .8s linear infinite}@keyframes svelte-ml79mo-spin{to{transform:rotate(360deg)}}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;background-color:transparent;min-height:100vh;min-height:100dvh;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;line-height:1}html{height:100vh;height:100dvh;width:100vw;font-size:16px;margin:0;padding:0}body{height:100vh;height:100dvh;width:100vw;margin:0;padding:0;background-color:transparent;overflow:hidden}#sveltekit-body{height:100vh;height:100dvh;width:100vw;margin:0;padding:0;background-color:transparent;overflow:hidden;position:relative;display:block}*{box-sizing:border-box}.app-container,.mobile-layout,.mobile-map-container{background-color:var(--bg-primary)}body>*{margin:0;padding:0}.mapboxgl-map,.mapboxgl-canvas,.mapboxgl-canvas-container,.mapboxgl-ctrl-attrib,.mapboxgl-ctrl-logo{margin:0!important;padding:0!important;background-color:transparent!important}.mapboxgl-*{margin:0!important;padding:0!important}:root{--background-color: #ffffff;--background-color-dark: #1c1c1e;--text-color: #000000;--text-color-dark: #ffffff;--text-color-secondary: #8e8e93;--text-color-secondary-dark: #8e8e93;--background-secondary: #f2f2f7;--background-secondary-dark: #2c2c2e;--hover-color: rgba(0, 0, 0, .05);--hover-color-dark: rgba(255, 255, 255, .1);--border-color: #d1d1d6;--primary-color: #007aff;--primary-hover: #0056cc}.mobile-map-container,.mobile-map-container>*,.mobile-map-container>*>*{width:100%!important;height:100%!important;margin:0!important;padding:0!important;background-color:var(--bg-accent)!important}.mobile-map-container .mapboxgl-map,.mobile-map-container .mapboxgl-canvas,.mobile-map-container .mapboxgl-canvas-container{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}@supports (padding: max(0px)){html,body{padding-top:max(0px,env(safe-area-inset-top) * .1);padding-left:max(0px,env(safe-area-inset-left) * .1);padding-right:max(0px,env(safe-area-inset-right) * .1);padding-bottom:max(0px,env(safe-area-inset-bottom) * .1)}}@media (display-mode: standalone){html,body{padding:0;height:100vh;height:100dvh;width:100vw}.vertical-menu-container,.toast{top:max(8px,calc(env(safe-area-inset-top,0px)*.3))}.mobile-map-container{margin:0}@media (orientation: landscape){.mobile-map-container{margin-top:0;margin-left:0}}}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f3f4f6;--bg-accent: #e8f4f8;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--shadow-heavy: rgba(0, 0, 0, .2);--accent-primary: #e74c3c;--accent-secondary: #c0392b;--accent-blue: #1976d2;--accent-blue-dark: #1565c0;--bg-quaternary: #f9fafb;--header-bg: rgba(255, 255, 255, .7);--header-height: 60px}[data-theme=dark]{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--bg-accent: #1e3a8a;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-primary: #374151;--border-secondary: #4b5563;--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--shadow-heavy: rgba(0, 0, 0, .6);--accent-primary: #ef4444;--accent-secondary: #dc2626;--accent-blue: #3b82f6;--accent-blue-dark: #2563eb;--bg-quaternary: #111827;--header-bg: rgba(17, 24, 39, .7)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--bg-accent: #1e3a8a;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-primary: #374151;--border-secondary: #4b5563;--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--shadow-heavy: rgba(0, 0, 0, .6);--accent-primary: #ef4444;--accent-secondary: #dc2626;--accent-blue: #3b82f6;--accent-blue-dark: #2563eb;--header-bg: rgba(17, 24, 39, .7)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:1100;border-bottom:1px solid var(--border-primary);padding-top:env(safe-area-inset-top,0px)}.header-brand{display:flex;align-items:center;gap:8px}.header-logo{width:32px;height:32px}.header-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em}.header-actions{display:flex;align-items:center;gap:8px}.app-container{height:100vh;height:100dvh;width:100vw;position:relative;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);padding:0!important;margin:0!important;overflow:visible;min-height:100vh;min-height:100dvh;border:none;outline:none}.app-container:not(:has(.loading-screen)){overflow:hidden}.app-container:has(.loading-screen){overflow:visible}.mobile-layout{height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:visible;padding:0!important;margin:0!important;width:100vw;min-height:100vh;min-height:100dvh;border:none;outline:none;flex:1}.mobile-map-container{flex:1;position:relative;background-color:var(--bg-accent);padding:0!important;margin:0!important;width:100%!important;height:100vh!important;height:100dvh!important;min-height:100vh;min-height:100dvh;border:none;outline:none}.mobile-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -8px 32px var(--shadow-light);z-index:1001;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden;max-height:100vh;width:100vw;outline:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;border-top:2px solid var(--accent-primary);padding:0!important;margin:0!important;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;border-left:none;border-right:none;border-bottom:none}@supports (-webkit-touch-callout: none){.mobile-bottom-sheet,.mobile-bottom-sheet.expanded{height:100dvh;min-height:100dvh;padding-top:max(env(safe-area-inset-top,0px) * .2,8px)}.mobile-bottom-sheet.expanded .sheet-content{height:calc(100dvh - (env(safe-area-inset-top,0px)/5) - 16px)}}@media screen and (max-height: 700px){.mobile-bottom-sheet,.mobile-bottom-sheet.expanded{padding-top:max(env(safe-area-inset-top,0px) * .3,16px)}.mobile-bottom-sheet.expanded .sheet-content{height:calc(100dvh - (env(safe-area-inset-top,0px)*.3) - 32px)}}@supports (height: 100dvh){.mobile-bottom-sheet,.mobile-bottom-sheet.expanded{height:100dvh;min-height:100dvh}}@media screen and (display-mode: standalone){.mobile-bottom-sheet{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;padding-top:0;padding-left:0;padding-right:0}.mobile-bottom-sheet.expanded{height:calc(100vh - max(12px,env(safe-area-inset-top,0px) * .2) - 48px);height:calc(100dvh - max(12px,env(safe-area-inset-top,0px) * .2) - 48px);min-height:calc(100vh - max(12px,env(safe-area-inset-top,0px) * .2) - 48px);min-height:calc(100dvh - max(12px,env(safe-area-inset-top,0px) * .2) - 48px);padding-top:0;top:calc(max(12px,env(safe-area-inset-top,0px) * .2) + 48px)}.mobile-bottom-sheet.expanded .sheet-content{height:calc(100vh - max(12px,env(safe-area-inset-top,0px) * .2) - 48px);height:calc(100dvh - max(12px,env(safe-area-inset-top,0px) * .2) - 48px)}.welcome-header{padding-top:max(8px,env(safe-area-inset-top,0px))}.mobile-bottom-sheet .welcome-header{padding-top:max(1px,calc(env(safe-area-inset-top,0px)*.1))!important;margin-bottom:4px!important}.mobile-bottom-sheet.expanded .welcome-header{padding-top:max(2px,calc(env(safe-area-inset-top,0px)*.15))!important;margin-bottom:6px!important}.mobile-bottom-sheet .location-list-view .welcome-header{padding-top:max(1px,calc(env(safe-area-inset-top,0px)*.1))!important;margin-bottom:4px!important}.mobile-bottom-sheet.expanded .location-list-view .welcome-header{padding-top:max(2px,calc(env(safe-area-inset-top,0px)*.15))!important;margin-bottom:6px!important}@media screen and (max-height: 600px){.mobile-bottom-sheet .welcome-header{padding-top:max(1px,calc(env(safe-area-inset-top,0px)*.1))!important}.mobile-bottom-sheet.expanded .welcome-header{padding-top:max(2px,calc(env(safe-area-inset-top,0px)*.15))!important}}@media screen and (max-height: 650px) and (min-height: 600px){.mobile-bottom-sheet .welcome-header{padding-top:max(1px,calc(env(safe-area-inset-top,0px)*.1))!important}.mobile-bottom-sheet.expanded .welcome-header{padding-top:max(2px,calc(env(safe-area-inset-top,0px)*.15))!important}}.location-header{padding-top:max(8px,env(safe-area-inset-top,0px) * .3)}.mobile-layout{padding:0;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important}.mobile-map-container{padding-bottom:0;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important}.app-container>*{margin:0;padding:0}.mobile-map-container>*{width:100%!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important}*{box-sizing:border-box}.app-container,.mobile-layout,.mobile-map-container{background-color:var(--bg-primary)}.app-container{height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;width:100vw!important}.mobile-map-container .mapboxgl-map{width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:none!important;outline:none!important}.mobile-map-container>div{width:100%!important;height:100%!important;margin:0!important;padding:0!important}.mapboxgl-canvas-container,.mapboxgl-canvas{width:100%!important;height:100%!important}}@media screen and (max-height: 600px){.mobile-bottom-sheet,.mobile-bottom-sheet.expanded{padding-top:max(env(safe-area-inset-top,0px) * .4,20px)}.welcome-header{padding-top:max(8px,env(safe-area-inset-top,0px) * .3)}.location-header{padding-top:max(12px,env(safe-area-inset-top,0px) * .4)}}@supports (-webkit-overflow-scrolling: touch){.mobile-bottom-sheet{-webkit-overflow-scrolling:touch;height:100dvh;min-height:100dvh}}@media screen and (max-height: 650px) and (min-height: 600px){.mobile-bottom-sheet,.mobile-bottom-sheet.expanded{padding-top:max(env(safe-area-inset-top,0px) * .3,16px)}}.mobile-bottom-sheet:focus,.mobile-bottom-sheet:active{outline:none;box-shadow:0 -8px 32px #00000026}.mobile-bottom-sheet.collapsed{transform:translateY(calc(100% - 8px));height:8px;background:transparent;box-shadow:none;border-top:none}.mobile-bottom-sheet.peek{transform:translateY(calc(100% - 45vh));height:45vh;padding-top:max(8px,env(safe-area-inset-top,0px))}.mobile-bottom-sheet.expanded{transform:translateY(0);height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;border-top-left-radius:0;border-top-right-radius:0;padding-top:0;overflow:hidden}@media (orientation: landscape) and (max-height: 500px){.mobile-bottom-sheet.expanded{height:calc(100vh - (env(safe-area-inset-top,0px)/5) - 20px);padding-top:max(4px,env(safe-area-inset-top,0px) * .2)}.mobile-bottom-sheet.expanded .sheet-content{height:calc(100vh - (env(safe-area-inset-top,0px)/5) - 40px)}}@media (min-height: 800px) and (max-height: 1000px){.mobile-bottom-sheet.expanded,.welcome-header{padding-top:max(8px,env(safe-area-inset-top,0px) * .3)}}@media (max-height: 600px){.mobile-bottom-sheet.expanded,.welcome-header{padding-top:max(4px,env(safe-area-inset-top,0px) * .2)}.location-header{padding-top:max(8px,env(safe-area-inset-top,0px) * .3)}}.sheet-content{overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0;padding-left:max(0px,env(safe-area-inset-left,0px) * .2);padding-right:max(0px,env(safe-area-inset-right,0px) * .2);height:100%;box-sizing:border-box;margin:0}.welcome-header{position:relative;padding-left:32px;padding-top:8px;padding-bottom:12px;background:var(--bg-primary);z-index:1003;border-bottom:1px solid var(--border-primary)}.welcome-close-btn{position:absolute;top:50%;left:max(0px,env(safe-area-inset-left,0px));transform:translateY(-50%);width:32px;height:32px;border:none;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);opacity:.7;min-height:44px;min-width:44px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1004;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto}.welcome-close-btn:hover{opacity:1;color:var(--text-primary);transform:scale(1.1)}.welcome-close-btn:active{transform:scale(.95)}.welcome-close-btn svg{width:16px;height:16px;stroke-width:2}.sheet-content::-webkit-scrollbar{display:none}.mobile-bottom-sheet.collapsed .sheet-content{height:0;overflow:hidden}.mobile-bottom-sheet.peek .sheet-content{height:calc(45vh - 20px)}.mobile-bottom-sheet.expanded .sheet-content{height:100vh;height:100dvh}.selected-location-view{padding:0 16px 16px;padding-left:max(16px,env(safe-area-inset-left,0px) * .3 + 16px);padding-right:max(16px,env(safe-area-inset-right,0px) * .3 + 16px);margin:0}.location-header{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--bg-tertiary);margin-bottom:20px;padding-top:max(12px,env(safe-area-inset-top,0px) * .3)}.back-btn{width:40px;height:40px;border-radius:20px;background:var(--bg-tertiary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:1002;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px}.back-btn:hover{background:var(--border-primary);transform:scale(1.05)}.location-title h3{margin:0 0 4px;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2}.location-type{margin:0;color:var(--text-secondary);font-size:14px;font-weight:500}.location-details{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.detail-item{display:flex;align-items:flex-start;gap:12px;color:var(--text-primary);font-size:15px;line-height:1.4}.detail-item svg{color:var(--text-secondary);margin-top:2px;flex-shrink:0}.detail-item.distance{color:#1976d2;font-weight:600}.detail-item.distance svg{color:#1976d2}.machine-id{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px!important;color:var(--text-secondary)!important;background:var(--bg-secondary);padding:4px 8px;border-radius:6px;border:1px solid var(--border-primary)}.location-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-height:48px}.action-btn.primary{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 12px #e74c3c4d}.action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px);box-shadow:0 6px 16px #e74c3c66}.action-btn.primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.action-btn.secondary{background:var(--bg-tertiary, #f3f4f6);color:var(--text-secondary, #6b7280);border:1px solid var(--border-primary, #e5e7eb)}.action-btn.secondary:hover:not(:disabled){background:var(--border-primary, #e5e7eb);color:var(--text-primary, #374151);transform:translateY(-1px)}.action-btn.secondary:disabled{background:#9ca3af;color:#6b7280;cursor:not-allowed;transform:none}.action-btn.secondary.in-route{background:#10b981;color:#fff;border-color:#10b981}.action-btn.secondary.in-route:hover{background:#059669;border-color:#059669}.location-list-view{padding:0 12px;height:100%;display:flex;flex-direction:column;margin:0}.welcome-header{padding:6px 0 10px;text-align:center;border-bottom:1px solid #f3f4f6;margin-bottom:12px;flex-shrink:0;padding-top:max(6px,env(safe-area-inset-top,0px) * .2)}.mobile-bottom-sheet.expanded .welcome-header{padding:12px 0 14px;margin-bottom:16px;padding-top:max(8px,env(safe-area-inset-top,0px) * .3)}.welcome-header h2{margin:0 0 8px;color:#e74c3c;font-size:24px;font-weight:700;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.1)}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;flex-shrink:0}.mobile-bottom-sheet.peek .quick-stats{display:none}.stat-card{background:linear-gradient(135deg,#fff5f5,#fef2f2);border:1px solid #fed7d7;border-radius:12px;padding:16px 12px;text-align:center;transition:all .2s ease;box-shadow:0 2px 4px #e74c3c1a}.stat-card:hover{background:linear-gradient(135deg,#fef2f2,#fed7d7);border-color:#fc8181;transform:translateY(-1px);box-shadow:0 4px 8px #e74c3c26}.stat-number{display:block;font-size:20px;font-weight:700;color:#e74c3c;line-height:1.2;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.stat-label{font-size:13px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.locations-container{flex:1;overflow-y:auto;background-color:var(--bg-primary, #ffffff);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding-left:max(0px,env(safe-area-inset-left,0px) * .2);padding-right:max(0px,env(safe-area-inset-right,0px) * .2);margin:0}.locations-container::-webkit-scrollbar{display:none}.desktop-layout{display:flex;height:100vh;position:relative;box-sizing:border-box;overflow:hidden}.header-btn{background:var(--bg-secondary);color:var(--text-primary);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:1px solid var(--border-primary);padding:0;cursor:pointer}.header-btn:hover{background:#fff3;transform:translateY(-1px)}.header-btn.active{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.support-link{color:var(--text-secondary);text-decoration:underline;font-size:.9rem;display:inline-flex;align-items:center;gap:.25rem;transition:opacity .2s ease}.support-link:hover{opacity:.8}.header-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.header-logo{width:32px;height:32px;filter:drop-shadow(0 0 4px rgba(0,0,0,.2))}.sidebar{width:400px;background:var(--bg-primary, #ffffff);border-right:1px solid var(--border-primary, #e0e0e0);display:flex;flex-direction:column;z-index:10;box-shadow:2px 0 8px var(--shadow-light, rgba(0, 0, 0, .1));position:absolute;top:var(--header-height);bottom:0;left:0;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden;opacity:1}.sidebar.collapsed{transform:translate(-100%);width:400px;border-right:none;opacity:1;pointer-events:none}.sidebar-details{display:flex;flex-direction:column;height:100%;background:var(--bg-primary, #ffffff);animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.details-header{padding:12px 20px;border-bottom:1px solid var(--border-primary, #e0e0e0);background:var(--bg-primary, #ffffff);display:flex;align-items:center}.back-btn-icon{background:none;border:none;padding:6px;border-radius:6px;cursor:pointer;color:var(--text-secondary, #6b7280);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;margin:0}.back-btn-icon:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #374151)}.back-btn-icon:active{transform:scale(.95)}.back-btn-icon svg{width:20px;height:20px}.details-content{flex:1;overflow-y:auto;padding:24px}.location-hero{text-align:center;margin-bottom:24px}.location-icon-large{font-size:48px;background:var(--bg-secondary, #f3f4f6);width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border:4px solid var(--bg-primary, #ffffff);box-shadow:0 4px 12px var(--shadow-light, rgba(0, 0, 0, .05))}.location-hero h2{font-size:24px;font-weight:700;margin:0 0 8px;color:var(--text-primary, #111827)}.location-address{font-size:15px;color:var(--text-secondary, #6b7280);margin:0 0 16px;line-height:1.5}.stock-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.stock-badge.high{background:#dcfce7;color:#15803d}.stock-badge.medium{background:#fef9c3;color:#a16207}.stock-badge.low{background:#fee2e2;color:#b91c1c}.stock-badge.out{background:#f3f4f6;color:#4b5563}.status-dot{width:8px;height:8px;border-radius:50%;background-color:currentColor}.action-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.sidebar-details .action-btn{width:100%;justify-content:center}.info-section{border-top:1px solid var(--border-primary, #e0e0e0);padding-top:24px}.info-section h3{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--text-primary, #111827)}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--bg-secondary, #f3f4f6);font-size:14px}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--text-secondary, #6b7280)}.info-row .value{color:var(--text-primary, #111827);font-weight:500}.desktop-map-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;overflow:hidden;background-color:var(--bg-primary, #ffffff)}.sidebar-header{display:none}.sidebar-header h1{margin:0 0 8px;font-size:20px;font-weight:700}.header-subtitle{margin:0;font-size:14px;color:#fffc;font-weight:400}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;width:100vw;background:linear-gradient(135deg,var(--accent-blue, #1976d2),var(--accent-blue-dark, #1565c0));color:#fff;margin:0;padding:0;position:absolute;inset:0;z-index:9999}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.welcome-header h2{font-size:20px}.quick-stats{gap:8px}.stat-card{padding:12px 8px}.stat-number{font-size:18px}}@media (pointer: coarse){.sheet-handle-container{padding:16px 0 12px}.action-btn,.back-btn{min-height:48px}}.status-bar{display:none}.status-item{display:flex;align-items:center;gap:4px;font-size:11px}.status-icon{width:6px;height:6px;border-radius:50%;background:#22c55e}.status-icon.offline{background:#ef4444}.toast{position:fixed;top:max(20px,env(safe-area-inset-top));left:50%;transform:translate(-50%) translateY(-100px);background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:12px 20px;border-radius:25px;font-size:14px;font-weight:600;box-shadow:0 4px 16px #e74c3c4d;z-index:10000;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.toast.show{transform:translate(-50%) translateY(0);opacity:1}@media (max-width: 768px){.toast{top:max(60px,calc(env(safe-area-inset-top) + 20px));max-width:calc(100vw - (2*max(20px,env(safe-area-inset-left),env(safe-area-inset-right))))}}.location-prompt-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;padding:max(20px,env(safe-area-inset-top),env(safe-area-inset-left),env(safe-area-inset-right));backdrop-filter:blur(5px)}.location-prompt{background:#fff;border-radius:20px;padding:30px 24px;max-width:400px;width:100%;text-align:center;box-shadow:0 10px 40px #0003;transform:scale(.9);animation:popIn .3s ease forwards}@media (min-width: 768px){.location-prompt{max-width:500px;padding:40px 32px;border-radius:24px}.location-prompt h3{font-size:28px;margin-bottom:16px}.location-prompt p{font-size:18px;margin-bottom:32px;line-height:1.6}.prompt-icon{font-size:64px;margin-bottom:24px}.prompt-buttons{flex-direction:row;gap:16px}.prompt-btn{padding:16px 24px;font-size:18px;min-height:52px}}@keyframes popIn{to{transform:scale(1)}}.prompt-icon{font-size:48px;margin-bottom:16px;display:block}.location-prompt h3{margin:0 0 12px;color:#1f2937;font-size:24px;font-weight:700}.location-prompt p{margin:0 0 24px;color:#6b7280;font-size:16px;line-height:1.5}.prompt-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.prompt-btn{flex:1;padding:14px 20px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-height:48px}.prompt-btn.primary{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 12px #e74c3c4d}.prompt-btn.primary:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px);box-shadow:0 6px 16px #e74c3c66}.prompt-btn.secondary{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.prompt-btn.secondary:hover{background:#e5e7eb;color:#374151}.prompt-note{opacity:.7}.prompt-note small{font-size:14px;color:#9ca3af}.troubleshoot-section{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.troubleshoot-title{font-size:14px;color:#6b7280;margin:0 0 8px;text-align:center}.prompt-btn.troubleshoot{width:100%;background:#f59e0b;color:#fff;font-size:14px;padding:10px 16px;margin:0}.prompt-btn.troubleshoot:hover{background:#d97706}.troubleshooting-modal{background:#fff;border-radius:20px;padding:0;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003;transform:scale(.9);animation:popIn .3s ease forwards}@media (min-width: 768px){.troubleshooting-modal{max-width:600px;border-radius:24px}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border-radius:20px 20px 0 0}.modal-header h3{margin:0;font-size:20px;font-weight:700}.close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.close-btn:hover{background:#fff3}.troubleshoot-steps{padding:24px}.step-intro{margin:0 0 20px;color:#374151;font-weight:500}.step{display:flex;gap:16px;margin-bottom:20px;align-items:flex-start}.step-number{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.step-content{flex:1}.step-content strong{display:block;margin-bottom:4px;color:#1f2937;font-size:16px}.step-content p{margin:4px 0;color:#6b7280;font-size:14px;line-height:1.4}.step-content small{color:#9ca3af;font-style:italic}.troubleshoot-actions{padding:16px 24px 24px;display:flex;gap:12px}.theme-toggle{position:fixed;top:max(16px,env(safe-area-inset-top,0px) * .3);left:max(16px,env(safe-area-inset-left,0px) * .3);width:48px;height:48px;border-radius:24px;background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001;backdrop-filter:blur(10px);box-shadow:0 4px 16px var(--shadow-light)}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px var(--shadow-medium);border-color:var(--accent-primary)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{width:20px;height:20px;transition:all .3s ease}.theme-toggle .sun-icon{opacity:1;transform:rotate(0)}.theme-toggle .moon-icon{opacity:0;transform:rotate(-90deg);position:absolute}[data-theme=dark] .theme-toggle .sun-icon{opacity:0;transform:rotate(90deg)}[data-theme=dark] .theme-toggle .moon-icon{opacity:1;transform:rotate(0)}.location-fab{position:fixed;top:max(16px,env(safe-area-inset-top,0px) * .3);right:max(16px,env(safe-area-inset-right,0px) * .3);width:56px;height:56px;border-radius:28px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;box-shadow:0 4px 16px var(--shadow-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1101;backdrop-filter:blur(10px)}.location-fab.desktop{position:absolute;top:80px;right:20px;z-index:1002}.crosshair-fab{position:fixed;bottom:120px;right:max(16px,env(safe-area-inset-right,0px) * .3);width:56px;height:56px;border-radius:28px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;box-shadow:0 4px 16px var(--shadow-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1001;backdrop-filter:blur(10px);transform:scale(1);will-change:transform}.crosshair-fab:hover{transform:scale(1.05);box-shadow:0 6px 20px #e74c3c66}.crosshair-fab:active{transform:scale(.95);transition:transform .1s ease}.crosshair-fab:focus{outline:none;box-shadow:0 0 0 3px #e74c3c4d,0 4px 16px var(--shadow-medium)}.crosshair-fab:not(:active):not(:hover){transform:scale(1);transition:all .2s cubic-bezier(.4,0,.2,1)}@supports (-webkit-touch-callout: none){.crosshair-fab{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.crosshair-fab:active{transition:none}.crosshair-fab:not(:active){transition:all .2s cubic-bezier(.4,0,.2,1)}}.crosshair-fab.desktop{position:absolute;bottom:20px;right:20px;z-index:1002}@media (max-width: 768px){.crosshair-fab{bottom:100px;right:max(12px,env(safe-area-inset-right,0px) * .2);width:48px;height:48px;border-radius:24px}.crosshair-fab svg{width:20px;height:20px}}.location-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #e74c3c66}.location-fab:active{transform:scale(.95)}@media (max-width: 768px){.theme-toggle{top:max(12px,env(safe-area-inset-top,0px) * .2);left:max(12px,env(safe-area-inset-left,0px) * .2);width:44px;height:44px}.theme-toggle svg{width:18px;height:18px}.location-fab{top:calc(var(--header-height, 60px) + max(12px,env(safe-area-inset-top,0px) * .2));right:max(12px,env(safe-area-inset-right,0px) * .2);width:48px;height:48px;border-radius:24px;z-index:1101}.location-prompt{margin:20px;padding:24px 20px}.prompt-buttons{flex-direction:column}}.vertical-menu-container{position:fixed;top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));z-index:1005;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:scale(1)}@supports (-webkit-touch-callout: none){.menu-item,.menu-toggle-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.menu-item:active{transition:none}.menu-item:not(:active){transition:all .2s ease}}.menu-items{position:absolute;top:100%;left:0;display:flex;flex-direction:column;gap:8px;margin-top:12px;z-index:1005;opacity:1;visibility:visible}.menu-item{width:56px;height:56px;border-radius:16px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 24px #00000026;text-decoration:none;min-height:56px;min-width:56px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;z-index:1005}.menu-item:hover{transform:scale(1.05);background:#fff;box-shadow:0 8px 32px #0003}.menu-item:active{transform:scale(.98);background:#ffffffe6;box-shadow:0 2px 12px #0003}.menu-item.selected{background:var(--accent-blue);box-shadow:0 4px 24px #1976d266}.menu-item:not(.selected){background:#fffffff2;box-shadow:0 4px 24px #00000026;transform:scale(1)}.menu-item:focus{outline:none}.menu-item:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.menu-indicator{position:absolute;left:0;width:56px;height:56px;border-radius:16px;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:1;opacity:0}.menu-indicator.visible{opacity:1}.menu-label{display:none!important}.menu-toggle-button{border:none;background:transparent;padding:0;margin:0;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;z-index:5}.menu-toggle-button:hover{transform:translateY(-1px)}.menu-toggle-button:active{transform:scale(.98)}.menu-toggle-button:focus{outline:none}.menu-toggle-button:focus-visible{outline:2px solid white;outline-offset:2px}.menu-toggle-button.active{background:transparent;transform:rotate(90deg)}.menu-toggle-button.sheet-active{border-color:var(--border-primary)}.menu-toggle-button.sheet-active:hover{border-color:var(--border-secondary)}.vertical-menu-container:not(.expanded) .menu-toggle-button{background:transparent;transform:rotate(0)!important}.vertical-menu-container:not(.expanded) .menu-item{opacity:0;transform:translateY(-20px) scale(.8);pointer-events:none;visibility:hidden;background:#fffffff2!important;box-shadow:0 4px 24px #00000026!important}.vertical-menu-container.expanded .menu-item{opacity:1;transform:translateY(0) scale(1);pointer-events:all;visibility:visible}.vertical-menu-container.expanded .menu-item:nth-child(1){transition-delay:.05s}.vertical-menu-container.expanded .menu-item:nth-child(2){transition-delay:.1s}.menu-item svg{width:24px;height:24px;transition:all .3s ease}.menu-item.sheet-toggle.active{background:var(--accent-blue);box-shadow:0 4px 24px #1976d266}.menu-item.sheet-toggle.active svg{color:#fff;stroke:#fff}.menu-item.sheet-toggle.active:hover{background:var(--accent-blue-dark);transform:scale(1.05)}.menu-item.sheet-toggle svg{transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-item.sheet-toggle:hover svg{transform:scale(1.1)}.menu-item.sheet-toggle svg{transform-origin:center}.menu-item.sheet-toggle:active svg{transform:scale(.95)}.menu-item.theme-toggle svg{color:#374151;stroke:#374151;stroke-width:2}.menu-item.theme-toggle:hover svg{color:var(--accent-blue);stroke:var(--accent-blue)}.menu-item.theme-toggle.selected svg{color:#fff;stroke:#fff}.menu-item.discord-link svg{color:#5865f2;fill:#5865f2}.menu-item.discord-link:hover svg{color:#4752c4;fill:#4752c4}.menu-item.discord-link.selected svg{color:#fff;fill:#fff}@media (max-width: 768px){.vertical-menu-container{top:16px;left:16px}.menu-item,.menu-toggle-button{width:48px;height:48px;min-height:48px;min-width:48px}.menu-indicator{width:48px;height:48px}}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;padding:2rem;text-align:center;background-color:var(--bg-primary);color:var(--text-primary)}.error-icon{font-size:4rem;margin-bottom:1rem}.error-screen h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600}.error-screen p{margin:0 0 2rem;color:var(--text-secondary);max-width:400px;line-height:1.5}.error-screen button{background-color:var(--accent-blue);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.error-screen button:hover{background-color:var(--accent-blue-dark)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);cursor:pointer}.modal-content{background:#fff;border-radius:16px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out;cursor:auto;pointer-events:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:4px;border-radius:4px;color:#6b7280;transition:all .2s}.close-btn:hover:not(:disabled){background:#f3f4f6;color:#374151}.modal-body{padding:24px}.step-content{text-align:center}.step-icon{font-size:3rem;margin-bottom:16px}.step-content h3{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:#111827}.step-content p{margin:0 0 24px;color:#6b7280;line-height:1.6}.discord-info{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:8px}.discord-logo{font-size:2rem}.discord-details{display:flex;flex-direction:column}.discord-details strong{color:#111827;font-size:1rem}.discord-details span{color:#6b7280;font-size:.875rem}.action-buttons{display:flex;flex-direction:column;gap:12px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#5865f2;color:#fff}.btn-primary:hover{background:#4752c4}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.discord-btn{display:flex;align-items:center;justify-content:center;gap:8px}.discord-icon{font-size:1.25rem}.sidebar-tabs{display:flex;padding:12px 16px 0;gap:12px;border-bottom:1px solid var(--border-primary, #e5e7eb);background:var(--bg-primary, #ffffff)}.tab-btn{background:none;border:none;padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;position:relative;transition:color .2s}.tab-btn.active{color:var(--accent-blue, #1976d2);font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--accent-blue, #1976d2);border-radius:2px 2px 0 0}.tab-btn:hover{color:var(--text-primary, #374151)}