*{margin:0;padding:0;box-sizing:border-box}html{background:#0f0f0f;overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#0f0f0f,#1e293b);background-attachment:fixed;min-height:100vh;color:#e0e0e0;overscroll-behavior:none}.container{max-width:600px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px}h1{color:#f8fafc;font-size:3em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:600}.tagline{color:#94a3b8;font-size:1.2em;font-weight:300}.location-card{background:#1e293b;border-radius:20px;padding:20px;box-shadow:0 10px 30px #0006;margin:30px 0;animation:slideIn .5s ease-out;border:1px solid #334155}.location-card.hidden{display:none}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.location-image-container{width:100%;height:300px;border-radius:15px;overflow:hidden;margin-bottom:20px;background:#404040}#location-image{width:100%;height:100%;object-fit:cover}.location-info h2{color:#f1f5f9;font-size:1.8em;margin-bottom:10px;font-weight:600}.address{color:#b0b0b0;margin-bottom:5px}.distance{color:#64748b;font-weight:700;margin-bottom:15px}.details{color:silver;line-height:1.8;margin-bottom:20px;font-size:.95em}.details a{color:#60a5fa;text-decoration:none;transition:color .2s ease}.details a:hover{color:#93c5fd;text-decoration:underline}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.action-btn{flex:1;padding:12px 20px;border:none;border-radius:25px;font-size:1em;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}#favorite-btn{background:#1e293b;color:#64748b;border:2px solid #64748b}#favorite-btn:hover,#favorite-btn.active{background:#64748b;color:#fff}#share-btn{background:#475569;color:#fff}#share-btn:hover{background:#334155}#maps-btn{background:#1e293b;color:#60a5fa;border:2px solid #60a5fa}#maps-btn:hover{background:#60a5fa;color:#fff}#streetview-btn{background:#1e293b;color:#4ade80;border:2px solid #4ade80}#streetview-btn:hover{background:#4ade80;color:#fff}.icon{font-size:1.2em}.welcome{text-align:center;color:#b0b0b0;font-size:1.2em;margin:40px 0}.search-mode-selector{background:#1e293b;border-radius:15px;padding:20px;margin-bottom:20px;border:1px solid #334155}.search-mode-selector h3{color:#f1f5f9;margin-bottom:15px;font-size:1.2em;text-align:center;font-weight:600}.mode-tabs{display:flex;gap:10px;background:#0f172a;border-radius:10px;padding:5px}.mode-tab{flex:1;padding:12px 20px;background:transparent;color:#64748b;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9em;font-weight:500}.mode-tab:hover{background:#1e293b;color:#94a3b8}.mode-tab.active{background:#475569;color:#fff}.mode-icon{font-size:1.2em}.search-options{margin:20px 0;transition:opacity .3s ease}.search-options.hidden{display:none}.search-action{display:flex;justify-content:center;margin:30px 0}.discover-button{padding:12px 20px;background:linear-gradient(135deg,#b41bbc,#7c3aed);color:#fff;border:none;border-radius:20px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #b41bbc66;min-width:160px}.world-search-container{display:flex;flex-direction:column;gap:15px;align-items:center;width:100%;max-width:250px}.country-search{width:100%;position:relative}.country-input{width:100%;padding:12px 20px;border:2px solid #475569;border-radius:25px;background:#1e293b;color:#e0e0e0;font-size:1em;outline:none;transition:all .3s ease}.country-input:focus{border-color:#64748b;box-shadow:0 0 0 3px #64748b33}.country-input::placeholder{color:#888}.country-suggestions{position:absolute;top:100%;left:0;right:0;background:#1e293b;border:2px solid #334155;border-top:none;border-radius:0 0 15px 15px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0003}.country-suggestions.hidden{display:none}.country-suggestion{padding:12px 20px;cursor:pointer;color:#e0e0e0;transition:background-color .2s ease;border-bottom:1px solid #404040}.country-suggestion:hover,.country-suggestion.highlighted{background:#64748b;color:#fff}.country-suggestion:last-child{border-bottom:none}.world-button:disabled{background:#666;cursor:not-allowed;box-shadow:none;opacity:.6}.discover-button:hover{background:linear-gradient(135deg,#a21caf,#6b21a8);transform:translateY(-2px);box-shadow:0 7px 25px #b41bbc99}.discover-button:active{transform:translateY(0)}.button-text{margin-right:10px}.button-icon{font-size:1.5em;vertical-align:middle}.loading-spinner{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{background:#ffebee;color:#c62828;padding:15px 20px;border-radius:10px;text-align:center;margin-top:20px}.error.hidden{display:none}.favorites{background:#1e293b;border-radius:20px;padding:20px;margin-top:40px;box-shadow:0 5px 20px #0000004d;border:1px solid #334155}.favorites.hidden{display:none}.favorites h3{color:#f1f5f9;margin-bottom:15px;font-weight:600}#favorites-items{list-style:none}#favorites-items li{padding:10px;border-bottom:1px solid #404040;color:silver;cursor:pointer;transition:background .2s ease}#favorites-items li:hover{background:#3a3a3a}#favorites-items li:last-child{border-bottom:none}.category-selection{background:#1e293b;border-radius:15px;padding:20px;margin-bottom:30px;border:1px solid #334155}.category-header{color:#f1f5f9;margin-bottom:10px;font-size:1.2em;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:color .2s ease;font-weight:600}.category-header:hover{color:#94a3b8}.collapse-icon{font-size:.8em;transition:transform .3s ease}.category-header.collapsed .collapse-icon{transform:rotate(-90deg)}.category-content{transition:all .3s ease;max-height:500px;opacity:1;overflow:hidden;display:block}.category-content.collapsed{max-height:0!important;opacity:0!important;overflow:hidden!important;margin:0!important;padding:0!important}.category-controls{margin-bottom:20px}.select-all-item{background:#64748b;color:#fff;margin-bottom:10px;font-weight:700}.select-all-item:hover{background:#475569}.category-status{color:#94a3b8;font-size:.9em;font-weight:700;text-align:center}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.category-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#3a3a3a;border-radius:8px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.category-item:hover{background:#4a4a4a}.category-item:has(input:checked){background:#64748b;border-color:#64748b;color:#fff}.category-checkbox{accent-color:#64748b}.category-item span{font-size:.9em;color:inherit}.category-toggle{margin:20px 0 15px;text-align:center;display:flex;justify-content:center}.toggle-btn{background:#64748b;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9em;transition:all .2s ease;font-weight:500}.toggle-btn:hover{background:#475569}.detailed-categories{margin-top:20px;padding-top:20px;border-top:1px solid #404040}.detailed-categories.hidden{display:none}.detailed-categories h4{color:#94a3b8;margin-bottom:15px;font-size:1.1em;font-weight:600}.detailed-grid{max-height:300px;overflow-y:auto}.detailed-grid .category-item{font-size:.85em;padding:6px 10px}.detailed-grid .category-item span{font-size:.8em}