.app-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f0f0;font-family:Courier New,Courier,monospace}.weather-card{width:320px;background:#fff;border:3px solid black;position:relative;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:15px;border-bottom:3px solid black}.header-date{display:flex;flex-direction:column;font-weight:700}.day-label{font-size:2rem;letter-spacing:2px}.location-btn{background:none;border:2px solid black;border-radius:50%;width:45px;height:45px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pin-circle{width:12px;height:12px;border:2px solid black;border-radius:50%;position:relative}.pin-circle:after{content:"";position:absolute;top:14px;left:2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid black}.card-body{display:flex;min-height:400px}.city-sidebar{width:50px;border-right:3px solid black;display:flex;flex-direction:column;align-items:center;padding-top:20px;font-weight:900;font-size:1.2rem}.weather-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.temp-display{font-size:5rem;font-weight:900;display:flex;align-items:center}.minus{font-size:3rem;margin-right:5px}.condition-text{font-size:1.8rem;margin:10px 0 40px}.stats-footer{width:100%;border-top:3px solid black;padding-top:15px;text-align:center}.high-low{font-size:1.4rem;font-weight:700;word-spacing:20px;margin-bottom:10px}.feels-like{font-size:1rem}.search-overlay{position:absolute;inset:0;background:#fff;z-index:10;padding:20px;display:flex;flex-direction:column}.search-header{display:flex;justify-content:space-between;margin-bottom:20px;font-weight:700}.search-input-wrapper{display:flex;align-items:center;border:3px solid black;padding:8px;margin-bottom:20px}.search-input-wrapper input{border:none;outline:none;width:100%;margin-left:10px;font-family:inherit}.inner-search-btn{background:#000;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-family:inherit}.fav-label{font-size:.7rem;color:#666;margin-bottom:10px}.fav-item{display:block;width:100%;text-align:left;background:none;border:1px solid transparent;padding:10px;font-weight:700;cursor:pointer}.fav-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.remove-fav{background:none;border:none;color:red;cursor:pointer;padding:10px}.add-current-fav{margin-top:20px;width:100%;padding:10px;border:2px dashed black;background:#fffbe6;font-weight:700;cursor:pointer}.fav-item:hover{border:1px solid black;background:#f0f0f0}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer}