:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#dbeafe;--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-white:#fff;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--color-gray-50);color:#1f2937;color:var(--color-gray-800);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.6}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.language-selector{display:inline-block;position:relative;z-index:inherit}.language-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-2);justify-content:space-between;min-width:120px;padding:var(--space-2) var(--space-3);transition:var(--transition)}.language-button:hover{background:#ffffff40;border-color:#ffffff80}.language-text{flex:1 1;text-align:left}.chevron{transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.language-dropdown{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:var(--space-1);overflow:hidden;position:absolute;right:0;top:100%;z-index:99998}.language-option{background:none;border:none;color:var(--color-gray-700);cursor:pointer;display:block;font-size:var(--font-size-sm);padding:var(--space-3);text-align:left;transition:var(--transition);width:100%}.language-option:hover{background:var(--color-gray-50)}.language-option.active{background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:600}.language-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99997}@media (max-width:768px){.language-button{font-size:var(--font-size-xs);min-width:120px;padding:var(--space-2)}.language-text{display:block;font-size:var(--font-size-xs)}.language-dropdown{min-width:140px}.language-option{padding:var(--space-2) var(--space-3)}}.location-button{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:600;justify-content:center;min-height:56px;overflow:hidden;padding:var(--space-4) var(--space-6);position:relative;transition:var(--transition);width:100%}.location-button:disabled{cursor:not-allowed;opacity:.6}.location-button--primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);box-shadow:var(--shadow-lg);color:var(--color-white)}.location-button--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0,#1e40af 100%);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.location-button--primary:active:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(0)}.location-button--secondary{background:var(--color-white);border:2px solid var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-primary)}.location-button--secondary:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.location-button__content{align-items:center;display:flex;gap:var(--space-3)}.location-button__icon{flex-shrink:0;transition:var(--transition)}.location-button--primary .location-button__icon{color:var(--color-white)}.location-button--secondary .location-button__icon{color:var(--color-primary)}.location-button__spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;flex-shrink:0;height:20px;width:20px}.location-button--loading{cursor:wait}.location-button--loading .location-button__icon{opacity:0}@media (max-width:768px){.location-button{font-size:var(--font-size-lg);min-height:52px;padding:var(--space-4) var(--space-6)}.location-button__content{gap:var(--space-2)}}.location-button:focus{box-shadow:0 0 0 3px #3b82f680;outline:none}.location-button--secondary:focus{box-shadow:0 0 0 3px #3b82f64d}.location-button:hover:not(:disabled):not(.location-button--loading) .location-button__icon{transform:scale(1.1)}.search-box{position:relative;width:100%}.search-box__input-container{align-items:center;background:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;min-height:52px;padding:var(--space-3) var(--space-4);transition:var(--transition)}.search-box__input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.search-box__search-icon{color:var(--color-gray-400);flex-shrink:0;margin-right:var(--space-3)}.search-box__input{background:#0000;border:none;color:var(--color-gray-800);flex:1 1;font-size:var(--font-size-base);outline:none}.search-box__input::placeholder{color:var(--color-gray-500)}.search-box__input:disabled{cursor:not-allowed;opacity:.6}.search-box__clear-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-400);cursor:pointer;display:flex;justify-content:center;margin-right:var(--space-2);padding:var(--space-1);transition:var(--transition)}.search-box__clear-button:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.search-box__submit-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-lg);color:var(--color-white);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;height:36px;justify-content:center;min-width:60px;padding:var(--space-2) var(--space-4);transition:var(--transition)}.search-box__submit-button:hover:not(:disabled){background:var(--color-primary-dark)}.search-box__submit-button:disabled{cursor:not-allowed;opacity:.6}.search-box__spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.search-box__suggestions{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;margin-top:var(--space-2);max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-box__suggestion{align-items:center;background:none;border:none;border-bottom:1px solid var(--color-gray-100);cursor:pointer;display:flex;padding:var(--space-3) var(--space-4);text-align:left;transition:var(--transition);width:100%}.search-box__suggestion:last-child{border-bottom:none}.search-box__suggestion:hover{background:var(--color-gray-50)}.search-box__suggestion:focus{background:var(--color-primary-light);outline:none}.search-box__suggestion-icon{color:var(--color-gray-400);flex-shrink:0;margin-right:var(--space-3)}.search-box__suggestion-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.search-box__suggestion-text{color:var(--color-gray-800);font-size:var(--font-size-base);font-weight:500}.search-box__suggestion-type{color:var(--color-gray-500);font-size:var(--font-size-sm)}@media (max-width:768px){.search-box__input-container{min-height:48px;padding:var(--space-3)}.search-box__input{font-size:var(--font-size-base)}.search-box__submit-button{font-size:var(--font-size-xs);height:32px;min-width:50px;padding:var(--space-2) var(--space-3)}.search-box__suggestions{font-size:var(--font-size-sm)}}.location-landing-container{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-white) 100%);min-height:100vh}.location-header{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-white);overflow:visible;padding:var(--space-16) var(--space-8) var(--space-12);position:relative;text-align:center}.location-header:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="%23fff" opacity=".1"><path d="M0 0h1000v100L0 80z"/></svg>') no-repeat bottom;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.location-header h1{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-4);position:relative;z-index:1}.location-header p{font-size:var(--font-size-xl);margin:0 auto;max-width:600px;opacity:.9;position:relative;z-index:1}.location-header-content{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:center;position:relative;width:100%;z-index:1}.location-header-text{text-align:center}.location-header>.language-selector{position:absolute;right:var(--space-4);top:var(--space-4);z-index:1000}.location-content{margin:0 auto;max-width:800px;padding:var(--space-8)}.location-search-section{display:flex;flex-direction:column;gap:var(--space-6)}.location-search-card{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-8);text-align:center}.location-search-header{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.location-search-header-title{align-items:center;display:flex;gap:var(--space-3)}.location-search-header h2{color:var(--color-gray-800);font-size:var(--font-size-2xl);font-weight:600;margin:0}.location-coverage-info{background:#3b82f61a;border-radius:var(--radius-lg);color:#3b82f6cc;flex-direction:column;font-size:var(--font-size-sm);margin-top:var(--space-3);padding:var(--space-2) var(--space-4)}.location-coverage-info,.location-coverage-line{align-items:center;display:flex;gap:var(--space-1);justify-content:center}.location-coverage-line{white-space:nowrap}.location-coverage-current{color:#3b82f6;font-weight:600}.location-coverage-separator{color:#3b82f699;font-weight:500}.location-coverage-expansion{color:#3b82f6b3;font-weight:500}.location-primary-cta{margin-bottom:var(--space-6)}.location-divider{align-items:center;color:var(--color-gray-500);display:flex;font-weight:500;margin:var(--space-6) 0}.location-divider:after,.location-divider:before{background:var(--color-gray-300);content:"";flex:1 1;height:1px}.location-divider span{background:var(--color-white);padding:0 var(--space-4)}.location-search-box{margin-bottom:var(--space-8)}.location-browse-section{border-top:2px solid var(--color-gray-200);padding-top:var(--space-6)}.location-browse-section h3{color:var(--color-gray-700);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-4)}.location-county-chips{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.location-county-chip{align-items:center;background:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);color:var(--color-gray-700);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:var(--transition)}.location-county-chip:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark);transform:translateY(-1px)}.location-results-section{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-6)}.location-results-header{align-items:flex-start;border-bottom:2px solid var(--color-gray-200);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.location-results-info h2{color:var(--color-gray-800);font-size:var(--font-size-2xl);font-weight:600;margin:0 0 var(--space-2) 0}.location-results-info p{color:var(--color-gray-600);margin:0}.location-new-search-button{background:var(--color-primary);border:none;border-radius:var(--radius-lg);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-3) var(--space-4);transition:var(--transition)}.location-new-search-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.location-station-list{display:flex;flex-direction:column;gap:var(--space-4)}.location-station-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;padding:var(--space-6);position:relative;transition:var(--transition)}.location-station-card:before{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-dark) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:var(--transition)}.location-station-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.location-station-card:hover:before{transform:scaleX(1)}.location-station-card.has-available{background:linear-gradient(135deg,var(--color-white) 0,#22c55e08 100%);border-color:var(--color-success)}.location-station-card.has-available:before{background:linear-gradient(90deg,var(--color-success) 0,var(--color-success) 100%);transform:scaleX(1)}.location-station-main{padding:0;text-align:center}.location-station-info{width:100%}.location-station-info h3{color:var(--color-gray-800);font-size:var(--font-size-xl);font-weight:700;line-height:1.3;margin:0 0 var(--space-3) 0;text-align:center}.location-station-address-row{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.location-station-address{align-items:center;color:var(--color-gray-600);display:flex;flex:1 1;font-size:var(--font-size-sm);gap:var(--space-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-station-distance{color:var(--color-primary);flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.location-station-status{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);width:100%}.location-status-badges{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;width:100%}.location-availability-badge{background:var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--color-gray-700);font-size:var(--font-size-lg);font-weight:700;min-width:120px;padding:var(--space-3) var(--space-6);text-align:center;white-space:nowrap}.location-availability-badge.available{background:var(--color-success);box-shadow:0 2px 4px #22c55e33;color:var(--color-white)}.location-availability-badge.unavailable{background:var(--color-error);box-shadow:0 2px 4px #dc262633;color:var(--color-white)}.location-busyness-badge{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;min-width:80px;padding:var(--space-2) var(--space-4);text-align:center;text-transform:uppercase;white-space:nowrap}.location-busyness-badge.busyness-no-wait{background:var(--color-success);box-shadow:0 2px 4px #22c55e33;color:var(--color-white)}.location-busyness-badge.busyness-short-wait{background:var(--color-warning);box-shadow:0 2px 4px #fbbf2433;color:var(--color-white)}.location-busyness-badge.busyness-busy{background:var(--color-error);box-shadow:0 2px 4px #dc262633;color:var(--color-white)}.location-error,.location-loading,.location-no-results{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-16);text-align:center}.location-loading{color:var(--color-gray-600)}.location-error{background:#dc26261a;border:1px solid #dc262633;border-radius:var(--radius-lg);color:var(--color-error);margin-top:var(--space-4)}.location-no-results{color:var(--color-gray-500)}.location-no-results h3{color:var(--color-gray-700);margin:0}@media (max-width:768px){.location-header{padding:var(--space-8) var(--space-4) var(--space-6)}.location-header h1{font-size:var(--font-size-3xl)}.location-header p{font-size:var(--font-size-lg)}.location-header>.language-selector{right:var(--space-2);top:var(--space-2)}.location-content{padding:var(--space-4)}.location-search-card{padding:var(--space-6)}.location-search-header h2{font-size:var(--font-size-xl)}.location-results-header{align-items:stretch;flex-direction:column;gap:var(--space-3)}.location-results-info h2{font-size:var(--font-size-xl)}.location-station-info h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.location-station-address-row{align-items:flex-start;flex-direction:row;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-3)}.location-station-address{flex:1 1;justify-content:flex-start;line-height:1.4;min-width:0;overflow:visible;text-align:left;white-space:normal}.location-station-distance{flex-shrink:0;font-size:var(--font-size-sm);text-align:right;white-space:nowrap}.location-availability-badge{font-size:var(--font-size-base);min-width:100px;padding:var(--space-2) var(--space-4)}.location-busyness-badge{font-size:var(--font-size-xs);min-width:70px;padding:var(--space-1) var(--space-3)}.location-status-badges{gap:var(--space-2)}.location-county-chips{justify-content:flex-start}.feedback-button{font-size:var(--font-size-sm);min-width:180px;padding:var(--space-4) var(--space-6)}.location-bottom-actions{flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-4) var(--space-4)}.sponsor-button{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3)}}.location-bottom-actions{align-items:center;display:flex;flex-direction:row;gap:var(--space-4);justify-content:center;padding:var(--space-8) var(--space-4) var(--space-6)}.feedback-button{box-shadow:var(--shadow-md)}.sponsor-button{align-items:center;background:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-gray-700);cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;gap:var(--space-1);padding:var(--space-2) var(--space-4);text-decoration:none;transition:var(--transition);white-space:nowrap}.sponsor-button:hover{background:#00a9e01a;border-color:#00a9e0;box-shadow:var(--shadow-md);color:#0081a7;transform:translateY(-1px)}.sponsor-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}@media (max-width:480px){.location-header h1{font-size:var(--font-size-2xl)}.location-coverage-info{font-size:var(--font-size-xs)}.location-coverage-line{gap:var(--space-1)}.location-content{padding:var(--space-3)}.location-search-card{border-radius:var(--radius-lg)}.location-search-card,.location-station-card{padding:var(--space-4)}.location-station-info h3{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.location-station-address,.location-station-distance{font-size:var(--font-size-xs)}.location-availability-badge{font-size:var(--font-size-sm);min-width:80px;padding:var(--space-1) var(--space-3)}.location-busyness-badge{font-size:var(--font-size-xs);min-width:60px;padding:var(--space-1) var(--space-2)}.location-status-badges{gap:var(--space-1)}}.landing-container{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-white) 100%);min-height:100vh}.header{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-white);overflow:hidden;padding:var(--space-16) var(--space-8) var(--space-12);position:relative;text-align:center}.header:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="%23fff" opacity=".1"><path d="M0 0h1000v100L0 80z"/></svg>') no-repeat bottom;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.header h1{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-4)}.header h1,.header p{position:relative;z-index:1}.header p{font-size:var(--font-size-xl);margin:0 auto;max-width:600px;opacity:.9}.header-content{align-items:flex-start;justify-content:center;width:100%}.header-text{text-align:center}.landing-container>.language-selector{position:fixed;right:var(--space-4);top:var(--space-4);z-index:999999}.content{margin:0 auto;max-width:1200px;padding:var(--space-8)}.desktop-layout{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:300px 1fr;min-height:60vh}.mobile-layout{display:none}.county-selection{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);height:fit-content;padding:var(--space-6);position:sticky;top:var(--space-4)}.county-selection h2{color:var(--color-gray-800);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-6);text-align:center}.county-grid{display:flex;flex-direction:column;gap:var(--space-4)}.county-card{background:var(--color-white);border:2px solid #0000;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--space-6);position:relative;transition:var(--transition)}.county-card:before{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-dark) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:var(--transition)}.county-card.clickable{cursor:pointer}.county-card.clickable:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.county-card.clickable:hover:before{transform:scaleX(1)}.county-card.disabled{background:var(--color-gray-50);cursor:not-allowed;opacity:.6}.county-card.selected{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.county-card.selected:before{transform:scaleX(1)}.county-card h3{color:var(--color-gray-800);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2);text-align:center}.coming-soon{background:var(--color-gray-200);color:var(--color-gray-600);font-weight:500}.coming-soon,.station-count{border-radius:var(--radius-md);display:inline-block;font-size:var(--font-size-sm);margin-top:var(--space-2);padding:var(--space-1) var(--space-3)}.station-count{background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:600}.inline-stations{background:var(--color-white);border:2px solid var(--color-primary-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);grid-column:1/-1;margin-top:var(--space-4);padding:var(--space-6)}.inline-stations .station-header{align-items:center;border-bottom:2px solid var(--color-gray-200);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.inline-stations .station-header h3{color:var(--color-gray-800);font-size:var(--font-size-xl);font-weight:600;margin:0}.clear-button{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-white);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:var(--transition)}.clear-button:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.inline-stations .station-card h4{color:var(--color-gray-800);font-size:var(--font-size-base);font-weight:600;line-height:1.4;margin:0}.station-content{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;min-height:500px;padding:var(--space-8)}.station-content.empty{align-items:center;color:var(--color-gray-500);display:flex;font-size:var(--font-size-lg);justify-content:center;text-align:center}.station-header{align-items:center;border-bottom:2px solid var(--color-gray-200);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.station-header h2{color:var(--color-gray-800);font-size:var(--font-size-2xl);font-weight:600}.back-button{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.back-button:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.station-grid{grid-gap:var(--space-4);display:grid;flex:1 1;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.station-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;min-height:120px;overflow:hidden;padding:var(--space-5);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.station-card:before{background:linear-gradient(90deg,var(--color-success) 0,var(--color-primary) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:var(--transition)}.station-card:after{color:var(--color-gray-400);content:"→";font-size:var(--font-size-lg);font-weight:700;opacity:0;position:absolute;right:var(--space-4);top:var(--space-4);transition:all .3s ease}.station-card:hover{background:linear-gradient(135deg,var(--color-white) 0,#3b82f605 100%);border-color:var(--color-primary);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-6px)}.station-card:hover:before{transform:scaleX(1)}.station-card:hover:after{color:var(--color-primary);opacity:1;transform:translateX(4px)}.station-card.has-available{background:linear-gradient(135deg,var(--color-white) 0,#22c55e14 100%);border-color:var(--color-success);border-width:3px;box-shadow:0 4px 6px -1px #22c55e1a,0 2px 4px -1px #22c55e0f}.station-card.has-available:before{background:linear-gradient(90deg,var(--color-success) 0,var(--color-success-dark) 100%);height:4px;transform:scaleX(1)}.station-card h3{color:var(--color-gray-800);font-size:var(--font-size-lg);font-weight:600;line-height:1.4;margin-bottom:var(--space-3)}.station-card p{color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--space-4)}.station-details{display:flex;gap:var(--space-2);justify-content:center;margin-top:auto}.station-details span{align-items:center;background:var(--color-gray-100);border-radius:var(--radius-lg);color:var(--color-gray-700);display:flex;font-size:var(--font-size-sm);font-weight:600;justify-content:center;min-height:44px;padding:var(--space-3) var(--space-4);text-align:center;white-space:nowrap}.availability-badge.available{background:var(--color-success)!important;box-shadow:0 2px 4px #22c55e33!important;color:var(--color-white)!important;font-weight:700!important}.availability-badge.unavailable{background:var(--color-error)!important;box-shadow:0 2px 4px #dc262633!important;color:var(--color-white)!important;font-weight:700!important}.error,.loading,.no-stations{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--space-16);text-align:center}.loading{color:var(--color-gray-600);font-size:var(--font-size-lg);gap:var(--space-4)}.loading:after{animation:spin 1s linear infinite;border-top:2px solid var(--color-gray-300);border:2px solid var(--color-gray-300);border-radius:50%;border-top-color:var(--color-primary);content:"";display:inline-block;height:20px;margin-left:var(--space-3);width:20px}.error{background:#dc26261a;border:1px solid #dc262633;border-radius:var(--radius-lg);color:var(--color-error);font-weight:500}.no-stations{color:var(--color-gray-500);font-size:var(--font-size-lg);font-style:italic;gap:var(--space-4)}.feedback-button{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);color:var(--color-white);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:600;gap:var(--space-2);justify-content:center;min-width:200px;padding:var(--space-4) var(--space-8);transition:var(--transition)}.feedback-button:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0,#1e40af 100%);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.feedback-button:active{box-shadow:var(--shadow-lg);transform:translateY(0)}@media (max-width:768px){.header{padding:var(--space-8) var(--space-4) var(--space-6)}.header h1{font-size:var(--font-size-3xl)}.header p{font-size:var(--font-size-lg)}.header-content{align-items:center;flex-direction:column;gap:var(--space-3)}.landing-container>.language-selector{right:var(--space-2);top:var(--space-2)}.header-text{text-align:center}.content{padding:var(--space-4)}.desktop-layout{display:none!important}.mobile-layout{display:block!important}.mobile-layout .county-selection{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-4);padding:var(--space-4)}.mobile-layout .county-selection h2{font-size:var(--font-size-xl);margin-bottom:var(--space-4);text-align:center}.mobile-layout .county-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.mobile-layout .county-card{min-height:100px;padding:var(--space-5)}.mobile-layout .county-card h3{font-size:var(--font-size-base)}.inline-stations{padding:var(--space-4)}.inline-stations .station-header{align-items:stretch;flex-direction:column;gap:var(--space-3)}.inline-stations .station-header h3{font-size:var(--font-size-lg);text-align:center}.inline-stations .station-grid{gap:var(--space-4);grid-template-columns:1fr}.inline-stations .station-card{min-height:140px;padding:var(--space-5)}.inline-stations .station-card h4{font-size:var(--font-size-base)}.inline-stations .station-details{justify-content:center}.inline-stations .station-details span{text-align:center}.inline-stations .station-card.has-available{background:linear-gradient(135deg,var(--color-white) 0,#22c55e14 100%);border-color:var(--color-success);border-width:3px;box-shadow:0 4px 6px -1px #22c55e1a,0 2px 4px -1px #22c55e0f}.inline-stations .station-card.has-available:before{background:linear-gradient(90deg,var(--color-success) 0,var(--color-success-dark) 100%);height:4px;transform:scaleX(1)}.feedback-button{font-size:var(--font-size-sm);min-width:180px;padding:var(--space-4) var(--space-6)}}@media (max-width:480px){.header h1{font-size:var(--font-size-2xl)}.content{padding:var(--space-3)}.mobile-layout .county-grid{grid-template-columns:1fr}.inline-stations,.mobile-layout .county-selection{border-radius:var(--radius-lg);padding:var(--space-3)}}.station-detail-container{background:var(--color-gray-50);min-height:100vh}.station-detail-header{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-white);overflow:hidden;padding:var(--space-4) var(--space-6);position:relative}.station-detail-header:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="%23fff" opacity=".1"><path d="M0 0h1000v100L0 80z"/></svg>') no-repeat bottom;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.header-content{align-items:center;display:flex;gap:var(--space-4);margin:0 auto;max-width:1200px;position:relative;z-index:1}.back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--space-1);padding:var(--space-2) var(--space-3);transition:var(--transition)}.back-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateX(-2px)}.station-title{flex:1 1}.station-title h1{font-size:var(--font-size-2xl);font-weight:700;line-height:1.2;margin:0 0 var(--space-1) 0}.station-address{align-items:center;display:flex;font-size:.875rem;font-weight:400;gap:var(--space-2);opacity:.9}.station-detail-content{margin:0 auto;max-width:1200px;padding:var(--space-4) 0 var(--space-12);position:relative;z-index:2}.compact-info-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);padding:var(--space-6)}.availability-highlight{align-items:center;background:linear-gradient(135deg,var(--color-success) 0,var(--color-success-dark) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--color-white);display:flex;gap:var(--space-4);justify-content:center;padding:var(--space-6);transition:var(--transition)}.availability-highlight:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.availability-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;justify-content:center;padding:var(--space-3)}.availability-content{text-align:left}.availability-number{font-size:2.5rem;margin-bottom:var(--space-1)}.availability-label{font-size:var(--font-size-lg);font-weight:500;opacity:.9}.content-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr;margin-bottom:var(--space-8)}.full-width-section{grid-column:1/-1}.info-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-8);transition:var(--transition)}.info-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-header{align-items:center;border-bottom:2px solid var(--color-gray-100);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.card-header h3{color:var(--color-gray-800);font-size:var(--font-size-xl);font-weight:600;margin:0}.card-content>*{margin-bottom:var(--space-4)}.card-content>:last-child{margin-bottom:0}.info-item{align-items:center;background:var(--color-gray-50);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3);transition:var(--transition)}.info-item:hover{background:var(--color-primary-light)}.info-label{color:var(--color-gray-700);font-weight:600;min-width:120px}.info-value{color:var(--color-gray-800);flex:1 1}.features-list{list-style:none;margin:0;padding:0}.features-list li{align-items:center;background:var(--color-gray-50);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3);transition:var(--transition)}.features-list li:hover{background:var(--color-success);color:var(--color-white);transform:translateX(4px)}.features-list li:last-child{margin-bottom:0}.availability-display{align-items:center;background:linear-gradient(135deg,var(--color-success) 0,var(--color-primary) 100%);border-radius:var(--radius-xl);color:var(--color-white);display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-4);padding:var(--space-6)}.availability-number{font-size:var(--font-size-4xl);font-weight:700;line-height:1}.availability-text{font-size:var(--font-size-lg);font-weight:500}.availability-note{color:var(--color-gray-600);font-size:var(--font-size-sm);font-style:italic;text-align:center}.history-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-4)}.history-header{align-items:center;border-bottom:2px solid var(--color-gray-100);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.history-header h3{color:var(--color-gray-800);font-size:var(--font-size-xl);font-weight:600;margin:0}.history-legend{background:#0000;border-radius:0;display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-3);padding:0}.legend-item{align-items:center;display:flex;font-size:var(--font-size-xs);font-weight:500;gap:var(--space-1);white-space:nowrap}.legend-color{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-shrink:0;height:12px;width:12px}.port-history-container{background:#0000;border:none;border-radius:0;display:block;padding:0}.time-labels-container{border-bottom:none;height:24px;margin-bottom:var(--space-4);position:relative}.time-label{color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:500;position:absolute;transform:translateX(-50%)}.port-history{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-3)}.port-history:last-child{margin-bottom:0}.port-label{background:#0000;border-radius:0;color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:600;min-width:80px;padding:0;text-align:center}.status-bars{border:none;border-radius:0;box-shadow:none;display:flex;flex:1 1;height:32px;overflow:hidden}.status-bar{cursor:pointer;height:100%;position:relative;transition:var(--transition)}.status-bar:hover{box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--color-primary);filter:brightness(1.1);z-index:1}.mobile-port-summary,.mobile-scroll-container,.mobile-scroll-hint,.mobile-status-grid{display:none}.loading-indicator{align-items:center;color:var(--color-gray-600);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-16)}.loading-indicator p{font-size:var(--font-size-lg);margin:0}.error-message{background:#dc26261a;border:1px solid #dc262633;border-radius:var(--radius-lg);font-weight:500;padding:var(--space-6)}@media (max-width:768px){.station-detail-header{padding:var(--space-3) var(--space-4)}.header-content{align-items:flex-start;flex-direction:column;gap:var(--space-2);text-align:left}.station-title h1{font-size:var(--font-size-xl)}.station-address{font-size:.8rem}.station-detail-content{margin-top:0;padding:var(--space-3) var(--space-4) var(--space-8)}.compact-info-section{margin-bottom:var(--space-4);padding:var(--space-4)}.availability-highlight{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.availability-content{text-align:center}.availability-number{font-size:2rem}.availability-label{font-size:var(--font-size-base)}.content-grid{gap:var(--space-4);grid-template-columns:1fr}.history-section,.info-card{padding:var(--space-4)}.history-header,.history-section{margin-bottom:var(--space-4)}.history-header h3{font-size:var(--font-size-lg)}.history-legend{flex-direction:row;flex-wrap:wrap;gap:var(--space-1);justify-content:space-around;margin-bottom:var(--space-2);padding:var(--space-1)}.legend-item{font-size:var(--font-size-xs);justify-content:center;min-width:auto}.port-history-container{display:none!important}.mobile-scroll-container{background:#0000;border:none;border-radius:0;display:block!important;margin-top:0;padding:0}.mobile-scroll-hint{display:none!important}.mobile-scroll-hint:before{display:none}.mobile-port-timeline{background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden;padding:var(--space-3)}.mobile-port-timeline:last-child{margin-bottom:0}.mobile-port-header{align-items:center;border-bottom:none;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-3);min-height:40px;padding-bottom:0}.mobile-port-label{color:var(--color-gray-800);flex-shrink:0;font-size:var(--font-size-base);font-weight:600;white-space:nowrap}.mobile-current-status,.mobile-port-label{background:#0000;border:none;border-radius:0;box-shadow:none;padding:0}.mobile-current-status{font-size:var(--font-size-sm);font-weight:500;gap:var(--space-2);overflow:hidden}.mobile-current-status,.mobile-status-info{align-items:center;display:flex;flex:1 1;min-width:0}.mobile-status-info{gap:var(--space-1)}.mobile-status-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-length{border:1px solid;border-radius:var(--radius-sm);flex-shrink:0;font-size:var(--font-size-xs);font-weight:600;padding:1px var(--space-1);white-space:nowrap}.session-length-available{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.session-length-in-use{background:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.session-length-not-available{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error-dark)}.mobile-status-dot{border-radius:50%;box-shadow:var(--shadow-sm);height:10px;width:10px}.mobile-scroll-timeline{-webkit-overflow-scrolling:touch;background:#0000;border-radius:0;overflow-x:auto;overflow-y:hidden;padding:0;scroll-behavior:smooth;scrollbar-color:var(--color-gray-400) var(--color-gray-200);scrollbar-width:thin}.mobile-scroll-timeline::-webkit-scrollbar{height:6px}.mobile-scroll-timeline::-webkit-scrollbar-track{background:var(--color-gray-200);border-radius:var(--radius-sm)}.mobile-scroll-timeline::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-sm)}.mobile-scroll-timeline::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.mobile-status-bars-container{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;height:40px;min-width:2880px;overflow:hidden}.mobile-status-bar{border-right:1px solid #fff3;height:100%;min-width:2px;position:relative;transition:var(--transition)}.mobile-status-bar:last-child{border-right:none}.mobile-status-bar:hover{box-shadow:0 0 0 1px var(--color-white),0 0 0 3px var(--color-primary);filter:brightness(1.2);transform:scaleY(1.1);z-index:1}.mobile-status-available{background:var(--color-success)!important}.mobile-status-in-use{background:var(--color-warning)!important}.mobile-status-not-available{background:var(--color-error)!important}.mobile-time-labels{background:inherit;display:flex;justify-content:space-between;margin-top:var(--space-2);min-width:2880px;padding:0 var(--space-1)}.mobile-time-label{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:500;min-width:40px;padding:var(--space-1);text-align:center;white-space:nowrap}.loading-indicator{padding:var(--space-12)}.loading-indicator p{font-size:var(--font-size-base)}}@media (max-width:480px){.station-detail-content{padding:0 var(--space-3) var(--space-6)}.history-section{margin-bottom:var(--space-4)}.history-section,.mobile-port-summary{padding:var(--space-4)}.mobile-port-label{font-size:var(--font-size-base)}.mobile-status-indicator{height:20px;width:20px}.mobile-status-indicator:after{height:6px;width:6px}.history-header h3{font-size:var(--font-size-base)}}.intelligence-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-6);padding:var(--space-4)}.intelligence-header{align-items:center;display:flex;gap:var(--space-3);justify-content:flex-start;margin-bottom:var(--space-3);position:relative}.intelligence-header h3{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:600;margin:0}.recommendations-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-2)}.recommendation-tile{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--space-4);position:relative;transition:var(--transition)}.recommendation-tile:before{background:currentColor;content:"";height:3px;left:0;position:absolute;right:0;top:0}.recommendation-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.no-wait-tile{border-color:var(--color-success);color:var(--color-success-dark)}.no-wait-tile:before{background:var(--color-success)}.short-wait-tile{border-color:var(--color-warning);color:var(--color-warning-dark)}.short-wait-tile:before{background:var(--color-warning)}.expect-wait-tile{border-color:var(--color-error);color:var(--color-error-dark)}.expect-wait-tile:before{background:var(--color-error)}.tile-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.tile-icon{border-radius:50%;box-shadow:0 2px 4px #0000001a;flex-shrink:0;height:16px;width:16px}.tile-icon.status-available{background-color:var(--color-success)}.tile-icon.status-in-use{background-color:var(--color-warning)}.tile-icon.status-not-available{background-color:var(--color-error)}.tile-title{color:currentColor;font-size:var(--font-size-lg);font-weight:700}.tile-content{margin-top:var(--space-3)}.time-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.time-badge{background:var(--color-gray-50);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:var(--font-size-xs);font-weight:500;padding:var(--space-1) var(--space-2);white-space:nowrap}.section-toggle,.time-badge{border:1px solid var(--color-gray-200)}.section-toggle{align-items:center;background:var(--color-white);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);transition:var(--transition);width:100%}.section-toggle:hover{background:var(--color-gray-50);border-color:var(--color-primary)}.section-toggle h3{color:var(--color-gray-900);flex:1 1;font-size:var(--font-size-lg);font-weight:600;margin:0;text-align:left}.toggle-icon{color:var(--color-gray-600);font-size:var(--font-size-sm);transition:transform .3s ease}.toggle-icon.expanded{transform:rotate(180deg)}.heatmap-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-6);padding:var(--space-4)}.heatmap-content{background:#0000;border:none;border-radius:0;box-shadow:none;margin-top:0;padding:0}.heatmap-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-5)}.google-style-timeline{background:#0000;border:none;border-radius:0;margin:0 auto;max-width:800px;padding:0;width:100%}.info-button{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:50%;color:var(--color-gray-600);cursor:pointer;display:flex;font-size:var(--font-size-sm);height:24px;justify-content:center;transition:var(--transition);width:24px}.info-button:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.info-tooltip,.intelligence-header .info-button-container{position:absolute;right:0}.info-tooltip{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--space-1);padding:var(--space-3);top:100%;width:280px;z-index:10}.info-tooltip p{color:var(--color-gray-700);font-size:var(--font-size-sm);line-height:1.4;margin:0 0 var(--space-2) 0}.info-tooltip p:last-child{margin-bottom:0}.chart-container{align-items:end;display:flex;gap:var(--space-4);position:relative}.y-axis-labels{display:flex;flex-direction:column;height:120px;justify-content:space-between;margin-bottom:var(--space-4)}.y-label{color:var(--color-gray-600);font-size:var(--font-size-xs);font-weight:500;text-align:right;white-space:nowrap}.nav-arrow{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-gray-400);cursor:pointer;font-size:var(--font-size-xl);line-height:1;padding:var(--space-2);transition:var(--transition)}.nav-arrow:hover{background-color:var(--color-gray-100);color:var(--color-gray-600)}.chart-wrapper{flex:1 1;position:relative}.chart-bars{align-items:end;display:flex;gap:2px;height:120px;justify-content:space-between;margin-bottom:var(--space-4)}.chart-bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;flex:1 1;max-width:16px;position:relative;transition:all .2s ease}.chart-bar:hover{filter:brightness(1.1);transform:scaleY(1.05)}.chart-bar.current-bar{background-color:var(--color-primary)!important}.time-labels-google{display:flex;justify-content:space-between;margin-top:var(--space-2);padding-bottom:var(--space-4);position:relative}.time-label-google{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:400;position:absolute;text-align:center;transform:translateX(-50%)}.port-status-compact{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:0;overflow:hidden;padding:0}.port-status-line{align-items:center;background:var(--color-white);border-bottom:1px solid var(--color-gray-100);display:flex;font-size:var(--font-size-base);gap:var(--space-4);justify-content:space-between;padding:var(--space-4);position:relative;transition:var(--transition);width:100%}.port-status-line:hover{background:var(--color-gray-100)}.port-status-line:last-child{border-bottom:none}.port-status-dot{border-radius:50%;box-shadow:0 2px 4px #0000001a;flex-shrink:0;height:12px;width:12px}.port-status-dot.status-available{background-color:var(--color-success)}.port-status-dot.status-in-use{background-color:var(--color-warning)}.port-status-dot.status-not-available{background-color:var(--color-error)}.port-info{align-items:center;display:flex;flex:1 1;gap:var(--space-3)}.port-status-text{color:var(--color-gray-700);font-size:var(--font-size-sm);line-height:1.4}.port-duration{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-gray-600);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.port-duration-available{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.port-duration-in-use{background:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.port-duration-not-available{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error-dark)}.port-status-text strong{color:var(--color-gray-900);font-weight:600}.detailed-history-container{border-radius:var(--radius-lg);margin-top:var(--space-4);overflow:hidden;transition:var(--transition)}.detailed-history-container.expanded{background:var(--color-gray-50);border:1px solid var(--color-primary);box-shadow:var(--shadow-sm)}.detailed-history-toggle{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:0;margin-top:0}.detailed-history-container.expanded .detailed-history-toggle{border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.detailed-history-toggle h4{color:var(--color-gray-700);font-size:var(--font-size-base);font-weight:500;margin:0}.history-section{margin-bottom:var(--space-6)}.history-content{background:#0000;border:none;border-radius:0;margin-bottom:0;margin-top:0;padding:0}.error-message{color:var(--color-error)}.error-message,.no-data-message{padding:var(--space-4);text-align:center}.no-data-message{color:var(--color-gray-600)}@media (max-width:768px){.intelligence-section{margin-bottom:var(--space-4);padding:var(--space-4)}.recommendation-card{padding:var(--space-3)}.rec-time{font-size:var(--font-size-base)}.google-style-timeline{padding:0}.timeline-header-google{align-items:center;flex-direction:row;gap:var(--space-3)}.timeline-title{font-size:var(--font-size-lg)}.chart-container{gap:var(--space-2)}.chart-bars{gap:1px;height:60px}.chart-bar{max-width:12px}.nav-arrow{font-size:var(--font-size-lg);padding:var(--space-1)}.time-label-google{font-size:var(--font-size-xs)}.section-toggle{padding:var(--space-3)}.port-status-compact{padding:0}.port-status-line{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.port-info,.port-status-line{gap:var(--space-2)}.port-duration{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.detailed-history-container{margin-top:var(--space-3)}.detailed-history-toggle{margin-bottom:0;margin-top:0;padding:var(--space-2)}.heatmap-content,.history-content{padding:0}}.station-bottom-actions{align-items:center;background:var(--color-white);border-top:1px solid var(--color-gray-200);display:flex;flex-direction:row;gap:var(--space-4);justify-content:center;margin-top:var(--space-8);padding:var(--space-8) var(--space-4) var(--space-6)}.station-bottom-actions .feedback-button{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);color:var(--color-white);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:600;gap:var(--space-2);justify-content:center;min-width:200px;padding:var(--space-4) var(--space-8);transition:var(--transition)}.station-bottom-actions .feedback-button:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0,#1e40af 100%);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.station-bottom-actions .feedback-button:active{box-shadow:var(--shadow-lg);transform:translateY(0)}.station-bottom-actions .sponsor-button{align-items:center;background:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-gray-700);cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;gap:var(--space-1);padding:var(--space-2) var(--space-4);text-decoration:none;transition:var(--transition);white-space:nowrap}.station-bottom-actions .sponsor-button:hover{background:#00a9e01a;border-color:#00a9e0;box-shadow:var(--shadow-md);color:#0081a7;transform:translateY(-1px)}.station-bottom-actions .sponsor-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}@media (max-width:768px){.station-bottom-actions{flex-direction:column;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-6) var(--space-4) var(--space-4)}.station-bottom-actions .feedback-button{font-size:var(--font-size-sm);min-width:180px;padding:var(--space-4) var(--space-6)}.station-bottom-actions .sponsor-button{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3)}}.feedback-container{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-white) 100%);min-height:100vh;position:relative}.feedback-header>.back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-2);left:var(--space-4);padding:var(--space-2) var(--space-4);position:absolute;text-decoration:none;top:var(--space-4);transition:var(--transition);z-index:10}.feedback-header>.back-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.feedback-header{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-white);margin-bottom:var(--space-8);padding:var(--space-20) var(--space-8) var(--space-8);position:relative;text-align:center}.feedback-header .header-content h1{color:var(--color-white);font-size:var(--font-size-3xl);font-weight:700;margin:0 0 var(--space-4);position:relative;z-index:1}.feedback-header .header-content p{color:#ffffffe6;font-size:var(--font-size-lg);line-height:1.6;margin:0 auto;max-width:600px;position:relative;z-index:1}.feedback-content{margin:0 auto;max-width:600px;padding:0 var(--space-4)}.feedback-form-container{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-8)}.status-message{align-items:flex-start;border:2px solid;border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-5)}.status-message.success{background:linear-gradient(135deg,#0596690d,#0596691a);border-color:var(--color-success);color:var(--color-success)}.status-message.error{background:linear-gradient(135deg,#dc26260d,#dc26261a);border-color:var(--color-error);color:var(--color-error)}.status-message h3{font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--space-1)}.status-message p{font-size:var(--font-size-sm);margin:0;opacity:.9}.feedback-form{gap:var(--space-6)}.feedback-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-group label{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-gray-900);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-4);transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #2563eb1a;outline:none;transform:translateY(-1px)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--color-gray-300)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray-400)}.form-group textarea{line-height:1.6;min-height:140px;resize:vertical}.form-group select{-webkit-appearance:none;appearance:none;background-color:var(--color-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2337536d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:20px 16px;box-shadow:var(--shadow-sm);cursor:pointer;padding-right:var(--space-10)}.submit-button{align-items:center;align-self:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-white);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:600;gap:var(--space-2);justify-content:center;min-width:180px;padding:var(--space-4) var(--space-8);transition:var(--transition)}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0,#1e40af 100%);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.submit-button:active:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(0)}.submit-button:disabled{background:var(--color-gray-400);box-shadow:var(--shadow-sm);cursor:not-allowed;opacity:.6;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.feedback-header>.back-button{font-size:var(--font-size-xs);left:var(--space-2);padding:var(--space-2) var(--space-3);top:var(--space-2)}.feedback-header{margin-bottom:var(--space-6);padding:var(--space-16) var(--space-4) var(--space-6)}.feedback-header .header-content h1{font-size:var(--font-size-2xl)}.feedback-header .header-content p{font-size:var(--font-size-base)}.feedback-form-container{border-radius:var(--radius-xl);padding:var(--space-6)}.submit-button{justify-content:center;min-width:auto;width:100%}}@media (max-width:480px){.feedback-header{padding:var(--space-12) var(--space-3) var(--space-4)}.feedback-form-container{border-radius:var(--radius-lg);padding:var(--space-4)}.feedback-header .header-content h1{font-size:var(--font-size-xl)}.feedback-header .header-content p{font-size:var(--font-size-sm)}.feedback-content{padding:0 var(--space-3)}}
/*# sourceMappingURL=main.f1ef9f42.css.map*/