@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;700;800&display=swap";
:root{--bg:#15171c;--bg-grad-top:#232027;--surface:#1e222a;--surface-2:#252a33;--border:#ffffff0d;--border-2:#ffffff26;--text:#fff;--text-muted:#9ca3af;--text-faint:#6b7280;--track:#374151;--edge-fuerza:#a78bfa;--edge-velocidad:#fbbf24;--edge-potencia:#34d399;--edge-superior:#60a5fa;--edge-done:#6b7280;--done:#34d399;--warn:#fbbf24;--risk:#ef4444;--info:#00b4ff;--avatar:#4ade80;--radius-card:20px;--pad-screen:20px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);min-height:100dvh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit;font-size:16px}.shell{max-width:500px;margin:0 auto}.screen{padding:20px var(--pad-screen) 100px}.home-grad{background:linear-gradient(180deg, var(--bg-grad-top) 0%, var(--bg) 280px)}.num{font-variant-numeric:tabular-nums;font-family:Barlow Condensed,sans-serif}.h-section{font-size:20px;font-weight:800}.lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:11px;font-weight:700}.muted{color:var(--text-muted);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:18px;position:relative;overflow:hidden}.card-edge:before{content:"";background:var(--edge-color,var(--edge-fuerza));width:6px;position:absolute;top:0;bottom:0;left:0}.card-edge>*{padding-left:8px}.edge-fuerza{--edge-color:var(--edge-fuerza)}.edge-velocidad{--edge-color:var(--edge-velocidad)}.edge-potencia{--edge-color:var(--edge-potencia)}.edge-superior{--edge-color:var(--edge-superior)}.edge-done{--edge-color:var(--edge-done)}.btn-cta{color:#0f1115;background:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-size:16px;font-weight:800;display:flex}.btn-cta:active{transform:scale(.98)}.btn-ghost{color:#fff;border:1px solid var(--border-2);background:0 0;border-radius:999px;justify-content:center;align-items:center;width:100%;padding:14px 24px;font-size:15px;font-weight:700;display:flex}.dash-track{gap:5px;display:flex}.dash{background:var(--track);border-radius:3px;flex:1;height:6px}.dash.done{background:#e5e7eb}.dash.current{background:var(--edge-fuerza)}.tab-row{border-bottom:1px solid var(--border);display:flex}.tab-line{text-align:center;color:var(--text-faint);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 0;font-size:16px;font-weight:700}.tab-line.active{color:#fff;border-bottom-color:#fff}.chip{border:1px solid var(--border-2);color:var(--text-muted);white-space:nowrap;background:0 0;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-block}.chip.active{color:#0f1115;background:#fff;border-color:#fff;font-weight:700}.check-circle{background:var(--done);color:#0f1115;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:flex}.check-circle.pending{background:0 0;border:2px solid #4b5563}.day-divider{color:#4b5563;align-items:center;gap:10px;margin:10px 2px;font-size:12px;font-weight:600;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--border);flex:1;height:1px}.week-strip{justify-content:space-between;display:flex}.week-day{text-align:center;flex:1}.week-day .dnum{color:var(--text-muted);margin:6px 0;font-size:17px;font-weight:600}.week-day .dnum.today{color:#0f1115;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin:4px auto;font-size:15px;font-weight:800;display:flex}.week-day .dot{background:var(--track);border-radius:3px;width:8px;height:8px;margin:0 auto}.bottom-nav{background:var(--bg);border-top:1px solid var(--border);padding:12px 4px calc(14px + env(safe-area-inset-bottom));z-index:50;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{justify-content:space-around;max-width:500px;margin:0 auto;display:flex}.nav-item{color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:44px;min-height:44px;font-size:10px;font-weight:600;display:flex}.nav-item.active{color:#fff}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:15px 4px;font-size:15px;font-weight:600;display:flex}.avatar{background:var(--avatar);color:#0f1115;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}