*{box-sizing:border-box;margin:0;padding:0}:root{--gf-blue:#1a73e8;--gf-blue-dark:#1557b0;--gf-blue-light:#e8f0fe;--gf-gray-50:#f8f9fa;--gf-gray-100:#f1f3f4;--gf-gray-200:#e8eaed;--gf-gray-300:#dadce0;--gf-gray-400:#bdc1c6;--gf-gray-500:#9aa0a6;--gf-gray-600:#80868b;--gf-gray-700:#5f6368;--gf-gray-800:#3c4043;--gf-gray-900:#202124;--gf-white:#fff;--gf-red:#d93025;--gf-green:#1e8e3e;--gf-shadow:0 1px 2px rgba(60,64,67,.08),0 1px 4px rgba(60,64,67,.12);--gf-shadow-hover:0 1px 4px rgba(60,64,67,.12),0 2px 8px rgba(60,64,67,.16);--gf-radius:8px;--gf-radius-lg:12px;--gf-radius-xl:24px;--gf-font:"Google Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}body{font-family:var(--gf-font);background:var(--gf-gray-50);color:var(--gf-gray-900);min-height:100vh;-webkit-font-smoothing:antialiased}.container{max-width:1100px;margin:0 auto;padding:24px}.navbar{background:var(--gf-white);border-bottom:1px solid var(--gf-gray-200);position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px}.navbar-brand{font-size:1.15rem;font-weight:500;color:var(--gf-gray-900);text-decoration:none;letter-spacing:-.3px}.navbar-links{display:flex;gap:4px}.navbar-link{color:var(--gf-gray-700);text-decoration:none;font-size:.85rem;font-weight:500;padding:8px 14px;border-radius:var(--gf-radius);transition:all .12s}.navbar-link:hover{background:var(--gf-gray-100);color:var(--gf-gray-900)}.navbar-link.active{color:var(--gf-blue);background:var(--gf-blue-light)}.card{padding:24px}.card,.search-card{background:var(--gf-white);border:1px solid var(--gf-gray-200);border-radius:var(--gf-radius-lg);margin-bottom:20px}.search-card{padding:20px 24px;box-shadow:var(--gf-shadow)}.search-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-field{flex:1 1;min-width:160px}.search-field label{display:block;font-size:.7rem;font-weight:500;color:var(--gf-gray-600);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.search-field input,.search-field select{width:100%;padding:10px 12px;border:1px solid var(--gf-gray-300);border-radius:var(--gf-radius);font-size:.9rem;font-family:var(--gf-font);color:var(--gf-gray-900);background:var(--gf-white);transition:border-color .12s,box-shadow .12s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-field input:focus,.search-field select:focus{outline:none;border-color:var(--gf-blue);box-shadow:0 0 0 2px var(--gf-blue-light)}.search-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235f6368' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.date-picker-wrap,.search-field-date{position:relative}.date-picker-display{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--gf-gray-300);border-radius:var(--gf-radius);font-size:.9rem;font-family:var(--gf-font);color:var(--gf-gray-900);background:var(--gf-white);cursor:pointer;transition:border-color .12s,box-shadow .12s;text-align:left}.date-picker-display:hover{border-color:var(--gf-blue)}.date-picker-display:focus,.date-picker-display:focus-visible{outline:none;border-color:var(--gf-blue);box-shadow:0 0 0 2px var(--gf-blue-light)}.dpd-label{flex:1 1}.dpd-badge{flex-shrink:0;min-width:26px;height:22px;padding:0 6px;border-radius:4px;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}.dpd-badge-loading{background:var(--gf-gray-100);color:var(--gf-gray-500)}.dpd-badge-none{background:#fce8e6;color:var(--gf-red)}.dpd-badge-available{background:var(--gf-blue-light);color:var(--gf-blue)}.date-picker-popup{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);width:340px;background:var(--gf-white);border:1px solid var(--gf-gray-200);border-radius:var(--gf-radius);box-shadow:var(--gf-shadow-hover);z-index:300;padding:12px}.dpp-header{margin-bottom:8px}.dpp-title{display:block;font-size:.8rem;font-weight:600;color:var(--gf-gray-800);margin-bottom:2px}.dpp-range{display:block;font-size:.7rem;color:var(--gf-gray-500)}.dpp-loading{color:var(--gf-gray-500)}.dpp-loading,.dpp-none{font-size:.8rem;padding:12px 0;text-align:center}.dpp-none{color:var(--gf-gray-600)}.dpp-search{margin-bottom:8px}.dpp-search-input{width:100%;padding:8px 10px;border:1px solid var(--gf-gray-300);border-radius:6px;font-size:.78rem;font-family:var(--gf-font);color:var(--gf-gray-900);background:var(--gf-white);transition:border-color .12s,box-shadow .12s}.dpp-search-input:focus{outline:none;border-color:var(--gf-blue);box-shadow:0 0 0 2px var(--gf-blue-light)}.dpp-search-input::placeholder{color:var(--gf-gray-500)}.calendar-picker{-webkit-user-select:none;-moz-user-select:none;user-select:none}.cal-header{display:flex;align-items:center;gap:4px;margin-bottom:6px}.cal-month-select,.cal-year-select{padding:4px 6px;border:1px solid var(--gf-gray-200);border-radius:4px;font-size:.78rem;font-family:var(--gf-font);font-weight:600;color:var(--gf-gray-800);background:var(--gf-white);cursor:pointer}.cal-month-select{flex:1 1}.cal-year-select{width:76px}.cal-nav{width:28px;height:28px;border:1px solid var(--gf-gray-200);border-radius:4px;background:var(--gf-white);cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;color:var(--gf-gray-600);transition:background .12s;flex-shrink:0}.cal-nav:hover{background:var(--gf-gray-100)}.cal-today-btn{display:block;width:100%;padding:4px 0;margin-bottom:6px;border:1px solid var(--gf-gray-200);border-radius:4px;background:var(--gf-white);cursor:pointer;font-size:.72rem;font-family:var(--gf-font);font-weight:500;color:var(--gf-blue);transition:background .12s}.cal-today-btn:hover{background:var(--gf-blue-light)}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.cal-weekday{text-align:center;font-size:.65rem;font-weight:600;color:var(--gf-gray-500);padding:2px 0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px}.cal-day{display:flex;flex-direction:column;align-items:center;padding:3px 2px;border:1px solid transparent;border-radius:4px;background:var(--gf-white);cursor:pointer;font-family:var(--gf-font);transition:border-color .12s,background .12s;min-height:44px}.cal-day:disabled{cursor:default}.cal-day-other{visibility:hidden}.cal-day-empty{background:var(--gf-gray-50);cursor:default}.cal-day-empty .cal-day-num{color:var(--gf-gray-400)}.cal-day-empty:hover{border-color:transparent;background:var(--gf-gray-50)}.cal-day-has:hover{border-color:var(--gf-blue);background:var(--gf-blue-light)}.cal-day-selected{border-color:var(--gf-blue);background:var(--gf-blue)}.cal-day-selected .cal-day-num,.cal-day-selected .cal-day-price{color:var(--gf-white)}.cal-day-today .cal-day-num{text-decoration:underline;text-underline-offset:2px}.cal-day-num{font-size:.72rem;color:var(--gf-gray-800);line-height:1.3}.cal-day-price{font-size:.6rem;font-weight:600;color:var(--gf-green);line-height:1.2}.cal-day-selected .cal-day-price{color:hsla(0,0%,100%,.9)}.searchable-select{position:relative;width:100%}.searchable-input{width:100%;padding:10px 32px 10px 12px;border:1px solid var(--gf-gray-300);border-radius:var(--gf-radius);font-size:.9rem;font-family:var(--gf-font);color:var(--gf-gray-900);background:var(--gf-white);transition:border-color .12s,box-shadow .12s}.searchable-input:focus{outline:none;border-color:var(--gf-blue);box-shadow:0 0 0 2px var(--gf-blue-light)}.searchable-input:disabled{background:var(--gf-gray-50);color:var(--gf-gray-500)}.searchable-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--gf-gray-500);font-size:.7rem;pointer-events:none}.searchable-dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;background:var(--gf-white);border:1px solid var(--gf-gray-200);border-radius:var(--gf-radius);box-shadow:var(--gf-shadow-hover);max-height:260px;overflow-y:auto;z-index:200;list-style:none;padding:4px 0}.searchable-option{padding:8px 12px;font-size:.85rem;color:var(--gf-gray-800);cursor:pointer;transition:background .08s}.searchable-option.highlighted{background:var(--gf-blue-light)}.searchable-option.selected{font-weight:600;color:var(--gf-blue)}.searchable-empty{padding:12px;font-size:.85rem;color:var(--gf-gray-500);text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 24px;height:40px;border:none;border-radius:var(--gf-radius-xl);font-size:.9rem;font-weight:500;font-family:var(--gf-font);cursor:pointer;transition:all .12s;white-space:nowrap;text-decoration:none}.btn-primary{background:var(--gf-blue);color:var(--gf-white);box-shadow:var(--gf-shadow)}.btn-primary:hover{background:var(--gf-blue-dark);box-shadow:var(--gf-shadow-hover)}.btn-primary:disabled{background:var(--gf-gray-200);color:var(--gf-gray-500);box-shadow:none;cursor:not-allowed}.btn-secondary{background:var(--gf-white);color:var(--gf-blue);border:1px solid var(--gf-gray-300)}.btn-secondary:hover{background:var(--gf-blue-light);border-color:var(--gf-blue)}.btn-lg{height:48px;padding:0 32px;font-size:1rem}.stats-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.stat-chip{background:var(--gf-white);border:1px solid var(--gf-gray-200);border-radius:var(--gf-radius-xl);padding:10px 18px;display:flex;align-items:center;gap:10px;font-size:.85rem}.stat-chip .chip-value{font-weight:600;color:var(--gf-gray-900);white-space:nowrap}.stat-chip .chip-label{color:var(--gf-gray-600);font-weight:400}.stat-chip.chip-best .chip-value{color:var(--gf-green)}.stat-chip.chip-worst .chip-value{color:var(--gf-red)}.route-info{justify-content:space-between;background:var(--gf-white);border:1px solid var(--gf-gray-200);border-radius:var(--gf-radius-lg);padding:16px 20px;margin-bottom:20px}.route-info,.route-info-left{display:flex;align-items:center}.route-info-left{gap:12px}.route-arrows{color:var(--gf-gray-500);font-size:.8rem}.route-dep{font-size:.8rem;color:var(--gf-gray-600)}.route-snapshots{font-size:.8rem;color:var(--gf-gray-500);background:var(--gf-gray-50);padding:4px 10px;border-radius:var(--gf-radius-xl)}.chart-wrapper{width:100%;height:400px}.loading{text-align:center;padding:60px 20px;color:var(--gf-gray-500)}.loading .spinner{width:32px;height:32px;border:3px solid var(--gf-gray-200);border-top-color:var(--gf-blue);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{text-align:center;padding:60px 20px}.empty-state h3{font-size:1.1rem;font-weight:500;color:var(--gf-gray-700);margin-bottom:6px}.empty-state p{font-size:.88rem;color:var(--gf-gray-500)}.error-banner{background:#fce8e6;border:1px solid #f5c6c2;color:var(--gf-red);padding:12px 16px;border-radius:var(--gf-radius);margin-bottom:16px;font-size:.88rem}.hero{text-align:center;padding:72px 20px 48px}.hero h1{font-size:2.4rem;font-weight:400;color:var(--gf-gray-900);letter-spacing:-1px;margin-bottom:12px}.hero-sub{font-size:1rem;color:var(--gf-gray-600);max-width:520px;margin:0 auto 32px;line-height:1.5}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.landing-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:20px}.landing-cards .card{padding:28px}.landing-cards .card h3{font-size:1rem;font-weight:500;margin-bottom:10px;color:var(--gf-gray-900)}.landing-cards .card p{font-size:.88rem;color:var(--gf-gray-600);line-height:1.6;margin-bottom:20px}.guide h3{font-size:.95rem;font-weight:500;color:var(--gf-gray-800);margin-bottom:8px}.guide>p{font-size:.85rem;color:var(--gf-gray-600);line-height:1.6;margin-bottom:16px}.examples{display:flex;gap:16px;flex-wrap:wrap}.example{display:flex;gap:12px;flex:1 1;min-width:220px;padding:14px;background:var(--gf-gray-50);border-radius:var(--gf-radius)}.example-icon{font-size:1.2rem;flex-shrink:0;margin-top:1px}.example strong{font-size:.82rem;font-weight:600;color:var(--gf-gray-800);display:block;margin-bottom:2px}.example p{font-size:.8rem;color:var(--gf-gray-600);line-height:1.5}.page-header{margin-bottom:20px}.page-header h2{font-size:1.3rem;font-weight:500;color:var(--gf-gray-900);margin-bottom:4px}.page-header p{font-size:.88rem;color:var(--gf-gray-600)}@media (max-width:640px){.container{padding:12px}.search-row{flex-direction:column}.search-field{min-width:100%}.stats-row{gap:6px}.stat-chip{padding:8px 14px;font-size:.8rem}.chart-wrapper{height:280px}.landing-cards{grid-template-columns:1fr}.hero h1{font-size:1.8rem}.date-picker-popup{left:50%;transform:translateX(-50%);width:calc(100vw - 24px);min-width:280px}}