:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a2e;--bg-card: #16161f;--border: #2a2a3e;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-green: #4ade80;--accent-orange: #f97316;--accent-pink: #f472b6;--accent-purple: #a78bfa;--accent-blue: #38bdf8;--accent-red: #ef4444;--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.top-bar h1{font-family:var(--font-mono);font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.top-bar .meta{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.tabs{display:flex;gap:2px;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-btn{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:10px 14px;background:transparent;color:var(--text-muted);border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s;white-space:nowrap;min-height:44px;display:flex;align-items:center}.tab-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab-btn.active{color:var(--accent-green);border-color:var(--accent-green);background:#4ade800d}.content{flex:1;padding:16px;max-width:1440px;margin:0 auto;width:100%}@media(min-width:768px){.content{padding:24px}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.card-header h2{font-family:var(--font-mono);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stat-value{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--text-primary)}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-top:4px}.hub-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-family:var(--font-mono);font-size:11px;font-weight:600;border:1px solid}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;padding:12px 0 12px 16px}.timeline-item:before{content:"";position:absolute;left:-20px;top:18px;width:10px;height:10px;border-radius:50%;border:2px solid var(--accent-green);background:var(--bg-primary)}.timeline-item.logistics:before{border-color:var(--accent-orange)}.timeline-item.meal:before{border-color:var(--accent-pink)}.timeline-item.departure:before,.timeline-item.arrival:before{border-color:var(--accent-blue);background:var(--accent-blue)}.timeline-time{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.timeline-note{font-size:14px;color:var(--text-primary);margin-top:2px}.poi-table{width:100%;border-collapse:collapse;font-size:13px}.poi-table th{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:8px 12px;text-align:left;border-bottom:1px solid var(--border)}.poi-table td{padding:10px 12px;border-bottom:1px solid rgba(42,42,62,.5);color:var(--text-secondary)}.poi-table tr:hover td{background:#4ade8008;color:var(--text-primary)}.poi-table a:active{opacity:.6}.cost-free{color:var(--accent-green);font-family:var(--font-mono);font-weight:600}.cost-paid{color:var(--accent-orange);font-family:var(--font-mono);font-weight:600}.route-segment{display:flex;align-items:center;gap:12px;padding:12px 16px;border-left:3px solid var(--border);margin-left:8px;margin-bottom:8px}.route-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.map-container{width:100%;height:400px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}@media(min-width:768px){.map-container{height:500px}}.map-placeholder{text-align:center;color:var(--text-muted)}.budget-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-top:8px}.budget-fill{height:100%;border-radius:4px;transition:width .5s ease}.day-selector{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px 0;margin-bottom:16px;scrollbar-width:none}.day-selector::-webkit-scrollbar{display:none}.day-pill{font-family:var(--font-mono);font-size:11px;padding:8px 14px;border-radius:20px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .15s;min-height:36px;display:flex;align-items:center}.day-pill:hover{border-color:var(--text-muted);color:var(--text-primary)}.day-pill.active{background:#4ade801a;border-color:var(--accent-green);color:var(--accent-green)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay-content{text-align:center;max-width:600px;padding:32px 20px}@media(min-width:768px){.overlay-content{padding:48px}}.overlay-content h1{font-family:var(--font-mono);font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}@media(min-width:768px){.overlay-content h1{font-size:32px;letter-spacing:4px}}.overlay-content p{color:var(--text-secondary);font-size:16px;margin-bottom:32px}.launch-btn{font-family:var(--font-mono);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;padding:14px 32px;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));color:var(--bg-primary);border:none;border-radius:6px;cursor:pointer;transition:transform .15s,box-shadow .15s;min-height:48px;-webkit-appearance:none}.launch-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #4ade804d}.launch-btn:active{transform:scale(.97)}.flight-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border)}@media(min-width:768px){.flight-card{gap:24px;padding:16px}}.flight-route{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--text-primary)}.flight-detail{font-size:12px;color:var(--text-muted)}.route-day-summary{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap}.route-day-stat{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);margin-right:12px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3e%3cpath fill='%23a1a1aa' d='M6 8L1 3h10z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px!important;font-size:16px;min-height:44px}.poi-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px}@media(max-width:480px){.poi-table{min-width:500px}}@media(max-width:1024px){.grid-5{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-5{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-2{grid-template-columns:1fr}.top-bar h1{font-size:13px;letter-spacing:.5px}.top-bar .meta{font-size:10px}.flight-route{font-size:15px}.flight-detail{font-size:11px}.stat-value{font-size:22px}.card{padding:16px}.hub-badge{font-size:10px;padding:4px 8px}}@media(max-width:380px){.grid-5{grid-template-columns:1fr 1fr}.stat-value{font-size:18px}.stat-label{font-size:9px}.overlay-content h1{font-size:20px;letter-spacing:2px}.overlay-content p{font-size:14px}}