:root{--bg:#0b1a24;--card:#10262f;--txt:#e8f1f5;--dim:#8fa8b3;--acc:#f4a340;--otimo:#2ecc71;--bom:#7ed957;--meh:#f4a340;--ruim:#e45c4a;--linha:#1f3a45;color:var(--txt);background:var(--bg);font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}.app{max-width:640px;margin:0 auto;padding:16px}header h1{color:var(--acc);margin:0 0 14px;font-size:1.8rem}.spots{flex-wrap:wrap;gap:6px;display:flex}.spots button{border:1px solid var(--dim);color:var(--txt);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:7px 11px;font-size:.8rem}.spots button.on{background:var(--acc);border-color:var(--acc);color:#111;font-weight:600}.dias{scrollbar-width:none;gap:6px;margin-top:10px;display:flex;overflow-x:auto}.dias button{border:1px solid var(--linha);background:var(--card);min-width:62px;color:var(--txt);cursor:pointer;border-radius:10px;flex-direction:column;flex:none;align-items:center;gap:2px;padding:6px 8px;display:flex}.dias button span{color:var(--dim);font-size:.72rem}.dias button b{font-size:1rem}.dias button.otimo b{color:var(--otimo)}.dias button.bom b{color:var(--bom)}.dias button.meh b{color:var(--meh)}.dias button.ruim b{color:var(--ruim)}.dias button.on{border-color:var(--acc);background:#1a3340}.dias button.on span{color:var(--acc)}.hero{background:var(--card);border-left:8px solid var(--dim);border-radius:16px;align-items:center;gap:18px;margin:12px 0 8px;padding:18px;display:flex}.hero.otimo{border-color:var(--otimo)}.hero.bom{border-color:var(--bom)}.hero.meh{border-color:var(--meh)}.hero.ruim{border-color:var(--ruim)}.nivel{flex-direction:column;align-items:center;min-width:96px;display:flex}.nivel .num{font-size:3.6rem;font-weight:800;line-height:1}.nivel .rotulo{color:var(--dim);text-align:center;font-size:.7rem}.selo{flex-direction:column;gap:2px;display:flex}.selo .emoji{font-size:2rem}.selo strong{font-size:1.3rem}.selo .peixe{color:var(--dim);font-size:.82rem}.selo .conf{border:1px solid var(--dim);color:var(--dim);vertical-align:middle;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:.65rem;font-style:normal;font-weight:500;display:inline-block}.selo .conf.alta{border-color:var(--otimo);color:var(--otimo)}.selo .conf.baixa{border-color:var(--ruim);color:var(--ruim)}.sensor{color:var(--dim);background:var(--card);border-left:3px solid #3a86c8;border-radius:10px;margin:0 0 8px;padding:8px 12px;font-size:.74rem;line-height:1.5}.sensor b{color:var(--txt)}.sensor.alerta{border-left-color:var(--ruim);color:var(--txt)}.astro{color:var(--dim);margin:0 0 10px;font-size:.75rem;line-height:1.5}.janela{background:linear-gradient(90deg, #3a2a10, var(--card));border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;display:flex}.janela .tag{text-transform:uppercase;letter-spacing:.08em;color:var(--acc);font-size:.7rem}.janela strong{flex:1}.janela .n{color:var(--otimo);font-size:1.2rem;font-weight:800}.janela .ir{border:1px solid var(--acc);color:var(--acc);cursor:pointer;background:0 0;border-radius:999px;padding:3px 10px;font-size:.75rem}.janela.vazia{background:var(--card)}.janela.vazia strong{color:var(--dim);font-weight:500}.linha{scrollbar-width:none;align-items:flex-end;gap:3px;height:92px;padding:4px 2px 0;display:flex;overflow-x:auto}.barra{cursor:pointer;background:0 0;border:0;flex-direction:column;flex:0 0 24px;justify-content:flex-end;align-items:center;gap:3px;height:100%;padding:0;display:flex}.barra i{width:100%;height:var(--alt);background:var(--dim);opacity:.85;border-radius:4px 4px 0 0;min-height:3px;display:block}.barra.otimo i{background:var(--otimo)}.barra.bom i{background:var(--bom)}.barra.meh i{background:var(--meh)}.barra.ruim i{background:var(--ruim)}.barra.sel i{opacity:1;outline:2px solid #fff}.barra small{color:var(--dim);font-size:.6rem}.cards{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.card{background:var(--card);border-top:3px solid var(--linha);border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.card.alerta{border-top-color:var(--ruim)}.card.atencao{border-top-color:var(--meh)}.card .ico{font-size:1.3rem}.card b{font-size:1.5rem;font-weight:800;line-height:1.1}.card b em{color:var(--dim);font-size:.85rem;font-style:normal;font-weight:600}.card .sub{color:var(--dim);font-size:.8rem}.card small{color:var(--dim);margin-top:6px;font-size:.72rem;line-height:1.35}.card.mare{border-top-color:#3a86c8;grid-column:1/-1}.card.mare b{text-transform:capitalize;font-size:1.3rem}.card.mare ul{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.card.mare li{background:#0d2029;border-radius:8px;flex-direction:column;padding:6px 8px;display:flex}.card.mare li span{text-transform:uppercase;letter-spacing:.05em;color:var(--dim);font-size:.68rem}.card.mare li.alta span{color:#6cc4ff}.card.mare li.baixa span{color:var(--meh)}.card.mare li b{font-size:1.1rem}.card.mare li em{color:var(--dim);font-size:.72rem;font-style:normal}.detalhes{background:var(--card);border-radius:12px;margin-top:14px;padding:4px 14px 10px}.detalhes summary{cursor:pointer;color:var(--dim);padding:8px 0;font-size:.85rem;list-style:none}.detalhes summary:before{content:"▸ "}.detalhes[open] summary:before{content:"▾ "}.porque{flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.porque li{align-items:baseline;gap:10px;font-size:.85rem;display:flex}.porque li b{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;color:var(--dim)}.porque li.mais b{color:var(--otimo)}.porque li.menos b{color:var(--ruim)}.porque li.veto{background:#e45c4a26;border-radius:6px;margin:0 -6px 4px;padding:4px 6px}.porque li.veto b{color:var(--ruim)}.dica{color:var(--dim);border-top:1px solid var(--linha);margin:10px 0 0;padding-top:8px;font-size:.78rem}.marinha{border-top:1px solid var(--linha);margin-top:10px;padding-top:8px;font-size:.8rem}.marinha h3{color:var(--acc);margin:0 0 6px;font-size:.82rem}.marinha ul{margin:0;padding-left:16px}.marinha li b{text-transform:capitalize;color:var(--ruim)}.marinha p{color:var(--dim);margin:4px 0 0}.marinha .charlie{margin-top:6px;font-size:.72rem}.fontes{border-top:1px solid var(--linha);color:var(--dim);flex-wrap:wrap;gap:4px 12px;margin:10px 0 0;padding-top:8px;font-size:.68rem;display:flex}.fontes .ok{color:var(--bom)}.fontes .off{opacity:.7}.erro{color:#ff7b6b}.carregando{color:var(--dim)}