:root{color:#f7f9fc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif}#root{z-index:1;width:100%;max-width:1000px;margin:0 auto;position:relative}a{color:inherit}:focus-visible{outline-offset:4px;outline:3px solid #f4a261}*{box-sizing:border-box}body{background:linear-gradient(135deg,#1b2a4a 0%,#3e5c76 55%,#f4a261 100%);justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding:40px 24px;font-family:Inter,sans-serif;display:flex}.container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#f7f9fc;background:#ffffff1a;border:1px solid #ffffff40;border-radius:24px;width:100%;max-width:420px;padding:32px 28px;box-shadow:0 20px 50px #0000004d}h1{letter-spacing:-.5px;margin:0 0 24px;font-family:Poppins,sans-serif;font-size:24px;font-weight:700}form{gap:8px;margin-bottom:20px;display:flex}input{color:#1b2a4a;background:#ffffffe6;border:none;border-radius:100px;outline:none;flex:1;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px}input::placeholder{color:#6b7a90}button{color:#1b2a4a;cursor:pointer;background:#f4a261;border:none;border-radius:100px;padding:12px 22px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:transform .15s,background .15s}button:hover{background:#f6b47f;transform:translateY(-2px)}button:active{transform:translateY(0)}p{opacity:.9;font-size:14px}.erro{background:#dc505040;border:1px solid #dc505080;border-radius:12px;padding:10px 14px}.resultado{animation:.4s entrada}@keyframes entrada{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.resultado h2{margin:0 0 4px;font-family:Poppins,sans-serif;font-size:20px}.selo-clima{background:#ffffff2e;border-radius:100px;margin-bottom:16px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-block}.grid-dados{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.dado{text-align:center;background:#ffffff1a;border-radius:14px;padding:14px 8px}.dado .icone{margin-bottom:4px;font-size:22px;display:block}.dado .valor{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;display:block}.dado .label{opacity:.75;font-size:11px}body{position:relative}body:before,body:after{content:"";filter:blur(10px);pointer-events:none;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#f4a26159,#0000 70%);width:420px;height:420px;animation:14s ease-in-out infinite flutuar-sol;top:-120px;right:-100px}body:after{background:radial-gradient(circle,#ffffff26,#0000 70%);width:320px;height:320px;animation:18s ease-in-out infinite flutuar-nuvem;bottom:-100px;left:-100px}@keyframes flutuar-sol{0%,to{transform:translate(0)}50%{transform:translate(-30px,25px)}}@keyframes flutuar-nuvem{0%,to{transform:translate(0)}50%{transform:translate(25px,-20px)}}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none}}.tela{flex-direction:column;align-items:center;gap:24px;display:flex}.layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:32px;display:flex}.painel-tematico{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;color:#f7f9fc;background:#ffffff1a;border:1px solid #ffffff40;border-radius:24px;min-width:200px;padding:28px 24px;animation:.4s entrada}.painel-titulo{opacity:.85;margin:0 0 16px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.painel-itens{justify-content:center;gap:16px;display:flex}.painel-emoji{font-size:36px}.previsao-semana{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:24px;gap:12px;width:100%;max-width:900px;padding:20px 24px;animation:.4s entrada;display:flex;overflow-x:auto}.dia-previsao{color:#f7f9fc;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:90px;font-family:Inter,sans-serif;display:flex}.dia-label{text-transform:capitalize;opacity:.8;font-size:12px}.dia-icone{margin:4px 0;font-size:24px}.dia-max{font-family:Poppins,sans-serif;font-size:15px;font-weight:700}.dia-min{opacity:.6;font-size:13px}.instrucao{opacity:.75;max-width:320px;margin:0 0 16px;font-size:13px}html,body{overflow-x:clip}.tela,.layout{width:100%;min-width:0}.container,.painel-tematico,input{min-width:0}.semana{color:#f7f9fc;width:100%;min-width:0;max-width:900px}.semana h2{margin:0 0 8px;font-size:20px}.dica-rolagem{margin:0 0 12px}.previsao-semana{scrollbar-color:#f4a261 #263b56;scrollbar-width:thin}.dia-previsao{flex:1 0 100px}.dia-chuva{white-space:nowrap;margin-top:6px;font-size:12px}.fase-lua{background:#ffffff1a;border-radius:14px;align-items:center;gap:14px;margin-top:20px;padding:16px;display:flex}.lua-icone{font-size:36px}.fase-lua p,.fonte{margin:6px 0 0;font-size:12px}.fonte{margin-top:16px}button:disabled{cursor:wait;opacity:.7;transform:none}@media (width<=480px){body{padding:24px 16px}.container{padding:24px 18px}form{flex-wrap:wrap}input{flex-basis:160px}button{flex-grow:1}.layout{gap:20px}.painel-tematico{width:100%}.previsao-semana{padding:18px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.icone,.lua-icone,.painel-emoji,.dia-icone{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Inter,sans-serif}