.App{text-align:center;display:flex;flex-direction:column;min-height:100vh;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}section.vh-100{flex:1;display:flex;flex-direction:column}.spinner-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #fff;border-radius:50%;border-top-color:#1e3c72;border-width:6px;animation:spin .8s linear infinite;box-shadow:0 0 15px #ffffff4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.credits{color:#fff;text-decoration:none;font-size:.9rem;opacity:.8;transition:opacity .3s ease}.credits:hover{opacity:1}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.particle{position:absolute;background:rgba(255,255,255,.8);border-radius:50%;filter:blur(1px);will-change:transform}footer{position:fixed;bottom:0;width:100%;text-align:center;padding:1rem;z-index:1000;display:flex;flex-direction:row;align-items:center;gap:5rem;justify-content:center}.weather-api-attribution{opacity:.7;transition:opacity .3s ease;order:2;right:.5rem;position:absolute;margin-right:3rem}.weather-api-attribution:hover{opacity:1}.weather-api-attribution img{height:2em;width:auto;pointer-events:auto}@keyframes particleFloat{0%{transform:translateY(100vh) translate(-10vw);opacity:.2}to{transform:translateY(-20vh) translate(10vw);opacity:.8}}.error-toast{position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%);background:#ffffff;border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;width:min(25%,500px);box-shadow:0 8px 24px #0000001f;border-left:4px solid #ff4444;animation:toastSlideIn .4s cubic-bezier(.25,.46,.45,.94);z-index:10000}.error-content{display:flex;align-items:center;gap:1rem;flex-grow:1}.error-indicator{width:10px;height:10px;background:#ff4444;border-radius:50%;flex-shrink:0}.error-text{flex:1;min-width:0}.error-heading{margin:0;color:#2d2d2d;font-size:18px;font-weight:600;letter-spacing:-.15px;line-height:1.3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.error-message{margin:4px 0 0;color:#666;font-size:16px;line-height:1.45;font-weight:400;letter-spacing:-.1px;word-break:break-word}.error-close{background:none;border:none;color:#999;cursor:pointer;padding:4px;margin-left:auto;transition:all .2s ease;flex-shrink:0}.error-close:hover{color:#666;transform:rotate(90deg)}.error-close svg{display:block;width:18px;height:18px}@keyframes toastSlideIn{0%{transform:translate(-50%,120%);opacity:0}to{transform:translate(-50%);opacity:1}}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}h1,h2,h3,h4,h5,h6,p,span,div,a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 768px){.error-toast{width:90%;padding:1rem}.error-heading{font-size:16px}.error-message{font-size:14px}.particle{animation-duration:8s!important}footer{position:absolute;gap:.3rem;width:100vw;margin:0;left:0}.weather-api-attribution{margin-right:2.5rem}.weather-api-attribution img{height:1.5em}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#root{width:100%;min-height:100vh;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.gradient-custom{background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(243,252,253,1) 0%,rgba(162,255,249,1) 100%,rgba(230,249,250,1) 100%,rgba(208,244,246,1) 100%,rgba(103,219,227,1) 100%)}.btn{padding:10px 20px;border-radius:5px;border:none;cursor:pointer;transition:background-color .3s ease}.btn:hover{background-color:#007f86;color:#fff}@media (max-width: 768px){#root{width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden}}