:root{--bg-color:#060D1F;--card-bg:rgba(22,28,45,0.6);--border-color:rgba(255,255,255,0.08);--text-color:#f3f4f6;--text-muted:#9ca3af;--primary-accent:#3b82f6;--accent-gradient:linear-gradient(135deg,#3b82f6,#8b5cf6);--success-color:#10b981;}*{box-sizing:border-box;margin:0;padding:0;}body{font-family:'Outfit','Sarabun',sans-serif;background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%,rgba(59,130,246,0.12) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,0.12) 0px,transparent 50%),conic-gradient(#0C1B40 25%,#060D1F 0 50%,#0C1B40 0 75%,#060D1F 0);background-size:100% 100%,100% 100%,60px 60px;color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;gap:24px;}.app-container{width:100%;max-width:520px;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;padding:28px;box-shadow:0 20px 40px rgba(0,0,0,0.4);animation:fadeIn 0.6s ease-out;}@keyframes fadeIn{from{opacity:0;transform:translateY(15px);}to{opacity:1;transform:translateY(0);}}.header-section{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:8px;text-align:center;width:100%;}.header-main-brand{display:flex;align-items:center;justify-content:center;text-decoration:none;width:100%;transition:transform 0.3s ease;}.header-main-brand:hover{transform:scale(1.03);}.brand-logo-text{width:85%;max-width:380px;height:auto;object-fit:contain;display:block;margin-top:-6%;margin-bottom:-8%;}.header-meta-row{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid rgba(255,255,255,0.05);padding-top:6px;margin-top:0;}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}.subtitle{font-size:13px;color:var(--text-muted);text-align:left;}.lang-switch{background:rgba(255,255,255,0.05);border:1px solid var(--border-color);border-radius:30px;display:flex;padding:2px;cursor:pointer;width:72px;position:relative;flex-shrink:0;}.lang-option{flex:1;text-align:center;font-size:11px;font-weight:600;padding:6px 0;z-index:2;transition:color 0.3s;color:var(--text-muted);}.lang-option.active{color:var(--text-color);}.lang-slider{position:absolute;top:2px;bottom:2px;width:34px;background:var(--primary-accent);border-radius:30px;z-index:1;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}.lang-switch.th-active .lang-slider{transform:translateX(0);}.lang-switch.en-active .lang-slider{transform:translateX(34px);}.map-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;margin-bottom:20px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;font-size:15px;font-weight:600;font-family:inherit;border:none;border-radius:14px;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 15px rgba(59,130,246,0.3);}.map-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,130,246,0.45);}.map-btn:active{transform:scale(0.98);}.map-btn svg{flex-shrink:0;}.sparkle-faq-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;background:linear-gradient(135deg,rgba(15,23,42,0.9) 0%,rgba(30,41,59,0.8) 100%);border:1.5px solid var(--accent-cyan,#06b6d4);border-radius:0.65rem;padding:0.45rem 0.85rem;color:#38bdf8;text-decoration:none;font-weight:600;font-size:0.82rem;margin-bottom:1rem;position:relative;overflow:hidden;box-shadow:0 0 10px rgba(6,182,212,0.2);animation:sparkleGlow 3s infinite ease-in-out;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;}.sparkle-faq-btn:hover{transform:translateY(-1.5px);border-color:#f59e0b;color:#fbbf24;box-shadow:0 0 18px rgba(245,158,11,0.45),0 0 25px rgba(6,182,212,0.4);}.sparkle-icon{font-size:0.9rem;flex-shrink:0;display:inline-flex;align-items:center;}.sparkle-text-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.sparkle-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);color:#ffffff;font-size:0.68rem;font-weight:800;padding:0.18rem 0.5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:0.4px;line-height:1;flex-shrink:0;vertical-align:middle;animation:pulseGlow 1.5s infinite alternate;}@keyframes sparkleGlow{0%{box-shadow:0 0 12px rgba(6,182,212,0.3);border-color:rgba(6,182,212,0.6);}50%{box-shadow:0 0 22px rgba(245,158,11,0.7),0 0 30px rgba(6,182,212,0.5);border-color:rgba(245,158,11,0.8);}100%{box-shadow:0 0 12px rgba(6,182,212,0.3);border-color:rgba(6,182,212,0.6);}}@keyframes pulseGlow{0%{transform:scale(1);}100%{transform:scale(1.08);}}.map-modal-overlay{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;align-items:center;justify-content:center;}.map-modal-overlay.active{display:flex;}.map-modal-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(180deg,rgba(0,0,0,0.7) 0%,transparent 100%);z-index:10;}.map-modal-title{font-size:15px;font-weight:600;color:#fff;}.map-modal-close{width:36px;height:36px;border-radius:50%;border:none;background:rgba(255,255,255,0.15);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;}.map-modal-close:hover{background:rgba(255,255,255,0.3);}.map-modal-body{width:100%;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;padding:60px 16px 40px;box-sizing:border-box;}.map-modal-body img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;cursor:zoom-in;transition:transform 0.3s ease;transform-origin:center center;display:block;}.map-modal-body.zoomed-mode{display:block;overflow:auto;}.map-modal-body.zoomed-mode img{max-width:none;max-height:none;width:250%;height:auto;cursor:zoom-out;margin:0 auto;}.map-modal-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:11px;color:rgba(255,255,255,0.5);pointer-events:none;}.search-route-container{position:relative;display:flex;flex-direction:column;gap:8px;margin-bottom:22px;}.form-group{position:relative;border-radius:18px;padding:14px 16px;transition:all 0.35s cubic-bezier(0.16,1,0.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;}.form-group:focus-within,.form-group.has-open-dropdown{z-index:100;}.form-group-start{z-index:2;background:linear-gradient(135deg,rgba(16,185,129,0.12) 0%,rgba(15,23,42,0.8) 100%);border:2px solid rgba(16,185,129,0.5);box-shadow:0 10px 30px -5px rgba(16,185,129,0.2),inset 0 1px 0 rgba(255,255,255,0.15);}.form-group-start:hover{border-color:#00F5A0;box-shadow:0 12px 35px -3px rgba(0,245,160,0.32),inset 0 1px 0 rgba(255,255,255,0.25);transform:translateY(-2px);}.form-group-start:focus-within,.form-group-start.has-open-dropdown{z-index:101;border-color:#00F5A0;box-shadow:0 0 0 4px rgba(0,245,160,0.25),0 14px 40px rgba(0,245,160,0.35);transform:translateY(-2px);}.form-group-end{z-index:1;background:linear-gradient(135deg,rgba(244,63,94,0.12) 0%,rgba(15,23,42,0.8) 100%);border:2px solid rgba(244,63,94,0.5);box-shadow:0 10px 30px -5px rgba(244,63,94,0.2),inset 0 1px 0 rgba(255,255,255,0.15);}.form-group-end:hover{border-color:#FF2A6D;box-shadow:0 12px 35px -3px rgba(255,42,109,0.32),inset 0 1px 0 rgba(255,255,255,0.25);transform:translateY(-2px);}.form-group-end:focus-within,.form-group-end.has-open-dropdown{z-index:100;border-color:#FF2A6D;box-shadow:0 0 0 4px rgba(255,42,109,0.25),0 14px 40px rgba(255,42,109,0.35);transform:translateY(-2px);}.vivid-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-bottom:10px;letter-spacing:0.3px;text-transform:uppercase;}.vivid-label-start{color:#00F5A0;text-shadow:0 0 12px rgba(0,245,160,0.45);}.vivid-label-end{color:#FF2A6D;text-shadow:0 0 12px rgba(255,42,109,0.45);}.vivid-label .label-sub{font-size:11px;font-weight:600;opacity:0.85;background:rgba(255,255,255,0.12);padding:2px 7px;border-radius:6px;margin-left:2px;}.badge-dot{font-size:14px;line-height:1;filter:drop-shadow(0 0 6px currentColor);}.input-wrapper{position:relative;display:flex;align-items:center;}.input-icon-prefix{position:absolute;left:14px;font-size:16px;pointer-events:none;z-index:2;}.station-input{width:100%;background:rgba(15,23,42,0.7);border:1px solid rgba(255,255,255,0.15);border-radius:12px;padding:12px 14px 12px 40px;font-family:inherit;font-size:14.5px;line-height:1.5;font-weight:600;color:#ffffff;transition:all 0.25s ease;outline:none;box-sizing:border-box;}.station-input::placeholder{color:#94a3b8;font-size:13.5px;font-weight:500;opacity:0.85;line-height:1.5;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}.input-start:focus{background:rgba(15,23,42,0.95);border-color:#00F5A0;}.input-end:focus{background:rgba(15,23,42,0.95);border-color:#FF2A6D;}.swap-divider{display:flex;align-items:center;justify-content:center;margin:-12px 0;z-index:5;}.btn-swap-stations{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1.5px solid rgba(255,255,255,0.22);color:#38bdf8;padding:8px 16px;border-radius:20px;font-size:12.5px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,0.45);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.btn-swap-stations:hover{background:linear-gradient(135deg,#38bdf8 0%,#3b82f6 100%);color:#ffffff;border-color:#38bdf8;box-shadow:0 6px 20px rgba(56,189,248,0.45);transform:scale(1.06);}.btn-swap-stations:hover .swap-icon{transform:rotate(180deg);}.btn-swap-stations:active{transform:scale(0.95);}.swap-icon{transition:transform 0.4s ease;}.suggestions-list{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#0f172a;border:1.5px solid rgba(255,255,255,0.2);border-radius:14px;max-height:240px;overflow-y:auto;z-index:99999;box-shadow:0 20px 45px rgba(0,0,0,0.9),0 0 0 1px rgba(255,255,255,0.1);display:none;}.form-group-start .suggestions-list{border-color:rgba(0,245,160,0.6);box-shadow:0 20px 45px rgba(0,0,0,0.92),0 0 25px rgba(0,245,160,0.25);}.form-group-end .suggestions-list{border-color:rgba(255,42,109,0.6);box-shadow:0 20px 45px rgba(0,0,0,0.92),0 0 25px rgba(255,42,109,0.25);}.suggestion-item{padding:12px 16px;cursor:pointer;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid rgba(255,255,255,0.05);transition:background 0.2s,transform 0.15s;}.suggestion-item:hover{background:rgba(255,255,255,0.07);}.suggestion-item:last-child{border-bottom:none;}.suggestion-top-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;width:100%;gap:6px 10px;}.suggestion-title{font-size:13.5px;font-weight:600;color:var(--text-color);flex:1;min-width:180px;white-space:normal;word-break:break-word;line-height:1.4;}.suggestion-tag{font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:normal;word-break:break-word;line-height:1.3;flex-shrink:0;max-width:100%;}.suggestion-sub-info{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:11px;}.pier-cat-chip{background:rgba(6,182,212,0.15);color:#38bdf8;border:1px solid rgba(56,189,248,0.35);padding:2px 7px;border-radius:6px;font-weight:600;font-size:10.5px;}.pier-meta-item{color:rgba(255,255,255,0.75);font-size:11px;}.pier-limit-text{color:#fbbf24;font-weight:500;}.tag-pier{background:rgba(6,182,212,0.18) !important;color:#22d3ee !important;border:1.5px solid rgba(6,182,212,0.5) !important;box-shadow:0 0 10px rgba(6,182,212,0.2);}.item-text{font-size:14px;}.item-line-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;color:#fff;text-transform:uppercase;}.toggle-options-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;}.toggle-container{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(15,23,42,0.7) 0%,rgba(30,41,59,0.7) 100%);border:1.5px solid rgba(255,255,255,0.12);border-radius:16px;padding:13px 16px;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}.toggle-card-boat{border-color:rgba(6,182,212,0.45);background:linear-gradient(135deg,rgba(6,182,212,0.12) 0%,rgba(15,23,42,0.85) 100%);box-shadow:0 4px 20px -2px rgba(6,182,212,0.18);}.toggle-card-boat:hover{border-color:#22d3ee;box-shadow:0 6px 25px rgba(6,182,212,0.35);transform:translateY(-2px);}.toggle-title-row{display:flex;align-items:center;gap:8px;}.toggle-icon{font-size:16px;line-height:1;}.toggle-card-boat .toggle-title{color:#22d3ee;font-weight:700;text-shadow:0 0 10px rgba(34,211,238,0.35);}.control-drawer-component{width:100%;margin-top:10px;}.drawer-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,rgba(14,165,233,0.18),rgba(168,85,247,0.18));border:1.5px solid rgba(56,189,248,0.6);border-radius:14px;color:#ffffff;font-size:13px;cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);text-align:left;font-family:inherit;box-shadow:0 4px 16px rgba(14,165,233,0.2);}.drawer-header:hover{background:linear-gradient(135deg,rgba(14,165,233,0.3),rgba(168,85,247,0.3));border-color:#38bdf8;box-shadow:0 6px 22px rgba(56,189,248,0.35);transform:translateY(-1.5px);}.drawer-header-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}.drawer-icon{font-size:18px;filter:drop-shadow(0 0 6px rgba(56,189,248,0.6));}.drawer-title{color:#7dd3fc;font-weight:700;font-size:13.5px;text-shadow:0 0 12px rgba(56,189,248,0.4);}.drawer-status-pill{background:linear-gradient(135deg,rgba(16,185,129,0.25),rgba(52,211,153,0.25));color:#6ee7b7;border:1px solid rgba(110,231,183,0.6);padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:0.3px;box-shadow:0 0 10px rgba(52,211,153,0.25);}.drawer-chevron{font-size:13px;font-weight:bold;color:#fef08a;text-shadow:0 0 8px rgba(254,240,138,0.6);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}.drawer-header[aria-expanded="true"] .drawer-chevron{transform:rotate(180deg);}.drawer-body{display:none;margin-top:10px;padding:16px;background:linear-gradient(145deg,rgba(15,23,42,0.98),rgba(30,41,59,0.98));border:1.5px solid rgba(125,211,252,0.5);border-radius:16px;box-shadow:0 12px 35px rgba(14,165,233,0.25);}.drawer-body.is-expanded{display:block !important;animation:drawerFadeIn 0.25s ease-out;}@keyframes drawerFadeIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}.boat-time-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;}.time-control-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:145px;}.time-control-group label{font-size:12.5px;color:#fde047;font-weight:700;text-shadow:0 0 8px rgba(253,224,71,0.3);}.time-control-input{padding:9px 12px;background:rgba(15,23,42,0.95);border:1.5px solid #38bdf8;border-radius:10px;color:#ffffff;font-size:14px;font-weight:700;font-family:inherit;outline:none;transition:all 0.2s ease;box-shadow:0 2px 10px rgba(56,189,248,0.15);}.time-control-input::-webkit-calendar-picker-indicator{filter:invert(1) sepia(1) saturate(5) hue-rotate(160deg);cursor:pointer;transform:scale(1.25);transition:transform 0.2s ease;}.time-control-input::-webkit-calendar-picker-indicator:hover{transform:scale(1.4);}.time-control-input:focus{border-color:#7dd3fc;box-shadow:0 0 14px rgba(125,211,252,0.5);}.time-control-actions{display:flex;align-items:center;}.btn-time-now{padding:8.5px 14px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;color:#ffffff;font-size:12px;font-weight:600;cursor:pointer;transition:transform 0.15s,opacity 0.2s;white-space:nowrap;}.btn-time-now:hover{opacity:0.92;transform:scale(1.02);}.transport-advice-banner{margin-bottom:14px;padding:12px 16px;background:rgba(14,165,233,0.12);border:1px solid rgba(56,189,248,0.35);border-radius:12px;display:flex;flex-direction:column;gap:8px;}.advice-item{font-size:13px;color:#e2e8f0;line-height:1.45;}.advice-item strong{color:#38bdf8;}.advice-pier-item{color:#e2e8f0;background:rgba(15,23,42,0.5);padding:8px 12px;border-radius:8px;border-left:3px solid #38bdf8;}.toggle-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;padding-right:12px;}.toggle-title{font-size:13.5px;font-weight:600;color:var(--text-color);}.toggle-desc{font-size:11px;color:var(--text-muted);}.switch{position:relative;display:inline-block;width:46px;height:25px;flex-shrink:0;}.switch input{opacity:0;width:0;height:0;}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.15);transition:.35s ease;border-radius:24px;}.slider:before{position:absolute;content:"";height:19px;width:19px;left:3px;bottom:3px;background-color:white;transition:.35s ease;border-radius:50%;}input:checked+.slider{background-color:var(--success-color);box-shadow:0 0 12px rgba(16,185,129,0.5);}input:checked+.slider-boat{background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);box-shadow:0 0 14px rgba(6,182,212,0.65);}input:checked+.slider:before{transform:translateX(20px);}.btn-calculate{width:100%;background:var(--accent-gradient);color:#fff;border:none;border-radius:14px;padding:16px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px rgba(59,130,246,0.3);transition:all 0.3s;}.btn-calculate:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,0.4);}.btn-calculate:active{transform:translateY(0);}.results-panel{margin-top:28px;border-top:1px solid var(--border-color);padding-top:24px;display:none;animation:fadeIn 0.4s ease-out;}.fare-card{background:linear-gradient(135deg,rgba(22,28,45,0.9),rgba(11,15,25,0.9));border:1px solid rgba(255,255,255,0.05);border-radius:20px;padding:20px;text-align:center;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,0.2);}.fare-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-gradient);}.fare-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:4px;}.fare-amount{font-size:54px;font-weight:800;color:#fff;line-height:1;margin-bottom:4px;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;}.fare-unit{font-size:18px;font-weight:600;color:var(--text-muted);margin-left:6px;}.route-tabs{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;background:rgba(255,255,255,0.02);padding:8px;border-radius:14px;border:1px solid rgba(255,255,255,0.06);}@media (min-width:600px){.route-tabs{flex-direction:row;}}.route-tab{flex:1;padding:10px 14px;border:1px solid rgba(255,255,255,0.05);background:rgba(255,255,255,0.01);color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:600;border-radius:10px;cursor:pointer;transition:all 0.2s;text-align:center;}.route-tab:hover{background:rgba(255,255,255,0.04);color:var(--text-color);}.route-tab.active{background:rgba(59,130,246,0.15);color:#60a5fa;border-color:rgba(59,130,246,0.4);box-shadow:0 0 12px rgba(59,130,246,0.1);}.route-tab-boat.active{background:rgba(0,188,212,0.18);color:#22d3ee;border-color:rgba(0,188,212,0.5);box-shadow:0 0 14px rgba(0,188,212,0.2);}.route-tab-pills{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px;}.route-tab-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700;line-height:1.2;}.badge-fare-lowest{background:rgba(16,185,129,0.22);color:#34d399;border:1px solid rgba(16,185,129,0.4);}.badge-fare-rail{background:rgba(59,130,246,0.18);color:#60a5fa;border:1px solid rgba(59,130,246,0.35);}.badge-fare-boat{background:rgba(6,182,212,0.2);color:#22d3ee;border:1px solid rgba(6,182,212,0.45);}.pill-time{background:rgba(255,255,255,0.08);color:var(--text-muted);}.path-timeline{margin-bottom:24px;position:relative;}.path-title{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;}.timeline-container{display:flex;flex-direction:column;gap:10px;position:relative;padding-left:20px;max-height:280px;overflow-y:auto;padding-right:6px;}.timeline-container::-webkit-scrollbar{width:4px;}.timeline-container::-webkit-scrollbar-track{background:transparent;}.timeline-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:2px;}.timeline-node-sub{opacity:0.65;transform:scale(0.95);transform-origin:left center;}.timeline-dot.sub-dot{width:7px;height:7px;left:-18px;border-width:2px;}.node-id.sub-id{font-size:8.5px;padding:1px 4px;background:transparent !important;border:1px solid;}.node-station.sub-station{font-size:12.5px;color:var(--text-muted);}.timeline-line{position:absolute;top:8px;bottom:8px;left:4px;width:3px;background:rgba(255,255,255,0.1);border-radius:4px;}.timeline-node{display:flex;align-items:center;gap:12px;position:relative;}.timeline-dot{position:absolute;left:-20px;width:11px;height:11px;border-radius:50%;border:2px solid var(--bg-color);background:#fff;}.node-station{font-size:14px;font-weight:500;}.node-id{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;color:#fff;}.breakdown-section{background:rgba(15,23,42,0.45);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:16px;margin-top:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}.breakdown-title{font-size:13px;font-weight:700;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:0.5px;}.breakdown-card-item{display:flex;flex-direction:column;gap:6px;padding:10px 12px;margin-bottom:8px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;transition:background 0.2s ease,border-color 0.2s ease;}.breakdown-card-item:last-child{margin-bottom:0;}.breakdown-card-item:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);}.breakdown-row-main{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;}.seg-route-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0;flex-wrap:wrap;}.seg-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;color:#ffffff;letter-spacing:0.2px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,0.25);}.seg-stations-text{font-size:13.5px;font-weight:600;color:var(--text-color);word-break:break-word;line-height:1.4;}.seg-arrow{color:var(--text-muted);font-size:12px;margin:0 2px;}.seg-price{font-size:15px;font-weight:700;color:#38bdf8;white-space:nowrap;flex-shrink:0;}.breakdown-discount-row{display:flex;align-items:center;margin-top:2px;}.discount-badge-minimal{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#10b981;background:rgba(16,185,129,0.12);border:1px solid rgba(16,185,129,0.3);padding:3px 10px;border-radius:20px;}.discount-badge-minimal strong{color:#00F5A0;font-weight:700;}.discount-icon{font-size:11px;}.guide-card{background:#0C1B40;border:3px double rgba(255,255,255,0.15);border-radius:4px;padding:16px;margin-top:20px;text-align:left;box-shadow:4px 4px 0px rgba(0,0,0,0.6);position:relative;}.guide-title{font-size:13px;font-weight:700;color:#fff;margin-bottom:14px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:0.5px;border-bottom:2px dashed rgba(255,255,255,0.1);padding-bottom:8px;}.guide-icon{font-size:16px;}.guide-content{display:flex;flex-direction:column;gap:12px;}.retro-review-item{background:rgba(6,13,31,0.6);border:1px solid var(--review-border,rgba(255,255,255,0.1));border-left:4px solid var(--review-accent,#125eab);border-radius:2px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;transition:transform 0.2s,box-shadow 0.2s;text-decoration:none;color:inherit;}.retro-review-item:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0px var(--review-accent,#125eab);background:rgba(6,13,31,0.9);}.retro-review-header{display:flex;align-items:center;justify-content:space-between;width:100%;}.retro-review-badge{font-family:monospace;font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 6px;background:var(--review-accent,#125eab);color:#fff;border-radius:2px;letter-spacing:0.5px;}.retro-review-meta{display:flex;align-items:center;gap:8px;font-size:11px;font-family:monospace;color:var(--text-muted);}.retro-review-title-row{display:flex;align-items:flex-start;gap:8px;}.retro-review-emoji{font-size:16px;flex-shrink:0;margin-top:1px;}.retro-review-title{font-size:13px;font-weight:600;color:#fff;line-height:1.4;}.retro-review-summary{font-size:11.5px;color:var(--text-muted);line-height:1.45;margin-left:24px;}.retro-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#060D1F;border:2px solid var(--btn-accent,#125eab);color:#fff;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none;padding:8px 14px;border-radius:2px;box-shadow:2px 2px 0px rgba(0,0,0,0.4);cursor:pointer;transition:all 0.1s;}.retro-btn:hover{background:var(--btn-accent,#125eab);color:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px 0px rgba(0,0,0,0.5);}.retro-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0px rgba(0,0,0,0.4);}.retro-archive-row{display:flex;justify-content:space-between;align-items:center;margin-top:14px;border-top:2px dashed rgba(255,255,255,0.1);padding-top:12px;}.retro-archive-text{font-size:11px;color:var(--text-muted);font-family:monospace;}.retro-archive-link{font-size:11.5px;color:#fff;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:4px;border-bottom:1px dashed var(--primary-accent);padding-bottom:1px;transition:color 0.2s;}.retro-archive-link:hover{color:var(--primary-accent);border-bottom-style:solid;}.review-reader-container{display:none;width:100%;max-width:520px;background:#0C1B40;border:3px double rgba(255,255,255,0.15);border-radius:4px;padding:24px;box-shadow:4px 4px 0px rgba(0,0,0,0.6);animation:fadeIn 0.4s ease-out;}.retro-sticky-nav{position:sticky;top:0;z-index:100;background:#0C1B40;border-bottom:3px double var(--review-accent,#125eab);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 10px rgba(0,0,0,0.4);margin:-24px -24px 20px -24px;border-top-left-radius:4px;border-top-right-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}.retro-sticky-nav-btn{font-size:11px;font-weight:700;padding:6px 12px;margin:0;text-transform:uppercase;}.review-reader-back-btn{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);text-decoration:none;font-size:11px;font-weight:700;cursor:pointer;transition:color 0.2s;text-transform:uppercase;}.review-reader-back-btn:hover{color:#fff;}.markdown-body{font-size:14px;line-height:1.6;color:var(--text-color);}.markdown-body h1{font-size:18px;font-weight:700;color:#fff;margin-top:0;margin-bottom:16px;line-height:1.35;background:none;border-bottom:1px dashed rgba(255,255,255,0.15);padding-bottom:8px;}.markdown-body h2{font-size:15px;font-weight:600;color:#fff;margin-top:22px;margin-bottom:10px;border-left:3px solid var(--primary-accent);padding-left:8px;}.markdown-body p{margin-bottom:14px;}.markdown-body hr{border:none;border-top:2px dashed rgba(255,255,255,0.1);margin:20px 0;}.markdown-body ul,.markdown-body ol{margin-bottom:14px;padding-left:20px;}.markdown-body li{margin-bottom:6px;}.markdown-body blockquote{background:rgba(6,13,31,0.5);border-left:4px solid var(--success-color);padding:12px 16px;margin:16px 0;border-radius:2px;}.markdown-body blockquote p{margin-bottom:0;}.markdown-body blockquote a{color:var(--success-color);font-weight:600;text-decoration:underline;}.markdown-body strong{color:#fff;}.markdown-body img{max-width:100%;height:auto;border-radius:4px;box-shadow:4px 4px 0px rgba(0,0,0,0.5);border:2px solid rgba(255,255,255,0.15);margin:16px 0;display:block;}.gdoc-container{font-size:14px;line-height:1.6;color:var(--text-color);}.gdoc-container a{color:var(--primary-accent);text-decoration:underline;}.gdoc-container img{max-width:100% !important;height:auto !important;border-radius:4px;box-shadow:4px 4px 0px rgba(0,0,0,0.5);border:2px solid rgba(255,255,255,0.15);margin:16px 0;display:block;}.gdoc-container h1,.gdoc-container h2,.gdoc-container h3{color:#fff !important;font-family:inherit !important;margin-top:22px;margin-bottom:10px;}.gdoc-container p,.gdoc-container span{color:var(--text-color) !important;font-family:inherit !important;background-color:transparent !important;}.seo-container{width:100%;max-width:520px;background:rgba(22,28,45,0.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:24px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,0.2);animation:fadeIn 0.8s ease-out;font-size:14px;line-height:1.6;}.seo-section{margin-bottom:24px;}.interchange-alert{background:rgba(59,130,246,0.05);border:1px solid rgba(59,130,246,0.15);border-radius:16px;padding:16px;margin-bottom:20px;display:flex;gap:12px;align-items:flex-start;}.interchange-alert-icon{font-size:20px;color:#3b82f6;margin-top:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}.interchange-alert-content{display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.5;}.interchange-alert-row{display:flex;flex-direction:column;gap:4px;}.interchange-alert-title{font-weight:600;color:#60a5fa;display:flex;align-items:center;gap:6px;}.interchange-alert-desc{color:var(--text-color);}.interchange-alert-divider{height:1px;background:rgba(255,255,255,0.08);margin:4px 0;}.seo-title{font-size:16px;font-weight:700;margin-bottom:12px;color:#fff;border-left:3px solid var(--primary-accent);padding-left:10px;}.seo-text{color:var(--text-muted);margin-bottom:12px;font-size:13.5px;}.seo-text strong{color:var(--text-color);font-weight:600;}.hub-header-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(59,130,246,0.12);border:1px solid rgba(59,130,246,0.3);padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;color:#60a5fa;letter-spacing:0.5px;margin-bottom:12px;}.ticket-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:18px;margin-bottom:16px;}.ticket-card{background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;transition:all 0.25s ease;}.ticket-card:hover{border-color:rgba(59,130,246,0.4);transform:translateY(-2px);background:rgba(255,255,255,0.045);}.ticket-card.feature-highlight{background:linear-gradient(135deg,rgba(37,99,235,0.15),rgba(13,148,136,0.15));border-color:rgba(59,130,246,0.4);}.ticket-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;}.ticket-icon{font-size:18px;}.ticket-name{font-size:13px;font-weight:700;color:#f8fafc;}.ticket-desc{font-size:11.5px;color:#94a3b8;line-height:1.45;margin-bottom:12px;}.ticket-tag{font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:6px;background:rgba(255,255,255,0.06);color:#cbd5e1;align-self:flex-start;}.ticket-tag.tag-success{background:rgba(16,185,129,0.15);color:#34d399;border:1px solid rgba(16,185,129,0.3);}.faq-item{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:12px;margin-bottom:10px;overflow:hidden;transition:all 0.3s;}.faq-item:hover{border-color:rgba(59,130,246,0.3);background:rgba(255,255,255,0.04);}.faq-question{padding:12px 16px;font-weight:600;font-size:13.5px;color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;outline:none;}.faq-question::-webkit-details-marker{display:none;}.faq-question::after{content:'+';font-size:16px;font-weight:400;color:var(--text-muted);transition:transform 0.3s;}.faq-item[open] .faq-question::after{transform:rotate(45deg);}.faq-answer{padding:0 16px 14px 16px;font-size:13px;color:var(--text-muted);border-top:1px solid rgba(255,255,255,0.02);padding-top:10px;}.guide-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:16px;padding:16px;margin-top:16px;text-align:left;box-shadow:0 4px 15px rgba(0,0,0,0.1);}.guide-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:12px;display:flex;align-items:center;gap:8px;}.guide-icon{font-size:16px;}.guide-content{display:flex;flex-direction:column;gap:12px;}.guide-item{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.04);}.guide-item:last-child{border-bottom:none;padding-bottom:0;}.guide-item-label{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.5px;}.guide-item-value{font-size:13px;color:var(--text-color);line-height:1.5;}.guide-promo-btn{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(139,92,246,0.1));border:1px solid rgba(59,130,246,0.25);border-radius:10px;padding:10px 14px;color:#fff;text-decoration:none;font-size:12px;font-weight:600;margin-top:14px;transition:all 0.3s;}.guide-promo-btn:hover{background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(139,92,246,0.2));border-color:var(--primary-accent);transform:translateY(-1px);}.ref-link:hover{background:rgba(255,255,255,0.06) !important;border-color:var(--primary-accent) !important;color:#fff !important;}body.embed-mode{background:transparent !important;padding:0 !important;}body.embed-mode .app-container{max-width:100% !important;width:100% !important;box-shadow:none !important;border:none !important;background:transparent !important;padding:10px !important;margin:0 !important;}body.embed-mode .title-wrapper{display:none !important;}body.embed-mode .header-section{justify-content:flex-end !important;margin-bottom:12px !important;}body.embed-mode .seo-container{display:none !important;}.deal-card{background:linear-gradient(135deg,rgba(8,12,22,0.96),rgba(16,22,36,0.96));border:1px solid rgba(250,204,21,0.45);border-radius:18px;padding:16px 18px;margin-top:18px;box-shadow:0 10px 30px rgba(0,0,0,0.6),0 0 20px rgba(250,204,21,0.12);position:relative;overflow:hidden;transition:transform 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;}.deal-card:hover{transform:translateY(-2px);border-color:rgba(250,204,21,0.85);box-shadow:0 14px 36px rgba(0,0,0,0.7),0 0 28px rgba(250,204,21,0.25);}.deal-card.deal-cat-food{border-color:rgba(251,191,36,0.55);}.deal-card.deal-cat-attraction{border-color:rgba(56,189,248,0.55);}.deal-card.deal-cat-show{border-color:rgba(244,63,94,0.55);}.deal-card.deal-cat-cruise{border-color:rgba(250,204,21,0.65);}.deal-card.deal-cat-sports{border-color:rgba(239,68,68,0.55);}.deal-card.deal-cat-culture{border-color:rgba(168,85,247,0.55);}.deal-card.deal-cat-transit{border-color:rgba(16,185,129,0.55);}.deal-card.deal-cat-bts{border-color:rgba(34,197,94,0.55);}.deal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}.deal-badge-cyber{display:inline-flex;align-items:center;gap:6px;background:rgba(250,204,21,0.14);border:1px solid rgba(250,204,21,0.35);padding:3px 10px;border-radius:20px;font-size:10.5px;font-weight:700;color:#facc15;letter-spacing:0.5px;}.deal-category-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;background:rgba(255,255,255,0.08);color:#e2e8f0;text-transform:uppercase;letter-spacing:0.5px;}.deal-body{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px;}.deal-icon-box{font-size:32px;line-height:1;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);padding:10px;border-radius:14px;flex-shrink:0;}.deal-info-content{flex:1;}.deal-title-text{font-size:14.5px;font-weight:700;color:#f8fafc;margin-bottom:4px;line-height:1.35;}.deal-desc-text{font-size:12px;color:#94a3b8;line-height:1.45;}.deal-footer{display:flex;justify-content:flex-end;}.deal-action-btn-yellow{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#facc15,#eab308);color:#0f172a;border:none;border-radius:10px;padding:9px 18px;font-size:12.5px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px rgba(250,204,21,0.3);transition:all 0.2s ease;}.deal-action-btn-yellow:hover{background:linear-gradient(135deg,#fef08a,#facc15);color:#020617;transform:translateY(-1px);box-shadow:0 6px 20px rgba(250,204,21,0.45);}.hide{display:none !important;}.travel-time{font-size:13px;color:var(--text-muted);margin-top:8px;}.review-reader-container{margin:0 auto 24px auto;}.btn-success-accent{--btn-accent:var(--success-color);}.review-loading{text-align:center;color:var(--text-muted);font-family:monospace;}.seo-footer-section{border-top:1px solid rgba(255,255,255,0.06);padding-top:24px;margin-top:24px;}#ref-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:12px;}.ref-links{display:flex;flex-wrap:wrap;gap:12px;}.ref-link{color:var(--text-muted);font-size:12.5px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(255,255,255,0.02);border:1px solid var(--border-color);border-radius:10px;transition:all 0.2s;}.app-footer{margin:24px auto 0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0.55;transition:opacity 0.3s;width:100%;max-width:520px;padding:0 16px;}.footer-logo-row{display:flex;align-items:center;gap:8px;justify-content:center;}.footer-logo{height:20px;width:20px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,0.15);}.footer-brand{font-size:12px;font-weight:600;letter-spacing:0.5px;color:#fff;}.footer-copyright{font-size:11px;color:var(--text-muted);}.map-modal-logo-row{display:flex;align-items:center;gap:8px;}.map-modal-logo{height:24px;width:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,0.2);}.suggestion-item{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.05);cursor:pointer;transition:background 0.15s ease;}.suggestion-item:last-child{border-bottom:none;}.suggestion-item:hover,.suggestion-item.active{background:rgba(59,130,246,0.15);}.suggestion-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px;}.suggestion-title{font-size:13.5px;font-weight:500;color:#fff;}.suggestion-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;flex-shrink:0;}.tag-station{background:rgba(59,130,246,0.2);color:#60a5fa;border:1px solid rgba(59,130,246,0.3);}.tag-place{background:rgba(16,185,129,0.2);color:#34d399;border:1px solid rgba(16,185,129,0.3);}.suggestion-sub-row{font-size:11.5px;color:var(--text-muted);}.suggestion-hint-station{color:#fbbf24;font-weight:500;}.smart-advice-card{background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(6,13,31,0.8));border:1px solid rgba(16,185,129,0.3);border-radius:12px;padding:16px;margin-top:16px;margin-bottom:16px;animation:fadeIn 0.3s ease;}.smart-advice-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#34d399;margin-bottom:8px;}.smart-advice-body{font-size:13px;line-height:1.5;color:#e5e7eb;}.smart-advice-highlight{color:#fbbf24;font-weight:600;}.place-page-container{max-width:800px;margin:0 auto;padding:24px 16px;}.place-hero-card{background:rgba(22,28,45,0.7);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}.place-hero-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;}.place-hero-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted);margin-bottom:16px;}.place-fare-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:13px;}.place-fare-table th,.place-fare-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,0.08);}.place-fare-table th{background:rgba(255,255,255,0.05);color:var(--text-muted);font-weight:600;}.cookie-banner{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:520px;background:rgba(15,23,42,0.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.15);box-shadow:0 16px 36px rgba(0,0,0,0.5);border-radius:16px;padding:14px 18px;z-index:99999;transition:opacity 0.3s ease,transform 0.3s ease;}.cookie-content{display:flex;align-items:center;justify-content:space-between;gap:12px;}.cookie-icon{font-size:22px;flex-shrink:0;}.cookie-text{font-size:12.5px;color:#e2e8f0;line-height:1.45;flex:1;}.cookie-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#ffffff;border:none;border-radius:8px;padding:8px 16px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform 0.15s ease,background 0.2s ease;}.cookie-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);}.agoda-partner-badge-container{display:flex;align-items:center;justify-content:center;margin-top:14px;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px dashed rgba(255,255,255,0.12);border-radius:12px;transition:background 0.2s ease,border-color 0.2s ease;}.agoda-partner-badge-container:hover{background:rgba(255,255,255,0.06);border-color:rgba(99,183,73,0.4);}.agoda-badge-link,.agoda-badge-wrapper{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform 0.2s ease;}.agoda-badge-link:hover,.agoda-badge-wrapper:hover{transform:scale(1.03);}.agoda-badge-img{max-height:44px;width:auto;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,0.4));}.agoda-partner-bar{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px;margin-bottom:8px;padding:12px 16px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.08);border-radius:14px;text-align:center;}.agoda-partner-label{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:0.8px;}.agoda-card{background:linear-gradient(135deg,rgba(4,30,42,0.95),rgba(8,54,68,0.95));border:1px solid rgba(0,210,255,0.45);border-radius:18px;padding:16px 18px;margin-top:18px;box-shadow:0 10px 30px rgba(0,0,0,0.6),0 0 20px rgba(0,210,255,0.14);position:relative;overflow:hidden;transition:transform 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;}.agoda-card:hover{transform:translateY(-2px);border-color:rgba(0,210,255,0.85);box-shadow:0 14px 36px rgba(0,0,0,0.7),0 0 28px rgba(0,210,255,0.28);}.agoda-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}.agoda-badge-cyan{display:inline-flex;align-items:center;gap:6px;background:rgba(0,210,255,0.12);border:1px solid rgba(0,210,255,0.35);padding:3px 10px;border-radius:20px;font-size:10.5px;font-weight:700;color:#00d2ff;letter-spacing:0.5px;}.agoda-sherpa-badge-link{display:inline-flex;align-items:center;transition:transform 0.2s ease;}.agoda-sherpa-badge-link:hover{transform:scale(1.05);}.agoda-badge-mini-img{max-height:24px;width:auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.4));}.agoda-card-body{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px;}.agoda-icon-box{font-size:32px;line-height:1;background:rgba(0,210,255,0.06);border:1px solid rgba(0,210,255,0.2);padding:10px;border-radius:14px;flex-shrink:0;}.agoda-info-content{flex:1;}.agoda-title-text{font-size:14.5px;font-weight:700;color:#ffffff;margin-bottom:4px;line-height:1.35;}.agoda-desc-text{font-size:12px;color:#a5f3fc;line-height:1.45;}.agoda-card-footer{display:flex;justify-content:flex-end;}.agoda-action-btn-cyan{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#00b8a9,#00d2ff);color:#031720;border:none;border-radius:10px;padding:9px 18px;font-size:12.5px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px rgba(0,210,255,0.3);transition:all 0.2s ease;}.agoda-action-btn-cyan:hover{background:linear-gradient(135deg,#38ef7d,#11998e);color:#ffffff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,210,255,0.45);}.share-widget-section{background:rgba(255,255,255,0.02);border:1px solid var(--border-color);border-radius:16px;padding:16px;margin-top:18px;}.share-widget-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-color);margin-bottom:12px;}.share-btn-group{display:flex;flex-wrap:wrap;gap:10px;}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border-color);background:rgba(255,255,255,0.04);color:var(--text-color);text-decoration:none;transition:all 0.2s ease;}.share-btn:hover{background:rgba(255,255,255,0.08);transform:translateY(-1px);}.share-btn-copy{border-color:rgba(59,130,246,0.4);color:#60a5fa;}.share-btn-line{border-color:rgba(6,199,85,0.4);color:#06c755;}.share-btn-embed{border-color:rgba(168,85,247,0.4);color:#c084fc;}.embed-code-box{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(255,255,255,0.1);display:flex;flex-direction:column;gap:8px;}.embed-code-title{font-size:11.5px;color:var(--text-muted);}.embed-textarea{width:100%;height:70px;background:rgba(6,13,31,0.8);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:8px 10px;color:#a5f3fc;font-family:monospace;font-size:11px;resize:none;outline:none;}.toast-notification{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);background:#10b981;color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 10px 25px rgba(0,0,0,0.4);opacity:0;pointer-events:none;transition:all 0.3s ease;z-index:10000;}.toast-notification.show{opacity:1;transform:translateX(-50%) translateY(0);}.quick-share-bar{margin-top:16px;padding-top:14px;border-top:1px dashed rgba(255,255,255,0.12);display:flex;flex-direction:column;align-items:center;gap:10px;}.quick-share-title{font-size:12px;font-weight:600;color:#94a3b8;letter-spacing:0.2px;}.quick-share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;}.btn-share-item{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:10px;font-size:12px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(0,0,0,0.25);}.btn-share-item:hover{transform:translateY(-2px) scale(1.02);}.btn-share-copy{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#ffffff;}.btn-share-line{background:linear-gradient(135deg,#059669,#10b981);color:#ffffff;}.btn-share-fb{background:linear-gradient(135deg,#1e40af,#2563eb);color:#ffffff;}.btn-share-tw{background:linear-gradient(135deg,#0f172a,#38bdf8);color:#ffffff;border:1px solid rgba(56,189,248,0.3);}.share-btn-icon{font-size:13px;}.embed-widget-card-section{background:linear-gradient(145deg,rgba(30,27,75,0.6),rgba(15,23,42,0.8));border:1px solid rgba(168,85,247,0.3);border-radius:20px;padding:24px;margin-top:32px;margin-bottom:24px;box-shadow:0 12px 32px rgba(168,85,247,0.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}.embed-badge-purple{display:inline-flex;align-items:center;gap:6px;background:rgba(168,85,247,0.15);border:1px solid rgba(168,85,247,0.35);color:#e9d5ff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;margin-bottom:12px;}.embed-section-title{font-size:18px;font-weight:700;color:#ffffff;margin-bottom:6px;line-height:1.4;}.embed-section-subtitle{font-size:13px;color:#cbd5e1;line-height:1.5;margin-bottom:16px;}.embed-textarea-wrapper{display:flex;flex-direction:column;gap:12px;}.share-btn-copy-code{align-self:flex-start;background:linear-gradient(135deg,#7e22ce,#a855f7);color:#ffffff;border:none;padding:10px 20px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(168,85,247,0.3);transition:all 0.2s ease;}.share-btn-copy-code:hover{background:linear-gradient(135deg,#9333ea,#c084fc);transform:translateY(-2px);box-shadow:0 6px 20px rgba(168,85,247,0.45);}.faq-answer ul{margin:6px 0 10px 20px;padding:0;}.faq-answer ul.faq-list-tight{margin:6px 0 0 20px;padding:0;}.faq-item{background:rgba(15,23,42,0.55);border:1px solid rgba(255,255,255,0.08);border-radius:16px;margin-bottom:14px;overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,0.2);}.faq-item:hover{border-color:rgba(59,130,246,0.35);box-shadow:0 8px 30px rgba(59,130,246,0.15);transform:translateY(-1px);}.faq-item[open]{background:rgba(15,23,42,0.85);border-color:rgba(59,130,246,0.4);box-shadow:0 8px 32px rgba(0,0,0,0.35);}.faq-question{padding:16px 20px;font-size:15px;font-weight:700;color:#f8fafc;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;-webkit-user-select:none;user-select:none;transition:color 0.2s ease;}.faq-question:hover{color:#38bdf8;}.faq-answer{padding:0 20px 18px 20px;font-size:13.5px;line-height:1.65;color:#cbd5e1;border-top:1px solid rgba(255,255,255,0.05);padding-top:14px;}.faq-sparkle-card{background:linear-gradient(135deg,rgba(30,58,138,0.25),rgba(15,23,42,0.65));border:1px solid rgba(59,130,246,0.35);position:relative;}.faq-sparkle-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b,#ec4899);}.faq-highlight-box{background:rgba(30,41,59,0.6);border-left:3px solid #38bdf8;border-radius:8px;padding:12px 14px;margin-top:10px;margin-bottom:6px;color:#e2e8f0;}@media (max-width:480px){.station-input{font-size:13.5px;padding:11px 12px 11px 36px;}.station-input::placeholder{font-size:12.5px;}.input-icon-prefix{left:12px;font-size:15px;}}.directory-section{background:linear-gradient(135deg,rgba(15,23,42,0.75),rgba(30,41,59,0.65));border:1px solid rgba(56,189,248,0.25);border-radius:20px;padding:24px 20px;margin-top:36px;margin-bottom:24px;box-shadow:0 12px 32px rgba(0,0,0,0.4),0 0 24px rgba(56,189,248,0.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden;}.directory-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#38bdf8,#818cf8,#c084fc,#34d399);}.directory-header{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;}.directory-title{font-size:17px;font-weight:800;color:#ffffff;display:flex;align-items:center;gap:8px;line-height:1.4;}.directory-subtitle{font-size:12.5px;color:#94a3b8;line-height:1.5;}.directory-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.08);padding-bottom:12px;}.dir-tab-btn{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);color:#cbd5e1;padding:7px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.25s ease;font-family:inherit;}.dir-tab-btn:hover{background:rgba(56,189,248,0.15);color:#38bdf8;border-color:rgba(56,189,248,0.4);}.dir-tab-btn.active{background:linear-gradient(135deg,#0284c7,#38bdf8);color:#ffffff;border-color:#38bdf8;box-shadow:0 4px 14px rgba(56,189,248,0.35);}.directory-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;}.dir-pill-card{display:flex;flex-direction:column;gap:4px;background:rgba(15,23,42,0.6);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:10px 12px;text-decoration:none;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);position:relative;}.dir-pill-card:hover{background:rgba(30,41,59,0.9);border-color:rgba(56,189,248,0.5);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,0.4),0 0 14px rgba(56,189,248,0.15);}.dir-pill-title{font-size:12.5px;font-weight:700;color:#f1f5f9;line-height:1.35;display:flex;align-items:center;justify-content:space-between;gap:6px;}.dir-pill-card:hover .dir-pill-title{color:#38bdf8;}.dir-pill-sub{font-size:11px;color:#94a3b8;line-height:1.3;}.dir-pill-badge{font-size:10px;font-weight:700;background:rgba(16,185,129,0.15);color:#34d399;border:1px solid rgba(16,185,129,0.3);padding:1px 6px;border-radius:10px;white-space:nowrap;}.directory-collapsible{display:block;cursor:pointer;transition:all 0.3s ease;}.directory-collapsible summary{list-style:none;outline:none;}.directory-collapsible summary::-webkit-details-marker{display:none;}.directory-summary-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:4px;-webkit-user-select:none;user-select:none;}.directory-collapsible[open] .directory-summary-header{border-bottom:1px solid rgba(255,255,255,0.08);padding-bottom:14px;margin-bottom:16px;}.directory-title-wrapper{display:flex;align-items:center;gap:10px;}.dir-sparkle-icon{font-size:20px;filter:drop-shadow(0 0 8px rgba(56,189,248,0.6));}.directory-toggle-icon{font-size:14px;color:#38bdf8;transition:transform 0.3s ease;}.directory-collapsible[open] .directory-toggle-icon{transform:rotate(180deg);}.directory-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;max-height:380px;overflow-y:auto;padding-right:6px;}.directory-grid-container::-webkit-scrollbar{width:6px;}.directory-grid-container::-webkit-scrollbar-track{background:rgba(15,23,42,0.5);border-radius:4px;}.directory-grid-container::-webkit-scrollbar-thumb{background:rgba(56,189,248,0.3);border-radius:4px;}.directory-grid-container::-webkit-scrollbar-thumb:hover{background:rgba(56,189,248,0.6);}.lang-switch-group{display:inline-flex;align-items:center;gap:4px;background:rgba(15,23,42,0.7);border:1px solid rgba(255,255,255,0.15);border-radius:20px;padding:3px 4px;}.lang-pill-btn{background:transparent;border:none;color:#94a3b8;padding:4px 10px;border-radius:16px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all 0.2s ease;font-family:inherit;}.lang-pill-btn.active{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#ffffff;font-weight:700;box-shadow:0 2px 8px rgba(56,189,248,0.3);}@media (max-width:640px){.directory-grid-container{grid-template-columns:1fr;}}.boat-live-badge{display:inline-block;background:rgba(6,182,212,0.15);color:#38bdf8;border:1px solid rgba(56,189,248,0.4);padding:4px 12px;border-radius:20px;font-size:11.5px;font-weight:700;margin-bottom:12px;}.time-control-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;width:100%;}.btn-time-chip{background:rgba(15,23,42,0.8);border:1px solid rgba(56,189,248,0.4);color:#38bdf8;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.2s ease;font-family:inherit;}.btn-time-chip:hover{background:var(--accent-cyan,#06b6d4);color:#0f172a;box-shadow:0 0 12px rgba(6,182,212,0.4);}