:root{--bg1:#061a5c;--bg2:#0b2a86;--bg3:#2b1b86;--panel: rgba(255,255,255,.1);--panel2: rgba(255,255,255,.14);--stroke: rgba(255,255,255,.18);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.72);--shadow: 0 18px 50px rgba(0,0,0,.35);--radius: 18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,var(--bg2),transparent 60%),radial-gradient(circle at 80% 80%,var(--bg3),transparent 60%),var(--bg1)}a{color:inherit}.app{width:100%;background:transparent;overflow-x:hidden}.container{width:100%;max-width:1100px;margin:0 auto;padding:16px}.topbar{background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}.brand h1{margin:0;font-size:22px;letter-spacing:.2px}.meta{margin-top:4px;font-size:12px;color:var(--muted);line-height:1.35}.controls{display:flex;flex-wrap:wrap;gap:12px;width:100%}.select{max-width:100%;min-width:0}.select:focus{border-color:#ffffff8c;box-shadow:0 0 0 3px #78aaff2e}.toggle{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18)}.toggle input{transform:scale(1.05)}#latinLabel{color:var(--text);font-size:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}.grid{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 600px){.item{padding:10px 12px}.title{font-size:.85rem}.card{min-width:0}}.card{background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:0 10px 40px #00000040;color:#0f172a}.cardHead{padding:14px 14px 10px;background:#ffffff1f;border-bottom:1px solid rgba(255,255,255,.15)}.cardHead h2{margin:0;font-size:16px;font-weight:700}.cardBody{padding:10px 14px 14px}.card{transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 18px 60px #00000059}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.item{padding:12px;border-radius:14px;background:#ffffffeb;border:1px solid rgba(0,0,0,.06)}.row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.title{color:#1a2433;font-weight:600;letter-spacing:.5px;transition:all .25s ease;text-shadow:0 0 6px rgba(80,120,255,.15)}.item:hover .title{color:#08306b;text-shadow:0 0 6px rgba(60,120,255,.25),}.item{transition:transform .25s ease,background .25s ease}.item:hover{transform:translateY(-2px);background:#025b8f14}.rightMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(0,0,0,.1)}.pill.live{background:#14aa782e}.pill.soon{background:#fa03}.small,.time,.meta{color:#ffffffbf}.note{margin-top:8px;font-size:13px;line-height:1.35;color:#ffffffe6}.clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2}.latin{margin-top:8px;font-size:12px;color:#0a0f198c}.muted{color:var(--muted)}.translateLink,.mapLink{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#0a14280f;border:1px solid rgba(0,0,0,.08);text-decoration:none;color:#0a0f19e0;font-size:12px;font-weight:650}.readMoreBtn{margin-top:10px;padding:7px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:#08195a1a;color:#08195aeb;font-weight:750;cursor:pointer}.footer{margin-top:14px;padding:12px 10px 4px;border-top:1px solid rgba(255,255,255,.14)}.footerRow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.footerTitle{font-weight:750;color:var(--text)}.sources{display:flex;gap:8px;flex-wrap:wrap}.sourceChip{display:inline-flex;padding:7px 10px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);text-decoration:none;color:var(--text);font-size:12px;font-weight:700}.disclaimer{margin-top:8px;font-size:12px;color:var(--muted);line-height:1.35}.cardHead h2{position:relative;display:inline-block;margin:0;padding-bottom:.45rem;font-weight:800}.card[data-kind=power] .cardHead h2:after,.card[data-kind=water] .cardHead h2:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;border-radius:999px;opacity:.95}.card[data-kind=power] .cardHead h2:after{background:linear-gradient(90deg,#ff5a5a,#ffb15a)}.card[data-kind=water] .cardHead h2:after{background:linear-gradient(90deg,#00b4ff,#0078ff)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.mobileTabs{display:none;gap:10px;margin:10px 0 6px}@media (max-width: 820px){.mobileTabs{display:flex}.grid{grid-template-columns:1fr}}.tabBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.25);background:#ffffff24;color:#fffffff2;padding:8px 12px;border-radius:999px;font-weight:600;line-height:1;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tabBtn.active{background:#ffffff38;border-color:#ffffff73;box-shadow:0 0 0 2px #ffffff1f inset}.tabBtn.active:after{content:"";display:block;height:3px;margin-top:6px;border-radius:999px;background:#ffffffd9}.mobileTabs,.tabs{display:flex;gap:12px;margin-top:12px}.tabBtn,.tab{flex:1;padding:12px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;font-weight:600;letter-spacing:.2px;transition:all .18s ease}.tabBtn:active,.tab:active{transform:scale(.97)}.tabBtn[data-view=power].active,.tab.active.power{background:linear-gradient(135deg,#ff5f5f,#ff2b2b);border-color:#ff5050cc;box-shadow:0 8px 20px #ff3c3c59}.tabBtn[data-view=water].active,.tab.active.water{background:linear-gradient(135deg,#4aa3ff,#1f6fff);border-color:#5096ffe6;box-shadow:0 8px 20px #3c78ff59}.tabBtn:not(.active),.tab:not(.active){opacity:.65}.mobileTabs,.tabs{width:100%;overflow:hidden}.card .title{color:#0f172af2;font-weight:600}.card .note{color:#0f172ad9}.card .small{color:#0f172aa6}.card .latin{color:#0f172a8c}.app,.container,.grid{background:transparent!important}