@charset "UTF-8";

#searchResults {position: absolute; top: calc(100% + 8px); text-align: left; left: 0; right: 0; background: white; border-radius: 20px; box-shadow: 0 12px 40px rgba(0,0,0,0.15); z-index: 9999; max-height: 320px; overflow-y: auto; overflow-x: hidden;}

.result-item {padding: 16px 24px; border-bottom: 1px solid rgba(0,0,0,0.05); cursor: pointer; transition: all 0.2s ease;}
.result-item:hover {background: linear-gradient(135deg, #f8f9ff 0%, #f0f2ff 100%);}
.result-item:last-child {border-bottom: none;}
.result-road {font-weight: 500; color: #222;}
.result-jibun {font-size: 1.4rem; color: #666; margin-top: 4px;}

.search-status {padding: 16px 24px; font-size: 1.4rem; display: flex; align-items: center; gap: 10px; font-weight: 500; color: #333;}

.search-status.searching { color: #0ea5e9; }
.search-status.success { color: #10b981; }
.search-status.error { color: #ef4444; }
.search-status.info { color: #6b7280; }

.loading-spinner {width: 14px; height: 14px; border: 2px solid #f3f4f6; border-top: 2px solid #0ea5e9; border-radius: 50%; animation: spin 1s linear infinite;}

@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}