*{box-sizing:border-box}body{color:#333;background-color:#f5f7fa;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.container{max-width:600px;margin:0 auto;padding:20px}.title{text-align:center;color:#2563eb;margin-bottom:30px;font-size:24px;font-weight:700}.search-section{gap:10px;margin-bottom:30px;display:flex}#city-search{border:1px solid #ddd;border-radius:8px;flex:1;padding:12px;font-size:16px}#search-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:700}#search-btn:hover{background-color:#1d4ed8}#loading{text-align:center;color:#666;padding:20px}#error{color:#dc2626;background-color:#fee2e2;border-radius:8px;margin-bottom:20px;padding:15px}.result-card{background-color:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000001a}.result-card h2{color:#2563eb;margin-top:0}.weather-desc{color:#4b5563;margin:10px 0;font-size:18px}.temp-display{margin:15px 0;font-size:32px;font-weight:700}.current-temp{color:#2563eb}.feels-like{color:#6b7280;margin-left:15px}.details p{color:#4b5563;margin:5px 0}.memo-section{margin-top:20px}#memo-input{resize:vertical;border:1px solid #ddd;border-radius:8px;width:100%;height:80px;padding:10px;font-size:14px}#save-btn{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:8px;margin-top:10px;padding:12px 20px;font-size:16px;font-weight:700}#save-btn:hover{background-color:#059669}.saved-city-card{background-color:#fff;border-radius:12px;margin-bottom:15px;padding:15px;box-shadow:0 2px 8px #0000001a}.city-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.city-header h3{color:#2563eb;margin:0}.note{color:#4b5563;margin:10px 0}.actions{flex-wrap:wrap;gap:10px;display:flex}.btn-view,.btn-edit,.btn-delete{cursor:pointer;border:none;border-radius:6px;min-height:44px;padding:8px 12px;font-size:14px;font-weight:500}.btn-view{color:#fff;background-color:#3b82f6}.btn-edit{color:#fff;background-color:#f59e0b}.btn-delete{color:#fff;background-color:#ef4444}.btn-save-edit,.btn-cancel-edit,.btn-confirm-delete,.btn-cancel-delete{cursor:pointer;border:none;border-radius:6px;min-width:60px;min-height:44px;padding:8px 12px;font-size:14px;font-weight:500}.btn-save-edit{color:#fff;background-color:#10b981}.btn-cancel-edit,.btn-cancel-delete{color:#fff;background-color:#6b7280}.btn-confirm-delete{color:#fff;background-color:#ef4444}.edit-textarea{margin-bottom:10px}.empty-message{text-align:center;color:#6b7280;padding:40px 20px}@media (width<=390px){.container{padding:15px}.search-section,.actions{flex-direction:column}.btn-view,.btn-edit,.btn-delete{width:100%}}.hidden{display:none!important}