body{font-family:-apple-system,sans-serif;margin:0;background-color:var(--bg-primary);color:var(--text-primary);display:flex;justify-content:center;min-height:100vh;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));-webkit-tap-highlight-color:transparent}.main-wrapper{width:100%;max-width:600px;min-height:100vh;margin:0 auto;background:var(--bg-primary);position:relative;display:flex;flex-direction:column;border-left:1px solid var(--border-primary);border-right:1px solid var(--border-primary)}.app-name{font-size:var(--fs-xl);font-weight:var(--fw-bold);font-style:italic;letter-spacing:-1px;color:var(--text-primary)}.app-name span{color:var(--accent)}.top-controls{padding:15px var(--sp-5);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);z-index:900;box-shadow:var(--shadow-soft)}@media(max-width:767px){.top-controls{position:sticky;top:var(--header-h, 69px)}}.search-container{position:relative;margin-bottom:15px}.search-input{width:100%;padding:var(--sp-3) 15px var(--sp-3) 42px;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-input);color:var(--text-primary);font-size:var(--fs-base);outline:none;transition:var(--dur-slow);box-sizing:border-box;font-weight:var(--fw-med)}.search-input::placeholder{color:var(--text-placeholder)}.search-input:focus{background:var(--bg-input-focus);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.search-icon{position:absolute;left:var(--sp-3);top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:var(--fs-xl);pointer-events:none;transition:color var(--dur-std)}.search-input{padding-left:42px!important;padding-right:38px!important}.search-clear-btn{position:absolute;right:var(--sp-2);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:var(--sp-1);display:flex;align-items:center;color:var(--text-tertiary);border-radius:50%}.search-clear-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.search-clear-btn .material-icons{font-size:var(--fs-lg)}.pac-container{z-index:100!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 30px #0000002e!important;border:1px solid var(--border-primary, #e5e5e5)!important;margin-top:var(--sp-1);font-family:inherit!important;overflow:hidden}.pac-item{padding:9px 14px;font-size:var(--fs-sm);font-family:inherit;cursor:pointer}.pac-item:hover{background:#f5f5f5}.pac-item-query{font-weight:var(--fw-bold);font-size:var(--fs-sm)}.pac-matched{color:var(--accent, var(--accent))}.distance-row{display:flex;align-items:center;gap:15px;margin-bottom:15px}.distance-label{font-size:var(--fs-sm);font-weight:var(--fw-extra);color:var(--text-secondary);display:flex;align-items:center;min-width:60px}.slider{flex:1;-webkit-appearance:none;height:5px;background:var(--slider-bg);border-radius:var(--radius-md);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:var(--slider-thumb-bg);border:2px solid var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #00000026}.filters-row{display:flex;gap:var(--sp-3);position:relative;align-items:center}.filter-chip{display:flex;align-items:center;gap:var(--sp-1);padding:6px var(--sp-3);border-radius:var(--radius-xl);font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-secondary);cursor:pointer;transition:var(--dur-std);white-space:nowrap;flex-shrink:0}.filter-chip .material-icons{color:var(--text-tertiary)}.filter-chip[aria-pressed=true]{background:var(--accent);color:var(--bg-1);border-color:var(--accent)}.filter-chip[aria-pressed=true] .material-icons{color:var(--bg-1)}.custom-dropdown{flex:1;position:relative;z-index:1}.custom-dropdown.is-open{z-index:100}.dropdown-btn{width:100%;background:var(--bg-secondary);border:1px solid var(--border-secondary);padding:10px var(--sp-3);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:var(--dur-std);box-sizing:border-box}.dropdown-btn .btn-label{display:flex;align-items:center;gap:var(--sp-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-btn .material-icons{font-size:var(--fs-lg);color:var(--text-tertiary);flex-shrink:0}.dropdown-btn .arrow{font-size:var(--fs-md);color:var(--text-placeholder);transition:var(--dur-slow);flex-shrink:0}.dropdown-btn.active{border-color:var(--text-primary);background:var(--text-primary);color:var(--text-inverse)}.dropdown-btn.active .material-icons,.dropdown-btn.active .arrow{color:var(--text-inverse)}.dropdown-btn.open .arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:115%;left:0;min-width:200px;max-height:calc(100vh - 220px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:var(--bg-dropdown);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:6px;display:none;flex-direction:column;border:1px solid var(--border-primary);animation:fadeIn .2s ease-out;box-sizing:border-box}#menu-spec{overflow:hidden}#dd-mode .dropdown-menu{left:auto;right:0;min-width:0;width:max-content}.dropdown-menu.show{display:flex}.dropdown-menu::-webkit-scrollbar{width:4px}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-sm)}.dropdown-item{padding:9px 10px;font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--text-secondary);display:flex;align-items:center;gap:6px;border-radius:var(--radius-md);cursor:pointer;transition:.1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-item .material-icons{font-size:var(--fs-md);color:var(--text-tertiary);flex-shrink:0}.dropdown-item.selected{background:var(--accent-light);color:var(--accent)}.dropdown-item.selected .material-icons{color:var(--accent)}.dropdown-item .check-mark{display:none;margin-left:auto;font-size:var(--fs-base);color:var(--accent);flex-shrink:0}.dropdown-item.selected .check-mark{display:inline-flex}.spec-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:2px;flex:1;min-height:0;overflow:hidden}.spec-col{display:flex;flex-direction:column;min-height:0}.spec-col+.spec-col{border-left:1px solid var(--border-primary);padding-left:var(--sp-1)}.spec-col-header{font-size:10px;font-weight:var(--fw-extra);color:var(--text-tertiary);padding:6px 10px var(--sp-1);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;position:sticky;top:0;background:var(--bg-dropdown);z-index:1}.spec-col-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.spec-col-scroll::-webkit-scrollbar{width:3px}.spec-col-scroll::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.spec-header-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-primary);margin-bottom:var(--sp-1);padding-right:var(--sp-2)}.spec-header-row .spec-reset{border-bottom:none;margin-bottom:0;flex:1}.spec-header-row .filter-chip{margin:var(--sp-1) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.map-wrapper{padding:15px var(--sp-5);background:var(--bg-secondary);position:relative;z-index:0}#map{width:100%;height:160px;border-radius:var(--radius-lg);transition:height var(--dur-slow) cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:var(--shadow-soft)}.map-error{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.9rem;font-weight:var(--fw-semi)}.map-error .material-icons{font-size:var(--fs-3xl);opacity:.5}.map-error.hidden{display:none}.btn-reload-map{display:flex;align-items:center;gap:6px;margin-top:var(--sp-1);padding:var(--sp-2) 18px;border:none;border-radius:var(--radius-xl);background:var(--accent);color:var(--bg-1);font-size:var(--fs-sm);font-weight:var(--fw-semi);cursor:pointer;box-shadow:var(--shadow-soft)}.btn-reload-map:active{opacity:.8}.btn-reload-map .material-icons{font-size:var(--fs-lg);opacity:1}.map-geo-prompt{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:var(--sp-2);background:var(--bg-secondary);border:1px solid var(--border-primary);padding:10px var(--sp-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-primary);white-space:normal;text-align:center;max-width:calc(100% - 80px);animation:geoPromptPulse 2s ease-in-out infinite;transition:opacity var(--dur-slow),transform var(--dur-slow)}.map-geo-prompt .material-icons{font-size:var(--fs-lg);color:var(--accent);flex-shrink:0}.map-geo-prompt:hover{border-color:var(--accent)}.map-geo-prompt.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(10px)}@keyframes geoPromptPulse{0%,to{box-shadow:var(--shadow-pop)}50%{box-shadow:0 0 0 6px rgba(var(--accent-rgb, 255 90 51),.15),var(--shadow-pop)}}.btn-locate{position:absolute;bottom:30px;right:35px;z-index:10;background:var(--bg-secondary);border:none;width:45px;height:45px;border-radius:50%;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-pop);cursor:pointer;color:var(--accent)}.btn-locate.visible{display:flex}.btn-close-map{position:absolute;top:30px;right:35px;z-index:11;background:var(--bg-secondary);border:none;width:40px;height:40px;border-radius:50%;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-pop);cursor:pointer;color:var(--text-primary)}#map.expanded~.btn-close-map{display:flex}.map-nugget{position:absolute;bottom:25px;left:30px;right:30px;z-index:12;background:var(--bg-card);border-radius:var(--radius-md);padding:10px var(--sp-3);display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px #0000002e;cursor:pointer;border:1px solid var(--border-primary);animation:nuggetIn .25s ease-out}.map-nugget:active{transform:scale(.98)}@keyframes nuggetIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nugget-img{width:44px;height:44px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg-tertiary);flex-shrink:0}.nugget-info{flex:1;min-width:0}.nugget-name{font-weight:var(--fw-extra);font-size:var(--fs-base);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nugget-meta{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nugget-arrow{color:var(--text-tertiary);font-size:var(--fs-xl);flex-shrink:0}.main-content{padding:var(--sp-5);padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));flex:1;z-index:0}.truck-card{background:var(--bg-card);border-radius:var(--radius-md);padding:10px var(--sp-3);margin-bottom:10px;display:flex;align-items:center;border:1px solid var(--border-primary);transition:var(--dur-std);position:relative;overflow:hidden;cursor:pointer;box-shadow:var(--shadow-card)}.truck-card:active{transform:scale(.98)}.truck-card:hover{box-shadow:var(--shadow-medium)}.truck-card.offline{opacity:.6;filter:grayscale(1)}.offline-tag{font-size:9px;background:var(--text-primary);color:var(--text-inverse);padding:3px 7px;border-radius:var(--radius-sm);font-weight:var(--fw-bold);position:absolute;top:var(--sp-2);right:46px}.event-tag{font-size:9px;background:var(--accent);color:#fff;padding:3px 7px;border-radius:var(--radius-sm);font-weight:var(--fw-bold);position:absolute;top:var(--sp-2);right:46px;display:flex;align-items:center;gap:3px}.truck-usual-location{display:flex;align-items:center;gap:var(--sp-1);font-size:10px;color:var(--text-tertiary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-separator{font-size:10px;font-weight:var(--fw-extra);color:var(--text-tertiary);padding:6px var(--sp-3) 2px;text-transform:uppercase;letter-spacing:.5px;pointer-events:none}.truck-img{width:60px;height:60px;border-radius:var(--radius-md);margin-right:10px;object-fit:cover;background:var(--bg-tertiary);flex-shrink:0}.truck-info{flex:1;min-width:0;overflow:hidden}.truck-name{font-weight:var(--fw-extra);font-size:var(--fs-base);margin-bottom:2px;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}.truck-rating{font-size:var(--fs-xs);background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:3px;font-weight:700}.truck-tags{font-size:var(--fs-xs);color:var(--text-secondary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-btn{font-size:var(--fs-xl);cursor:pointer;padding:6px;z-index:5;color:var(--text-placeholder);transition:var(--dur-std)}.fav-btn.active{color:var(--accent)}.truck-services{display:none;flex-wrap:wrap;gap:5px;margin-top:var(--sp-2)}.service-badge{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-xl);padding:3px 9px;white-space:nowrap}.service-badge .material-icons{font-size:var(--fs-sm)}.service-badge.event-service{color:var(--accent);background:var(--accent-light)}.truck-no-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-tertiary);gap:2px;flex-shrink:0}.truck-no-photo .material-icons{font-size:var(--fs-xl);opacity:.4}.no-photo-label{font-size:8px;font-weight:var(--fw-bold);text-align:center;opacity:.5;line-height:1.2}.loading-state{text-align:center;padding:60px var(--sp-5);color:var(--text-tertiary);grid-column:1 / -1}.loading-state p{font-size:var(--fs-base);font-weight:var(--fw-semi);margin-top:15px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent);border-radius:50%;margin:0 auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:50px var(--sp-5);color:var(--text-tertiary);grid-column:1 / -1}.empty-state-icon{font-size:64px;margin-bottom:var(--sp-3);display:block;opacity:.4}.empty-state-title{font-size:var(--fs-md);font-weight:var(--fw-extra);color:var(--text-secondary);margin-bottom:6px}.empty-state-text{font-size:var(--fs-sm);line-height:1.5;max-width:280px;margin:0 auto}.geo-prompt-btn{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-5);padding:var(--sp-3) var(--sp-6);background:var(--accent);color:var(--bg-1);border:none;border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:var(--fw-bold);cursor:pointer;transition:var(--dur-std)}.geo-prompt-btn:hover{opacity:.9}.geo-prompt-btn .material-icons{font-size:var(--fs-lg)}.trucks-count{font-size:var(--fs-sm);color:var(--text-tertiary);font-weight:var(--fw-semi);padding:0 var(--sp-5);margin-bottom:10px;display:flex;align-items:center;gap:6px}.nav-btn{color:var(--text-placeholder);cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;transition:var(--dur-slow);border-radius:var(--radius-md)}.nav-btn .material-icons{font-size:var(--fs-2xl)}.nav-btn.active{color:var(--accent)}@media(min-width:768px){.main-wrapper{max-width:900px}.top-controls{padding:var(--sp-5) 30px}.map-wrapper{padding:15px 30px}.main-content{padding:var(--sp-5) 30px}.truck-card{margin-bottom:0}}@media(min-width:1024px){.main-wrapper{max-width:1280px}.header{display:none!important}.btn-locate{right:55px}.top-controls{padding:var(--sp-5) var(--sp-8);display:flex;flex-wrap:wrap;gap:15px;align-items:center}.search-container{flex:2;min-width:280px;margin-bottom:0}.distance-row{flex:1;min-width:200px;margin-bottom:0}.filters-row{flex:1;min-width:260px}.map-wrapper{padding:15px var(--sp-8)}.main-content{padding:25px var(--sp-8)}#trucks-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.truck-card{margin-bottom:0;height:auto;box-sizing:border-box;padding:var(--sp-3) 14px;overflow:hidden;border-radius:var(--radius-lg);gap:var(--sp-3);transition:var(--dur-std)}.truck-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #00000014}.truck-usual-location{display:flex}.truck-img{width:64px;height:64px;border-radius:var(--radius-lg);margin-right:0}.truck-info{min-width:0;overflow:hidden}.truck-name{font-size:var(--fs-base);margin-bottom:2px;gap:var(--sp-2)}.truck-name>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truck-rating{font-size:var(--fs-xs);padding:2px 7px;flex-shrink:0;border-radius:var(--radius-md)}.truck-tags{font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;flex-wrap:unset;gap:0;margin-bottom:var(--sp-1)}.truck-no-photo .material-icons{font-size:var(--fs-3xl)}.truck-spec-chips{display:flex;flex-wrap:nowrap;gap:var(--sp-1);margin-top:2px;overflow:hidden;max-height:24px}.spec-chip{display:inline-flex;align-items:center;font-size:10px;font-weight:var(--fw-bold);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-xl);padding:2px var(--sp-2);white-space:nowrap;border:1px solid var(--border-primary)}.spec-chip.diet-chip{background:var(--accent-light);color:var(--accent);border-color:transparent}.truck-services{display:none}}@media(min-width:1440px){.main-wrapper{max-width:1600px}#trucks-list{grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.truck-card{height:auto;padding:14px var(--sp-4)}.truck-img{width:72px;height:72px}.truck-name{font-size:19px}.truck-tags{font-size:var(--fs-base);margin-bottom:var(--sp-2)}.truck-spec-chips{max-height:26px}.spec-chip{font-size:var(--fs-xs);padding:3px 9px}}@media(min-width:1920px){.main-wrapper{max-width:1800px}.truck-card{padding:var(--sp-4) 18px}.truck-img{width:80px;height:80px}.truck-name{font-size:var(--fs-xl)}}