html{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh}:root{font-family:Fredoka,Comic Sans MS,cursive,sans-serif!important;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100%;height:100%;height:100dvh;overflow:hidden;font-family:Fredoka,Comic Sans MS,cursive,sans-serif!important;position:fixed;left:0;top:0}#root{width:100%;height:100%;height:100dvh;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}html,body,#root{height:100%;height:100dvh;width:100%}:root{--primary-orange: #ff8c42;--secondary-orange: #ffb347;--dark-orange: #e85d2f;--ginger-red: #d84b20;--light-bg: #fff5e1;--text-dark: #333333;--success-green: #66bb6a;--warning-yellow: #fdd835;--danger-red: #ef5350}*{margin:0;padding:0;box-sizing:border-box}.app-container{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--secondary-orange) 100%);min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));font-family:Fredoka,Comic Sans MS,cursive,sans-serif;width:100%;height:100%;height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.main-content{width:100%;max-width:500px;padding:0}.logo-container{display:flex;justify-content:center;margin-bottom:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.app-title{text-align:center;color:#fff;font-weight:800;font-family:Fredoka,sans-serif;text-shadow:3px 3px 0px rgba(0,0,0,.3),0px 0px 10px rgba(0,0,0,.2);margin-bottom:8px!important;font-size:2.5rem!important;letter-spacing:1px}.app-subtitle{text-align:center;color:#fff;font-family:Fredoka,Comic Sans MS,cursive,sans-serif;font-size:1.1rem!important;text-shadow:1px 1px 2px rgba(0,0,0,.1);margin-bottom:30px!important;font-weight:600}.search-card{background-color:#fff!important;border-radius:20px!important;padding:25px!important;box-shadow:0 8px 24px #00000026!important;margin-bottom:20px;border:3px solid var(--dark-orange)}.search-form{display:flex;flex-direction:column;gap:15px}.location-input{font-size:1rem!important}.location-input .MuiOutlinedInput-root{border-radius:12px!important;border:2px solid var(--primary-orange)!important}.location-input .MuiOutlinedInput-root:hover,.location-input .MuiOutlinedInput-root.Mui-focused{border-color:var(--dark-orange)!important}.search-button{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--dark-orange) 100%)!important;color:#fff!important;font-weight:600!important;padding:12px 24px!important;border-radius:12px!important;font-size:1rem!important;text-transform:capitalize!important;transition:all .3s ease!important;box-shadow:0 4px 12px #ff8c424d!important}.search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff8c4266!important}.search-button:disabled{opacity:.7}.results-card{background-color:#fff!important;border-radius:20px!important;padding:30px!important;box-shadow:0 8px 24px #00000026!important;border:3px solid var(--secondary-orange);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.location-name{color:var(--dark-orange)!important;font-family:Fredoka,Comic Sans MS,cursive,sans-serif;font-weight:700!important;text-align:center;margin-bottom:20px!important}.temperature-container{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,var(--light-bg) 0%,#ffecb3 100%);border-radius:15px}.temperature-value{color:var(--dark-orange)!important;font-weight:800!important;font-size:3.5rem!important;margin:0!important;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.survival-container{display:flex;flex-direction:column;align-items:center;gap:15px}.survival-label{color:var(--text-dark)!important;font-family:Fredoka,Comic Sans MS,cursive,sans-serif;font-weight:800!important;margin:0!important}.circular-progress-container{position:relative;display:flex;justify-content:center;align-items:center;margin:50px 0 40px}.survival-circle{color:var(--primary-orange)!important}.circular-progress-container .MuiCircularProgress-root{position:absolute}.survival-percentage{color:var(--dark-orange)!important;font-weight:800!important;margin:0!important;position:relative;z-index:1}.safety-message{text-align:center;color:var(--text-dark)!important;font-family:Fredoka,Comic Sans MS,cursive,sans-serif;font-weight:700!important;font-size:1rem!important;line-height:1.6;padding:15px;background-color:var(--light-bg);border-radius:12px;border-left:4px solid var(--primary-orange);margin-top:15px!important}.info-card{background:linear-gradient(135deg,#fffffff2,#fff5e1f2)!important;border-radius:20px!important;padding:25px!important;box-shadow:0 8px 24px #00000026!important;border:3px dashed var(--secondary-orange);text-align:center}.info-text{color:var(--text-dark)!important;font-family:Fredoka,Comic Sans MS,cursive,sans-serif;font-size:1rem!important;line-height:1.6!important}.MuiAlert-root{border-radius:12px!important;margin-bottom:20px!important;font-weight:500!important}.MuiAlert-standardError{background-color:#ffebee!important;color:#b71c1c!important;border:2px solid var(--danger-red)!important}@media(max-width:600px){.app-title{font-size:2rem!important}.app-subtitle{font-size:.95rem!important}.search-card,.results-card,.info-card{padding:20px!important}.logo-container{margin-bottom:15px}.temperature-value{font-size:2.8rem!important}.survival-percentage{font-size:2rem!important}.survival-circle{width:120px!important;height:120px!important}.search-form{gap:12px}.location-input .MuiOutlinedInput-input{font-size:16px;padding:12px}}@media(max-width:400px){.app-container{padding:15px}.app-title{font-size:1.8rem!important}.temperature-value{font-size:2.2rem!important}.search-card,.results-card,.info-card{padding:15px!important;border-radius:15px!important}.logo-container{margin-bottom:12px}}.MuiCircularProgress-root{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--dark-orange)!important;border-width:2px!important}.MuiCard-root{border-radius:20px!important}.MuiButton-root,.MuiTextField-root .MuiOutlinedInput-root{border-radius:12px!important}button,input,textarea{transition:all .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--light-bg)}::-webkit-scrollbar-thumb{background:var(--primary-orange);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--dark-orange)}@supports selector(::-webkit-scrollbar-thumb){::selection{background-color:var(--primary-orange);color:#fff}::-moz-selection{background-color:var(--primary-orange);color:#fff}*{-webkit-tap-highlight-color:rgba(255,140,66,.3)}}