:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff;--color-text:#1e293b;--color-text-secondary:#64748b;--color-bg:#f8fafc;--color-white:#ffffff;--color-border:#e2e8f0;--color-section-bg:#f1f5f9;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--transition:0.2s ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--color-text);background:var(--color-bg);min-height:100vh;line-height:1.5;overflow-x:hidden}.screen{display:none;min-height:100vh;animation:fadeIn 0.25s ease}.screen.active{display:flex;flex-direction:column}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-container{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem 1.25rem;max-width:480px;margin:0 auto;width:100%}.home-header{text-align:center;margin-bottom:2.5rem}.home-header h1{font-size:2rem;font-weight:700;line-height:1.15;color:var(--color-text)}.home-header h1 span{color:var(--color-primary)}.home-subtitle{margin-top:0.75rem;font-size:1rem;color:var(--color-text-secondary)}.search-card{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:1.5rem}.data-status{margin-bottom:1rem;padding:0.6rem 0.9rem;font-size:0.85rem;border-radius:var(--radius-sm);background:var(--color-primary-light);color:var(--color-primary)}.input-group{margin-bottom:1.25rem}.input-group label{display:block;font-size:0.85rem;font-weight:600;color:var(--color-text);margin-bottom:0.4rem}.input-group input{width:100%;padding:0.75rem 1rem;font-size:1rem;font-family:inherit;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition);background:var(--color-white)}.input-group input:focus{border-color:var(--color-primary)}.input-group input::placeholder{color:var(--color-text-secondary);opacity:0.6}.autocomplete-list{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);margin-top:4px;box-shadow:var(--shadow-sm);max-height:180px;overflow-y:auto}.autocomplete-list.hidden{display:none}.autocomplete-item{padding:0.6rem 1rem;font-size:0.9rem;cursor:pointer;border-bottom:1px solid var(--color-border)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.active{background:var(--color-primary-light)}.radius-buttons{display:flex;gap:0;border-radius:var(--radius-sm);overflow:hidden;border:1.5px solid var(--color-border)}.radius-btn{flex:1;padding:0.65rem 0;font-size:0.9rem;font-weight:500;font-family:inherit;border:none;background:var(--color-white);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition)}.radius-btn + .radius-btn{border-left:1.5px solid var(--color-border)}.radius-btn.active{background:var(--color-primary);color:var(--color-white)}.radius-btn:hover:not(.active){background:var(--color-section-bg)}.radius-compact .radius-btn{padding:0.4rem 0.75rem;font-size:0.78rem}.btn-primary{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.85rem;font-size:1rem;font-weight:600;font-family:inherit;color:var(--color-white);background:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);margin-bottom:0.75rem}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{transform:scale(0.98)}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.75rem;font-size:0.9rem;font-weight:500;font-family:inherit;color:var(--color-primary);background:transparent;border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.btn-secondary:hover{background:var(--color-primary-light)}.btn-small{padding:0.4rem 0.85rem;font-size:0.8rem;font-weight:600;font-family:inherit;color:var(--color-primary);background:var(--color-primary-light);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition)}.btn-small:hover{background:#dbeafe}.btn-back{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.9rem;font-weight:500;font-family:inherit;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:0.5rem 0;margin-bottom:1rem;transition:opacity var(--transition)}.btn-back:hover{opacity:0.7}.btn-itinerary{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.85rem;font-size:1rem;font-weight:600;font-family:inherit;color:var(--color-white);background:#16a34a;border:none;border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;transition:background var(--transition);margin-top:1.25rem}.btn-itinerary:hover{background:#15803d}.results-container{flex:1;max-width:600px;margin:0 auto;width:100%}.results-container.map-active{max-width:100%}.results-header{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;flex-wrap:wrap;padding:1rem 1.25rem;background:var(--color-white);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}@media (max-width:640px){.results-header{gap:0.5rem}#results-radius{order:3;width:100%}#results-radius .radius-btn{flex:1}}.search-recap{display:flex;flex-direction:column;min-width:0}.recap-address{font-size:0.9rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recap-radius{font-size:0.8rem;color:var(--color-text-secondary)}.results-meta{display:flex;align-items:center;justify-content:space-between;padding:0.85rem 1.25rem}.results-count{font-size:0.85rem;color:var(--color-text-secondary)}.view-toggle{display:flex;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.toggle-btn{padding:0.35rem 0.75rem;font-size:0.8rem;font-weight:500;font-family:inherit;border:none;background:var(--color-white);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition)}.toggle-btn.active{background:var(--color-primary);color:var(--color-white)}.date-separator{padding:0.55rem 1.25rem;font-size:0.75rem;font-weight:700;letter-spacing:0.04em;color:var(--color-text-secondary);background:var(--color-section-bg);text-transform:uppercase}.results-list{padding:0 1.25rem 2rem}.event-card{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem;margin-bottom:0.75rem;cursor:pointer;transition:box-shadow var(--transition),transform var(--transition)}.event-card:active{transform:scale(0.985)}.event-card:hover{box-shadow:var(--shadow-md)}.event-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.event-card-name{margin:0 0 0.35rem;font-size:1rem;font-weight:600;color:var(--color-text)}.event-card-meta{display:flex;flex-direction:column;gap:0.2rem}.event-card-row{display:flex;align-items:center;gap:0.4rem;font-size:0.85rem;color:var(--color-text-secondary);font-style:normal}.event-card-row svg{flex-shrink:0;opacity:0.5}.event-card-distance{display:inline-block;margin-top:0.4rem;font-size:0.8rem;font-weight:600;color:var(--color-primary)}.results-map{padding:0 1.25rem 2rem}.results-map.hidden{display:none}.leaflet-map{width:100%;height:60vh;min-height:350px;border-radius:var(--radius);box-shadow:var(--shadow-sm);z-index:1}.event-popup{font-family:'Inter',sans-serif;min-width:180px}.event-popup-name{font-size:0.85rem;font-weight:600;color:var(--color-text);margin-bottom:0.3rem}.event-popup-date{font-size:0.78rem;color:var(--color-text-secondary);margin-bottom:0.2rem}.event-popup-city{font-size:0.78rem;color:var(--color-text-secondary)}.event-popup-link{display:inline-block;margin-top:0.4rem;font-size:0.75rem;font-weight:600;color:var(--color-primary);cursor:pointer;text-decoration:none}.event-popup-link:hover{text-decoration:underline}.detail-container{flex:1;max-width:600px;margin:0 auto;width:100%;padding:1rem 1.25rem 3rem}.detail-title{font-size:1.5rem;font-weight:700;line-height:1.25;margin-bottom:1.5rem;color:var(--color-text)}.detail-main-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.detail-info-row{display:flex;gap:0.75rem;align-items:flex-start}.detail-info-row svg{flex-shrink:0;margin-top:2px;color:var(--color-text-secondary)}.detail-info-row div{display:flex;flex-direction:column;min-width:0}.detail-date{font-size:1rem;font-weight:600}.detail-hours{font-size:0.9rem;color:var(--color-text-secondary)}.detail-address{font-size:0.95rem}.detail-distance{font-size:0.85rem;font-weight:600;color:var(--color-primary)}.detail-extra{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.detail-extra.hidden{display:none}.detail-extra h2{font-size:0.9rem;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;color:var(--color-text-secondary);margin-bottom:0.85rem}.extra-row{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;border-bottom:1px solid var(--color-border)}.extra-row:last-child{border-bottom:none}.extra-label{font-size:0.85rem;color:var(--color-text-secondary)}.extra-value{font-size:0.9rem;font-weight:600;color:var(--color-text)}@media (min-width:600px){.home-container{padding:3rem 2rem}.home-header h1{font-size:2.5rem}.search-card{padding:2rem}.results-container{max-width:650px;padding-top:1rem}.results-list{padding:0 1.5rem 3rem}.detail-container{padding:2rem 2rem 4rem}.detail-title{font-size:1.75rem}}@media (min-width:900px){.home-container{max-width:520px}.results-container{max-width:700px}.event-card{padding:1.25rem}}.hidden{display:none!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}