:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text);background-color:var(--dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{--dark: #04041b;--light: rgb(239, 240, 248);--hover: #141e59;--text: #f2f3f9;--outline: rgb(198, 198, 198);--third-color: #39acfe;--third-color-hover: #aad5f4}body,form,input{margin:0;padding:0;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}p{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:350;font-style:normal}form{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}body{display:flex;flex-direction:column;min-height:100vh}.weather-card,.claude-card,.claude-response-card{background-color:transparent;color:var(--light);border-radius:20px;box-shadow:0 0 0 0 var(--third-color),0 0 5px 0 var(--third-color);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.weather-card:hover,.claude-card:hover,.claude-response-card:hover{transform:translateY(-3px);box-shadow:0 0 0 0 var(--third-color-hover),0 0 5px 0 var(--third-color-hover)}.weather-card,.claude-card{width:400px;flex:1 1 0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px}.weather-card,.claude-card>h2{text-align:center}.card-content{display:flex;justify-content:space-around;align-items:center}.weather-icon{padding:40px;font-size:4rem;transition:transform .3s ease-in-out}.weather-icon:hover{transform:translateY(-3px)}.weather-info{text-align:center;padding:0 40px}.sub-title{text-decoration:underline;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}@media screen and (max-width: 768px){.weather-card,.claude-card{width:360px}}footer{margin-top:auto;width:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;padding-top:20px}a{color:var(--third-color);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--third-color-hover)}@media screen and (max-width: 768px){footer p{text-align:center;margin-left:auto;margin-right:auto}footer{padding-bottom:20px;width:90%}}form{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px 0}label,input[type=text]{display:block;text-align:center}input::placeholder{font-size:1.3rem}input[type=text]{padding:10px 30px;margin:8px 0;font-size:1.3rem;box-sizing:border-box;border-radius:5px;border:.9px solid var(--outline);transition:border .05s ease-in-out}input[type=text]:hover{border:.9px solid var(--third-color-hover)}input[type=text]:focus{border:.9px solid var(--third-color)}input[type=submit],button.claude-button,.claude-response-card>button,.clear-button{width:150px;height:40px;cursor:pointer;background-color:var(--third-color);color:var(--dark);border-radius:20px;border:.5px solid var(--outline);font-size:1.1rem;transition:transform .3s ease-in-out}input[type=submit]:hover,button.claude-button:hover,.claude-response-card>button:hover,.clear-button:hover{transform:translateY(-3px)}input[type=submit],.clear-button{margin:20px 0 10px}.error-message{color:#d45353}header{width:100%;background-color:transparent;color:var(--text);display:flex;flex-direction:column;justify-content:center;align-items:center}.header-top{display:flex;align-items:center;justify-content:center;gap:10px}header>h3{margin:0}.city-text-header,.claude-text-header{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:350;font-style:normal}.claude-text-header{margin-top:10px}#header-icon{font-size:1.8rem;transition:transform .3s ease-in-out}#header-icon:hover{transform:translateY(-3px)}@media screen and (max-width: 768px){h3{width:90%;text-align:center}}section{display:flex;flex-direction:column;justify-content:center;align-items:center}.main>h1{text-align:center}.claude-card,.claude-response-card{display:flex;flex-direction:column;justify-content:center;align-items:center}.claude-response-card{width:700px;padding:20px;margin:auto}.top-cards{display:flex;justify-content:center;align-items:stretch;gap:30px}.cards{display:flex;flex-direction:column;justify-content:center;gap:30px}button.claude-button:disabled{background-color:var(--text);cursor:not-allowed}.loading-spinner{width:50px;height:50px;border-radius:80%;border:8px solid transparent;border-top-color:var(--third-color);margin:auto;position:relative;animation:rotate 1.5s ease-in-out infinite}.inside-circle{width:30px;height:30px;background-color:var(--light);border-radius:50%;position:absolute;top:20%;left:20%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-enter{opacity:0;filter:brightness(0);transform:translateY(10px) scale(.5)}.fade-enter-active{opacity:1;filter:brightness(1);transform:translateY(0) scale(1);transition:opacity .7s ease,transform .7s ease,filter .7s ease}.fade-exit{opacity:1;filter:brightness(1);transform:translateY(0) scale(1)}.fade-exit-active{opacity:0;filter:brightness(0);transform:translateY(10px) scale(0);transition:opacity .7s ease,transform .7s ease,filter .7s ease}@media (max-width: 600px){.top-cards{flex-direction:column}button.claude-button{margin-bottom:20px}.claude-response-card{width:320px}}