body{font-family:Arial,sans-serif;max-width:800px;margin:0 auto;padding:20px;background-color:#f5f5f5}.container{background:white;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a}h1{color:#8b4513;text-align:center;margin-bottom:30px}.search-section{text-align:center;margin-bottom:30px}button{background-color:#8b4513;color:#fff;border:none;padding:12px 24px;border-radius:5px;cursor:pointer;font-size:16px;margin:10px}button:hover{background-color:sienna}button:disabled{background-color:#ccc;cursor:not-allowed}.status{text-align:center;margin:20px 0;padding:10px;border-radius:5px}.status.loading{background-color:#fff3cd;color:#856404}.status.error{background-color:#f8d7da;color:#721c24}.status.success{background-color:#d4edda;color:#155724}.coffee-shops{margin-top:30px}.coffee-shop{border:1px solid #ddd;border-radius:8px;padding:15px;margin-bottom:15px;background:#fafafa}.coffee-shop h3{margin:0 0 10px;color:#8b4513}.coffee-shop p{margin:5px 0;color:#666}.rating{color:#ff6b35;font-weight:700}.distance{color:#666;font-style:italic}#map{height:400px;width:100%;margin:20px 0;border:1px solid #ddd;border-radius:8px}.location-options{display:flex;gap:20px;justify-content:center;margin:15px 0}.location-options label{display:flex;align-items:center;gap:5px;cursor:pointer;padding:8px 12px;border-radius:5px;transition:background-color .2s}.location-options label:hover{background-color:#f0f0f0}.location-options input[type=radio]{margin:0}.hamburger-button{position:fixed;top:10px;left:10px;background-color:#8b4513;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;margin:0;width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000}.hamburger-button:hover{background-color:sienna}.hamburger-line{width:20px;height:3px;background-color:#fff;margin:2px 0;border-radius:1px}.settings-panel{display:none;position:fixed;top:60px;left:10px;background:white;border:1px solid #ddd;border-radius:8px;padding:20px;width:280px;box-shadow:0 4px 15px #0003;z-index:1500}.settings-panel.show{display:block}.settings-panel h3{color:#8b4513;margin:0 0 15px;font-size:16px;text-align:center}.setting-item{margin-bottom:15px}.setting-item label{display:block;margin-bottom:5px;font-weight:700;color:#333;font-size:14px}.setting-item select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:white;color:#333;margin:0}.setting-item input[type=range]{width:100%;padding:0;margin:0;background:transparent}.setting-item small{color:#666;font-size:12px}#radiusDisplay{color:#8b4513;font-weight:700}.leaflet-interactive{transition:all .3s ease!important}.leaflet-interactive.no-transition{transition:none!important}.map-container{position:relative}.map-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:8px}.map-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #8B4513;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.map-loading-text{margin-left:15px;color:#8b4513;font-weight:700}