*{box-sizing:border-box;margin:0;padding:0}:root{--ceu: #eef3f7;--nuvem: #fcfdfe;--tinta: #17303f;--tinta-2: #5b7284;--linha: #d4e0e8;--vento: #2b7fbf;--vento-vivo: #3f97d9;--brisa: #e3f2fa;--brisa-viva: #59b5dc;--ferrugem: #bd5b2a;--sopro: 4s;--rotor: 1.2s}body{font-family:system-ui,-apple-system,sans-serif;background:var(--ceu);color:var(--tinta);min-height:100vh;font-variant-numeric:tabular-nums}h1,h2,h3,.marca{font-family:Sora,system-ui,sans-serif;letter-spacing:-.02em}.tile{background:var(--nuvem);border:1px solid var(--linha);border-radius:16px;box-shadow:0 1px 2px #17303f0d,0 10px 28px #17303f0f;position:relative}.vento{display:inline-flex;flex-direction:column;gap:4px;flex-shrink:0}.vento b{display:block;height:3px;border-radius:2px;background:var(--vento)}.vento b:nth-child(1){width:16px}.vento b:nth-child(2){width:24px;opacity:.75}.vento b:nth-child(3){width:11px;margin-left:7px;opacity:.5}.login .vento{transform:scale(1.6);margin-right:10px}button{font:inherit;border-radius:12px;padding:12px 16px;cursor:pointer;color:var(--tinta);background:var(--nuvem);border:1px solid var(--linha);touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:2px solid var(--vento-vivo);outline-offset:2px}button.ligar{background:var(--vento);border-color:var(--vento);color:#fff;font-weight:600}button.ligar:not(:disabled):active{background:var(--vento-vivo)}button.desligar{font-weight:600}button.ghost{background:transparent;border-color:var(--linha);color:var(--tinta-2)}button.mini{padding:6px 10px;font-size:14px}button.apagar{background:transparent;border-color:var(--linha);color:var(--ferrugem)}input,select{font:inherit;background:var(--nuvem);color:var(--tinta);border:1px solid var(--linha);border-radius:10px;padding:10px 12px;width:100%}input:focus-visible,select:focus-visible{outline:2px solid var(--vento-vivo);outline-offset:1px}.erro{color:var(--ferrugem);font-size:14px;margin-top:6px}.meta{color:var(--tinta-2);font-size:13px}.vazio{color:var(--tinta-2);text-align:center;padding:40px 16px;line-height:1.6}.login{display:grid;place-items:center;min-height:100vh;padding:16px}.login form{display:grid;gap:14px;width:100%;max-width:340px;text-align:center;padding:36px 24px}.login .marca{font-size:44px;font-weight:700;color:var(--vento);display:flex;align-items:center;justify-content:center}.painel{max-width:760px;margin:0 auto;padding:16px 16px 60px}header{display:flex;justify-content:space-between;align-items:center;padding:8px 0 16px}header .marca{font-size:30px;font-weight:700;color:var(--vento);display:flex;align-items:center;gap:10px}.global{padding:16px}.botoes-globais{display:grid;gap:10px}.botoes-globais button{padding:16px;font-size:16px}.direcao{margin-top:20px;padding:20px;overflow:hidden}.direcao .topo{display:flex;align-items:center;gap:12px}.direcao h2{font-size:20px;font-weight:600;flex:1}.direcao .meta{margin:6px 0 16px;position:relative}.direcao.aberto{border-color:var(--brisa-viva);background:linear-gradient(180deg,#f8fcfe,var(--brisa))}.direcao.aberto:before,.direcao.aberto:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(90deg,transparent,var(--brisa-viva),transparent),linear-gradient(90deg,transparent,var(--brisa-viva),transparent),linear-gradient(90deg,transparent,var(--brisa-viva),transparent);background-size:140px 2px,90px 2px,180px 2px;background-repeat:no-repeat;opacity:.55;animation:soprar var(--sopro) linear infinite}.direcao.aberto:after{background-size:110px 2px,200px 2px,70px 2px;opacity:.3;animation-duration:calc(var(--sopro) * 1.7);animation-delay:calc(var(--sopro) / -3)}@keyframes soprar{0%{background-position:-220px 22%,-140px 52%,-260px 80%}to{background-position:calc(100% + 220px) 22%,calc(100% + 140px) 52%,calc(100% + 260px) 80%}}.direcao.v1{--sopro: 7s;--rotor: 2s}.direcao.v2{--sopro: 3.8s;--rotor: 1.1s}.direcao.v3{--sopro: 1.9s;--rotor: .55s}.estado{width:15px;height:15px;flex-shrink:0;border-radius:50%;background:var(--linha)}.estado.on{background:conic-gradient(var(--vento) 0 22%,transparent 22% 25%,var(--vento) 25% 47%,transparent 47% 50%,var(--vento) 50% 72%,transparent 72% 75%,var(--vento) 75% 97%,transparent 97%);animation:rodar var(--rotor) linear infinite}.estado.sem-rede{background:var(--ferrugem)}@keyframes rodar{to{transform:rotate(1turn)}}.badge-vento{background:var(--vento);color:#fff;font-weight:700;font-size:13px;padding:5px 14px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.velocidades{display:flex;gap:8px;flex-wrap:wrap;position:relative}.velocidades .velo{flex:1;min-width:90px;padding:14px 12px;font-size:16px;border-radius:999px}.velocidades .velo.ativo{background:var(--vento);border-color:var(--vento);color:#fff;font-weight:700}.velocidades .desligada{color:var(--tinta-2)}button.chip{padding:6px 12px;font-size:14px;border-radius:999px;background:var(--nuvem);border:1px solid var(--linha)}button.chip.ativo{background:var(--vento);border-color:var(--vento);color:#fff;font-weight:700}.adicionar{margin-top:24px;display:grid;gap:12px}.form-adicionar{padding:16px;display:grid;gap:12px}.encontrado{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--ceu);border-radius:12px;padding:10px 12px;flex-wrap:wrap}.registar-linha{display:flex;gap:8px;flex:1;min-width:220px}.manual{display:grid;gap:8px;border-top:1px solid var(--linha);padding-top:12px}@media(prefers-reduced-motion:reduce){.direcao.aberto:before,.direcao.aberto:after{animation:none;opacity:.25}.estado.on{animation:none}}