:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e4e4e7;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}.app{display:flex;height:100vh;height:100dvh;width:100vw;background:#1a1a2e}.sidebar{width:340px;min-width:340px;background:#16213e;color:#e4e4e7;display:flex;flex-direction:column;border-right:1px solid #0f3460;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar-header{padding:20px;border-bottom:1px solid #0f3460}.sidebar-header h1{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:4px}.sidebar-header .subtitle{font-size:.8rem;color:#94a3b8}.sidebar-footer{margin-top:auto;padding:16px 20px;border-top:1px solid #0f3460;font-size:.7rem;color:#64748b;line-height:1.5}.sidebar-footer p{margin-bottom:2px}.map-container{flex:1;position:relative;min-height:0}.map-overlay{position:absolute;top:16px;right:16px;z-index:10}@media (max-width: 768px){.map-overlay{top:60px}}.overlay-toggle{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#16213ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(15,52,96,.6);border-radius:8px;cursor:pointer;font-size:.8rem;color:#e4e4e7;-webkit-tap-highlight-color:transparent;transition:background .2s,border-color .2s}.overlay-toggle:hover{background:#16213ef2;border-color:#f97316}.overlay-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#f97316;cursor:pointer}.ai-section{margin-bottom:16px}.ai-form{display:flex;flex-direction:column;gap:8px}.ai-input-wrapper{display:flex;align-items:center;background:linear-gradient(135deg,#8b5cf61a,#f973161a);border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:4px 4px 4px 12px;transition:border-color .2s,box-shadow .2s}.ai-input-wrapper:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.ai-icon{color:#8b5cf6;display:flex;align-items:center;margin-right:8px}.ai-input{flex:1;background:transparent;border:none;color:#e4e4e7;font-size:16px;padding:8px 0;outline:none}.ai-input::placeholder{color:#94a3b8}.ai-input:disabled{opacity:.6}.ai-submit-full{width:100%;padding:10px 14px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}.ai-submit-full:hover:not(:disabled){background:#7c3aed}.ai-submit-full:disabled{opacity:.5;cursor:not-allowed}.ai-submit-full.ai-loading{background:linear-gradient(90deg,#8b5cf6,#a855f7,#8b5cf6);background-size:200% 100%;animation:ai-shimmer 1.5s ease-in-out infinite}@keyframes ai-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-loading-text{margin-right:2px}.ai-loading-dots{display:inline-flex}.ai-loading-dots span{animation:ai-dot-bounce 1.4s ease-in-out infinite;opacity:.4}.ai-loading-dots span:nth-child(1){animation-delay:0s}.ai-loading-dots span:nth-child(2){animation-delay:.2s}.ai-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes ai-dot-bounce{0%,80%,to{opacity:.4}40%{opacity:1}}.ai-message{margin-top:10px;padding:12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;font-size:.8rem;color:#c4b5fd;line-height:1.5;white-space:pre-wrap}.section-divider{display:flex;align-items:center;margin:16px 0;color:#64748b;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:#0f3460}.section-divider span{padding:0 12px}.route-input{padding:20px}.route-input form{display:flex;flex-direction:column;gap:10px}.route-input .input-group{display:flex;flex-direction:column;gap:8px}.route-input textarea{width:100%;padding:12px 14px;border:1px solid #0f3460;border-radius:8px;background:#1a1a2e;color:#e4e4e7;font-size:16px;font-family:SF Mono,Monaco,Inconsolata,monospace;resize:none;min-height:70px;transition:border-color .2s,box-shadow .2s}.route-input textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f9731626}.route-input textarea::placeholder{color:#64748b}.button-group{display:flex;gap:8px}.btn-primary{flex:1;padding:12px 16px;background:#f97316;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;-webkit-tap-highlight-color:transparent}.btn-primary:hover{background:#ea580c}.btn-primary:active{transform:scale(.98)}.btn-secondary{padding:12px 16px;background:transparent;color:#94a3b8;border:1px solid #334155;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s;-webkit-tap-highlight-color:transparent}.btn-secondary:hover{background:#ffffff0d;border-color:#64748b}.error{padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.8rem;margin-top:10px}.route-summary{margin-top:20px;padding-top:20px;border-top:1px solid #0f3460}.route-summary h3{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:0}.summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.btn-share{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid #334155;border-radius:6px;color:#94a3b8;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.btn-share:hover{background:#f973161a;border-color:#f97316;color:#f97316}.btn-share svg{flex-shrink:0}.airline-toggles{padding:16px 20px;border-top:1px solid #0f3460}.airline-toggles h3{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.toggle-list{display:flex;flex-wrap:wrap;gap:8px}.toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#1a1a2e;border:1px solid #0f3460;border-radius:6px;color:#94a3b8;font-size:.8rem;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.toggle-btn:hover{border-color:var(--airline-color);color:#e4e4e7}.toggle-btn.active{background:var(--airline-color);border-color:var(--airline-color);color:#fff}.toggle-indicator{width:8px;height:8px;border-radius:50%;background:var(--airline-color);opacity:.5;transition:opacity .2s}.toggle-btn.active .toggle-indicator{background:#fff;opacity:1}.toggle-name{font-weight:500}.destination-toggles{padding:16px 20px;border-top:1px solid #0f3460}.destination-section{margin-bottom:12px}.destination-section:last-child{margin-bottom:0}.destination-section h3{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.trip-list{display:flex;flex-direction:column;gap:10px}.trip-item{padding:12px;background:#1a1a2e;border-radius:8px;border:1px solid #0f3460}.trip-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.trip-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.trip-name{font-weight:600;color:#fff;font-size:.85rem}.trip-stats{margin-left:auto;display:flex;gap:12px;align-items:center}.trip-distance{color:#94a3b8;font-size:.8rem;font-weight:500}.trip-times{display:flex;gap:16px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(15,52,96,.5)}.time-item{display:flex;flex-direction:column;gap:2px}.time-label{font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.time-value{font-size:.85rem;font-weight:600;color:#94a3b8}.time-total .time-value{color:#f97316}.trip-segments{margin-top:10px;display:flex;flex-direction:column;gap:6px}.segment-row{display:flex;align-items:center;gap:12px;padding:6px 10px;background:#0f34604d;border-radius:6px;font-size:.75rem}.segment-route{font-family:SF Mono,Monaco,Inconsolata,monospace;font-weight:600;color:#e4e4e7;min-width:90px}.segment-distance{color:#64748b;min-width:70px}.segment-times{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;gap:2px}.segment-flight{color:#94a3b8;font-weight:600}.segment-taxi{color:#64748b;font-size:.65rem}.trip-route{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.75rem;color:#64748b;padding-left:22px;word-break:break-all}.total-distance{margin-top:12px;padding:12px 14px;background:linear-gradient(135deg,#0f3460,#1a1a2e);border-radius:8px;text-align:center;font-size:1rem;color:#fff}@media (max-width: 768px){.app{flex-direction:column-reverse}.sidebar{width:100%;min-width:100%;max-height:45vh;border-right:none;border-top:1px solid #0f3460}.sidebar-header{padding:16px}.sidebar-header h1{font-size:1.1rem}.sidebar-footer{display:none}.route-input{padding:16px}.route-input textarea{min-height:60px}.map-container{flex:1;min-height:55vh}.trip-route{font-size:.7rem}}@media (max-width: 480px){.sidebar{max-height:50vh}.map-container{min-height:50vh}.route-summary{margin-top:16px;padding-top:16px}.trip-item{padding:10px}.btn-primary,.btn-secondary{padding:10px 12px;font-size:.8rem}}@media (hover: none) and (pointer: coarse){.btn-primary:hover{background:#f97316}.btn-secondary:hover{background:transparent;border-color:#334155}}