:root{--color-brand: #3B82F6;--color-brand-dark: #2563EB;--color-brand-light: #60A5FA;--color-accent: #0EA5E9;--color-success: #22C55E;--color-warning: #F59E0B;--color-danger: #EF4444;--color-bg: #FFFFFF;--color-bg-card: #FFFFFF;--color-bg-elevated: #F8FAFC;--color-bg-input: #F1F5F9;--color-bg-page: #F5F7FA;--color-text: #1E293B;--color-text-muted: #64748B;--color-text-dim: #94A3B8;--color-border: #E2E8F0;--color-border-subtle: #F1F5F9;--space-1: 4px;--space-2: 8px;--space-3: 10px;--space-4: 14px;--space-5: 16px;--space-6: 20px;--space-8: 28px;--space-10: 36px;--space-12: 44px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-brand: 0 4px 14px rgba(59, 130, 246, .25);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-nav: 0 -1px 8px rgba(0, 0, 0, .06);--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:15px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.45;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}img,svg{display:block;max-width:100%}.screen{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.screen-content{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-4)}.page-with-nav{min-height:100dvh;width:100%;display:flex;flex-direction:column;background:var(--color-bg-page);padding-top:var(--safe-top);padding-bottom:calc(var(--nav-height) + var(--safe-bottom))}.page-content{flex:1;overflow-y:auto;width:100%}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.card-flat{background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-card)}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-card);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border-top:1px solid var(--color-border);padding:var(--space-4);padding-bottom:calc(var(--space-4) + var(--safe-bottom));box-shadow:0 -4px 20px #00000014;z-index:1000}.bottom-sheet-handle{width:40px;height:4px;border-radius:var(--radius-full);background:var(--color-border);margin:0 auto var(--space-4)}.bottom-sheet-with-nav{padding-bottom:calc(var(--space-4) + var(--safe-bottom) + var(--nav-height))}.bottom-sheet.bottom-sheet--scroll{max-height:min(52vh,480px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-bg);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-around;z-index:1100;box-shadow:var(--shadow-nav)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 12px;border-radius:var(--radius-sm);transition:color var(--transition-fast);color:var(--color-text-dim);background:none;border:none;cursor:pointer;font-family:inherit;position:relative}.bottom-nav-item.active{color:var(--color-brand)}.bottom-nav-item span{font-size:9px;font-weight:600;letter-spacing:.15px}.bottom-nav-item .nav-badge{position:absolute;top:2px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--color-danger);border:2px solid var(--color-bg)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:600;transition:all var(--transition-fast);width:100%}.btn-primary{background:var(--color-brand);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{background:var(--color-brand-dark)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border)}.btn-danger{background:#ef444414;color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.btn-ghost{color:var(--color-text-muted);padding-inline:var(--space-3)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.field label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted)}.input{background:var(--color-bg-input);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:10px var(--space-3);color:var(--color-text);font-size:var(--font-size-base);transition:border-color var(--transition-fast);width:100%}.input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:var(--color-text-dim)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-muted{color:var(--color-text-muted)}.text-brand{color:var(--color-brand)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.flex-1{flex:1}.w-full{width:100%}.divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.badge{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.3px}.badge-success{background:#22c55e1a;color:var(--color-success)}.badge-warning{background:#f59e0b1a;color:var(--color-warning)}.badge-danger{background:#ef44441a;color:var(--color-danger)}.badge-brand{background:#3b82f61a;color:var(--color-brand)}.badge-muted{background:var(--color-bg-elevated);color:var(--color-text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:22px;height:22px;border:2.5px solid rgba(59,130,246,.2);border-top-color:var(--color-brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #22c55e80}to{box-shadow:0 0 0 8px #22c55e00}}.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--color-success);animation:pulse-ring 1.5s ease-out infinite}.avatar{width:40px;height:40px;border-radius:50%;background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-brand);font-size:var(--font-size-sm);overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-lg{width:52px;height:52px;font-size:var(--font-size-lg)}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-sm)}.tab-bar{display:flex;gap:0;padding:4px;background:var(--color-bg-elevated);border-radius:var(--radius-full)}.tab-item{flex:1;padding:8px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;text-align:center;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-muted);background:transparent;border:none}.tab-item.active{background:var(--color-text);color:#fff}.list-row{display:flex;align-items:center;width:100%;padding:12px 14px;gap:12px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg);cursor:pointer;transition:background var(--transition-fast)}.list-row:active{background:var(--color-bg-elevated)}.stars{display:flex;gap:2px;color:var(--color-warning)}.mapboxgl-ctrl-logo,.mapboxgl-ctrl-attrib{display:none!important}.mapboxgl-ctrl-top-right{top:80px!important}.mapboxgl-ctrl-bottom-right,.map-geolocate-btn{top:calc(var(--safe-top, 0px) + 72px)!important;bottom:auto!important;right:16px!important;left:auto!important}.map-geolocate-btn{position:absolute!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:50%!important;box-shadow:0 4px 12px #0003!important;background:var(--color-bg)!important;border:2px solid var(--color-brand, #3B82F6)!important;color:var(--color-brand, #3B82F6)!important}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-geolocate{width:46px!important;height:46px!important;border-radius:50%;box-shadow:0 4px 12px #0003;background:var(--color-bg);border:2px solid var(--color-brand, #3B82F6)}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{background:transparent;box-shadow:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn var(--transition-base) ease both}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}.slide-up{animation:slideUp var(--transition-base) ease both}.section-header{padding:14px 14px 8px;font-size:var(--font-size-md);font-weight:700;color:var(--color-text);letter-spacing:-.02em}