:root{--r:#e10600;--r2:#ff2a1f;--k:#0a0a0a;--k2:#141414;--k3:#1e1e1e;--k4:#2a2a2a;--w:#fff;--g:#b5b5b5;--g2:#7d7d7d;--ok:#22c55e;--gold:#d4af37;
  --safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);color-scheme:dark}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--k);color:var(--w);font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:clip}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
h1,h2,h3,p{margin:0}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:calc(10px + var(--safe-t)) 16px 10px;
  background:rgba(10,10,10,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--k3)}
.top img{border-radius:50%}
.top__t{flex:1;display:flex;flex-direction:column;line-height:1.15}
.top__t b{font-size:13px;letter-spacing:1.6px}
.top__t small{font-size:12px;color:var(--g)}
.top__t small.on{color:var(--ok)} .top__t small.off{color:var(--r2)}
.install{background:var(--r);border:0;border-radius:999px;padding:8px 14px;font-weight:800;font-size:13px}
main{padding:16px 16px calc(96px + var(--safe-b));max-width:680px;margin:0 auto;outline:none}
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:6;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 6px calc(6px + var(--safe-b));
  background:rgba(14,14,14,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--k3)}
.tabs a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:11px;color:var(--g2);text-decoration:none;font-weight:600}
.tabs svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tabs a[aria-current="page"]{color:var(--w)} .tabs a[aria-current="page"] svg{stroke:var(--r2)}
.hero{position:relative;border-radius:20px;padding:20px;overflow:hidden;background:radial-gradient(120% 90% at 100% 0,#5a0400 0,#1a0200 45%,var(--k2) 75%);border:1px solid #3a0a06}
.hero h1{font-size:26px;line-height:1.1;letter-spacing:-.4px}
.hero p{color:var(--g);margin-top:6px}
.hero .big{font-size:40px;font-weight:900;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;border-radius:999px;padding:5px 10px;background:var(--k3)}
.pill.on{background:rgba(34,197,94,.14);color:var(--ok)} .pill.off{background:rgba(225,6,0,.16);color:var(--r2)}
.pill i{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}
.sec{margin:26px 0 10px;font-size:12px;font-weight:800;letter-spacing:2px;color:var(--g2);text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}
.sec a{color:var(--r2);text-decoration:none;letter-spacing:.5px;text-transform:none;font-size:13px}
.card{background:var(--k2);border:1px solid var(--k3);border-radius:16px;padding:16px}
.card+.card{margin-top:10px}
.row{display:flex;gap:10px;align-items:center}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:14px;padding:14px 16px;font-weight:800;font-size:15px;text-decoration:none;cursor:pointer}
.btn.red{background:var(--r);color:#fff} .btn.red:active{background:#b30500}
.btn.ghost{background:var(--k3);color:#fff}
.btn.wa{background:#1fa855;color:#fff}
.btn.sm{width:auto;padding:9px 13px;font-size:13px;border-radius:11px}
.muted{color:var(--g)} .tiny{font-size:12px;color:var(--g2)}
.list{display:flex;flex-direction:column;gap:8px}
.cls{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:14px;background:var(--k2);border:1px solid var(--k3)}
.cls b{font-size:16px} .cls .t{font-variant-numeric:tabular-nums;font-weight:800;font-size:18px}
.cls.next{border-color:var(--r);background:linear-gradient(90deg,#2a0503,var(--k2))}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:8px 12px;border-radius:999px;background:var(--k3);font-weight:700;font-size:13px}
.prod{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.prod a{display:flex;flex-direction:column;text-decoration:none;background:var(--k2);border:1px solid var(--k3);border-radius:16px;overflow:hidden}
.prod img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--k3)}
.prod div{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}
.prod b{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prod span{font-weight:900;color:var(--r2)}
.prod .soldout{color:var(--g2);font-weight:700;font-size:12px}
.plan{display:flex;gap:14px;align-items:center;text-decoration:none}
.plan img{width:72px;height:72px;border-radius:12px;object-fit:cover;background:var(--k3);flex:none}
.plan .p{font-size:20px;font-weight:900;color:var(--w)}
.plan.best{border-color:var(--gold);background:linear-gradient(135deg,#2b220b,var(--k2) 60%)}
.badge{font-size:10px;font-weight:900;letter-spacing:1px;color:#1a1400;background:var(--gold);border-radius:6px;padding:3px 6px;text-transform:uppercase}
/* Entreno */
.field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--g);font-weight:600}
.field input,.field select{background:var(--k3);border:1px solid var(--k4);border-radius:12px;padding:12px;font-size:16px;color:#fff;width:100%}
.sets{display:grid;grid-template-columns:1.6fr 1fr 1fr auto;gap:8px;align-items:end}
.log{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.log div{display:flex;justify-content:space-between;padding:10px 12px;border-radius:10px;background:var(--k3);font-size:14px}
.log button{background:none;border:0;color:var(--g2);font-size:18px;padding:0 4px;cursor:pointer}
.stat{background:var(--k2);border:1px solid var(--k3);border-radius:14px;padding:12px}
.stat b{display:block;font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}
.stat small{color:var(--g2);font-size:12px}
.timer{display:flex;align-items:center;justify-content:space-between;gap:10px}
.timer .t{font-size:44px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-1px}
.timer .t.run{color:var(--r2)}
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:10px}
.days i{aspect-ratio:1;border-radius:6px;background:var(--k3)} .days i.on{background:var(--r)}
.post{display:flex;gap:12px;text-decoration:none;align-items:center}
.post img{width:76px;height:76px;object-fit:cover;border-radius:12px;background:var(--k3);flex:none}
.skel{height:120px;border-radius:16px;background:linear-gradient(90deg,var(--k2),var(--k3),var(--k2));background-size:200% 100%;animation:sk 1.2s infinite}
@keyframes sk{to{background-position:-200% 0}}
.img-full{width:100%;border-radius:14px;display:block;background:var(--k3)}
#toast{position:fixed;left:50%;bottom:calc(90px + var(--safe-b));transform:translateX(-50%);background:#fff;color:#000;font-weight:700;padding:10px 16px;border-radius:999px;z-index:9;font-size:14px;box-shadow:0 8px 30px rgba(0,0,0,.4)}
.fade{animation:fade .22s ease-out}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (min-width:700px){main{padding-top:24px}.prod{grid-template-columns:repeat(3,1fr)}}