:root{--bg: #f5f0eb;--surface: #ffffff;--border: #e0d8d0;--text: #2d2d2d;--text-muted: #888;--text-dim: #555;--card-bg: #faf8f6;--header-bg: #1a6fb5}[data-theme=dark]{--bg: #1a1a1a;--surface: #242424;--border: #333;--text: #f0f0f0;--text-muted: #777;--text-dim: #aaa;--card-bg: #2a2a2a;--header-bg: #155a96}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Segoe UI,sans-serif;background:var(--bg);color:var(--text);overscroll-behavior:none;transition:background .2s,color .2s}.app{display:flex;flex-direction:column;height:100dvh}header{background:var(--header-bg);color:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;flex-shrink:0}header h1{font-size:1.2rem;font-weight:700}header p{font-size:.8rem;opacity:.85}.map-toggle{background:#ffffff26;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:8px;padding:6px 12px;font-size:.8rem;cursor:pointer;white-space:nowrap;flex-shrink:0}.map-toggle:active{background:#ffffff40}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.trip-nav{display:flex;gap:4px}.trip-nav-link{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:6px 10px;font-size:.8rem;text-decoration:none;white-space:nowrap}.trip-nav-link.active{background:#ffffff59;border-color:#ffffffb3;font-weight:600}@media (max-width: 640px){.trip-nav-label{display:none}.trip-nav-link{padding:6px 8px;font-size:1rem}.map-toggle-label{display:none}}.main{display:flex;flex:1;overflow:hidden}.itinerary{width:340px;min-width:280px;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);padding:16px;flex-shrink:0}.itinerary.itinerary-full{width:100%;max-width:680px;margin:0 auto;border-right:none}.itinerary h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.itinerary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.collapse-all{background:none;border:1px solid var(--border);border-radius:6px;font-size:.72rem;color:var(--text-muted);padding:3px 8px;cursor:pointer}.collapse-all:active{background:var(--card-bg)}.day-card{border-radius:10px;border:2px solid transparent;padding:12px 14px;margin-bottom:10px;cursor:pointer;transition:all .2s;background:var(--card-bg);min-height:56px}.day-card:active{opacity:.75}.day-card.active{border-color:#c0392b;background:#fff0ef}.day-card .day-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#c0392b;margin-bottom:2px}.day-card .day-title{font-size:1rem;font-weight:600;margin-bottom:4px}.day-card .day-date{font-size:.78rem;color:var(--text-muted)}.day-card-header{display:flex;justify-content:space-between;align-items:flex-start}.day-chevron{font-size:.65rem;margin-top:4px;opacity:.7}.stop-details{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);padding-top:12px}.stop-detail-item{display:flex;gap:10px;align-items:flex-start}.stop-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0}.stop-name{font-size:.88rem;font-weight:600;color:var(--text);line-height:1.3}.stop-time{font-size:.72rem;font-weight:700;color:var(--text-muted);margin-bottom:1px;letter-spacing:.03em}.stop-note{font-size:.78rem;color:var(--text-dim);margin-top:2px;line-height:1.4}.stop-link{color:inherit;text-decoration:underline;text-decoration-color:#0003;text-underline-offset:2px}.stop-link:active{opacity:.7}.map-container{flex:1;position:relative;min-height:0}.map-container .leaflet-container{width:100%;height:100%}.popup-content h3{font-size:.95rem;font-weight:700;margin-bottom:4px}.popup-content p{font-size:.8rem;color:#666}@media (max-width: 640px){.main{flex-direction:column}.map-container{height:45dvh;flex:none}.itinerary{width:100%;min-width:unset;border-right:none;border-top:1px solid var(--border);flex:1;overflow-y:auto;padding:12px;-webkit-overflow-scrolling:touch}.day-card{padding:14px;margin-bottom:8px}.day-card .day-title{font-size:1.05rem}header{padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top))}}.home{min-height:100dvh;background:var(--bg);display:flex;flex-direction:column;align-items:center;padding:48px 20px 32px}.home-hero{text-align:center;margin-bottom:36px}.home-hero h1{font-size:2rem;font-weight:800;color:var(--text);margin-bottom:6px}.home-hero p{font-size:.9rem;color:var(--text-muted)}.trip-grid{display:flex;flex-direction:column;gap:14px;width:100%;max-width:480px}.trip-card{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px 20px;text-decoration:none;color:var(--text);transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #0000000f}.trip-card:active{transform:scale(.98)}@media (hover: hover){.trip-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}}.trip-card-flag{font-size:3rem;line-height:1;flex-shrink:0}.trip-card-info{flex:1}.trip-card-name{font-size:1.1rem;font-weight:700;margin-bottom:2px}.trip-card-dates{font-size:.82rem;color:var(--text-muted);margin-bottom:2px}.trip-card-days{font-size:.78rem;color:var(--text-dim)}.trip-card-arrow{font-size:1.2rem;color:var(--text-muted);flex-shrink:0}.back-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:6px 10px;font-size:1rem;cursor:pointer;flex-shrink:0}.back-btn:active{background:#ffffff40}