:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Outfit", var(--font-sans);--bg-dark: #06111e;--bg-card: rgba(13, 31, 56, .75);--bg-card-hover: rgba(20, 45, 80, .85);--bg-input: rgba(18, 43, 76, .6);--border-color: rgba(255, 255, 255, .12);--border-accent: rgba(0, 168, 232, .3);--primary-blue: #00a8e8;--primary-gradient: linear-gradient(135deg, #0077b6 0%, #00a8e8 100%);--teal-accent: #00b4d8;--forest-green: #2d6a4f;--green-glow: #38b000;--fit-good: #10b981;--fit-good-bg: rgba(16, 185, 129, .15);--fit-tight: #f59e0b;--fit-tight-bg: rgba(245, 158, 11, .15);--fit-bad: #ef4444;--fit-bad-bg: rgba(239, 68, 68, .15);--alert-orange: #f97316;--alert-bg: rgba(249, 115, 22, .15);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-glow: 0 0 25px rgba(0, 168, 232, .15);--glass-backdrop: blur(16px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background-color:var(--bg-dark);background-image:radial-gradient(circle at 10% 20%,rgba(0,119,182,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(45,106,79,.12) 0%,transparent 40%);background-attachment:fixed;color:var(--text-main);min-height:100vh;width:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased}p,h1,h2,h3,h4,h5,h6,span,div,label,button,a{overflow-wrap:break-word;word-break:break-word}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}.app-container{max-width:1280px;margin:0 auto;padding:0 16px;width:100%}.glass-panel{background:var(--bg-card);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 32px #0000005e;transition:transform .2s ease,border-color .2s ease;max-width:100%}.glass-panel:hover{border-color:var(--border-accent)}.glass-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);padding:10px 14px;border-radius:var(--radius-sm);outline:none;font-family:var(--font-sans);font-size:.9rem;transition:all .2s ease;max-width:100%}.glass-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px #00a8e840}.btn-primary{background:var(--primary-gradient);color:#fff;font-weight:600;border:none;padding:10px 18px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #0077b666;transition:all .2s ease;max-width:100%}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00a8e899}.btn-secondary{background:#ffffff14;color:var(--text-main);border:1px solid var(--border-color);font-weight:600;padding:10px 18px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;max-width:100%}.btn-secondary:hover{background:#ffffff26;border-color:var(--border-accent)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;max-width:100%;white-space:normal}.badge-good{background:var(--fit-good-bg);color:var(--fit-good);border:1px solid rgba(16,185,129,.3)}.badge-tight{background:var(--fit-tight-bg);color:var(--fit-tight);border:1px solid rgba(245,158,11,.3)}.badge-bad{background:var(--fit-bad-bg);color:var(--fit-bad);border:1px solid rgba(239,68,68,.3)}.badge-alert{background:var(--alert-bg);color:var(--alert-orange);border:1px solid rgba(249,115,22,.3)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#030a14d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.modal-content{background:#0d1f38;border:1px solid var(--border-accent);border-radius:var(--radius-md);max-width:500px;width:100%;padding:24px;box-shadow:0 20px 40px #0009}.leaflet-container{font-family:var(--font-sans)!important;background:#091727!important;border-radius:var(--radius-md);max-width:100%!important}.map-access-tooltip{background:#06111eeb!important;border:1px solid var(--border-accent)!important;color:var(--text-main)!important;border-radius:6px!important;font-size:.78rem!important;font-weight:700!important;padding:4px 8px!important;box-shadow:0 4px 12px #0006!important}.selected-route-tooltip{display:block!important;z-index:1000!important}.hide-map-tooltips .leaflet-tooltip:not(.selected-route-tooltip){display:none!important}.tabs-scroll-container{display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--border-color);padding-bottom:8px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%}.tabs-scroll-container::-webkit-scrollbar{display:none}@media (max-width: 900px){.map-and-sidebar-grid{grid-template-columns:1fr!important}}@media (max-width: 850px){.weather-row-container{grid-template-columns:1fr!important}}@media (max-width: 550px){.app-container{padding:0 10px}.glass-panel{padding:14px 12px!important}.route-card-putin-grid{grid-template-columns:1fr!important;gap:8px!important;text-align:center}.route-card-putin-grid>div{text-align:center!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}