@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/mi-cuatri/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/mi-cuatri/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/mi-cuatri/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#eceff3;--surface:#fff;--surface2:#f5f7fa;--ink:#15202b;--muted:#65717e;--line:#dce1e8;--accent:#2457f5;--accent-ink:#fff;--ok:#1f9d55;--warn:#e8710a;--c-clase:#2ea44f;--c-lab:#1f7ae0;--c-estudio:#7b5cd6;--c-gym:#e4572e;--c-comida:#e0a21b;--c-viaje:#8c98a5;--c-ocio:#e0609a;--c-sueno:#34405a;--c-libre:#9fb2c8;--c-rutina:#2f9c99;--display:"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-rounded, -apple-system, "Segoe UI", sans-serif;--body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e141c;--surface:#18212c;--surface2:#1f2a37;--ink:#e9eef4;--muted:#93a0ae;--line:#2a3645;--accent:#5b84ff;--c-sueno:#4a5875}}:root[data-theme=dark]{--bg:#0e141c;--surface:#18212c;--surface2:#1f2a37;--ink:#e9eef4;--muted:#93a0ae;--line:#2a3645;--accent:#5b84ff;--c-sueno:#4a5875}*,:before,:after{box-sizing:inherit}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input{font:inherit;color:var(--ink)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:560px;margin:0 auto;padding:12px 16px 120px}h1{font-family:var(--display);letter-spacing:-.02em;margin:8px 0 4px;font-size:34px;font-weight:800;line-height:1.05}h2{font-family:var(--display);letter-spacing:-.01em;margin:26px 0 10px;font-size:21px;font-weight:700}.sub{color:var(--muted);font-size:15px}.topline{justify-content:space-between;align-items:center;gap:8px;display:flex}.sync{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.sync i{background:var(--muted);border-radius:50%;width:7px;height:7px;display:inline-block}.sync.on i{background:var(--ok)}.phase{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.phase b{font-family:var(--display);font-size:17px}.phase .dot{background:var(--accent);border-radius:50%;flex:none;width:10px;height:10px}.tl{margin-top:6px;position:relative}.blk{grid-template-columns:52px 1fr;gap:12px;padding:3px 0;display:grid;position:relative}.blk .t{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;padding-top:9px;font-size:13px}.blk .card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:9px 12px 9px 14px;position:relative;overflow:hidden}.blk .card:before{content:"";background:var(--cat);width:5px;position:absolute;top:0;bottom:0;left:0}.blk .card b{font-size:15px;font-weight:600;display:block}.blk .card span{color:var(--muted);font-size:12.5px}.blk.past{opacity:.45}.blk.now .card{background:var(--cat);color:#fff;border-color:#0000}.blk.now .card span{color:#ffffffd9}.blk.now .card:before{background:#ffffff59}.nowtag{background:#ffffff40;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:9px;right:10px}.pulse{background:var(--accent);border-radius:2px;height:2px;margin:6px 0 6px 64px;position:relative}.pulse:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent);border-radius:50%;position:absolute;top:-4px;left:-6px}.pulse em{color:var(--accent);font-size:11px;font-style:normal;font-weight:700;position:absolute;top:-18px;right:0}.list{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.item{border-top:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;padding:13px 14px;display:flex}.item:first-child{border-top:0}.box{border:2px solid var(--line);border-radius:8px;flex:none;place-items:center;width:24px;height:24px;transition:background .15s,border-color .15s;display:grid}.item.done .box{background:var(--ok);border-color:var(--ok)}.item.done .box:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:6px;height:11px;transform:rotate(45deg)translate(-1px,-1px)}.item.done .lbl{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb,var(--muted) 60%,transparent);text-decoration-color:color-mix(in srgb,var(--muted) 60%,transparent)}.item .lbl{flex:1;font-size:15px}.item .hint{color:var(--muted);font-size:12px}.item.auto .box{border-style:dashed}.progress{background:var(--surface2);border-radius:6px;height:6px;margin:8px 0 12px;overflow:hidden}.progress>i{background:var(--ok);border-radius:6px;height:100%;transition:width .3s;display:block}.stat{border-top:1px solid var(--line);justify-content:space-between;padding:12px 14px;font-size:15px;display:flex}.stat:first-child{border-top:0}.stat b{font-variant-numeric:tabular-nums}.days{scrollbar-width:none;gap:6px;padding:4px 0 2px;display:flex;overflow-x:auto}.days button{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex:1;min-width:44px;padding:9px 0;font-size:14px;font-weight:600}.days button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn{background:var(--accent);width:100%;color:var(--accent-ink);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:16px;font-weight:700;display:flex}.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn.danger{color:#d93025;border:1px solid var(--line);background:0 0}.btn.sm{border-radius:11px;width:auto;padding:9px 12px;font-size:14px}.row{align-items:center;gap:8px;display:flex}.rt{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:10px;padding:14px}.rt h3{font-family:var(--display);margin:0 0 2px;font-size:19px}.rt p{color:var(--muted);margin:0 0 12px;font-size:13.5px}.rt.today{border-color:var(--c-gym);box-shadow:inset 0 0 0 1px var(--c-gym)}.rt .tag{color:var(--c-gym);font-size:12px;font-weight:700}.ex{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;padding:12px 12px 8px}.ex h4{margin:0;font-size:16px;font-weight:700}.ex .meta{color:var(--muted);margin:2px 0 8px;font-size:12.5px}.ex .up{color:var(--ok);margin-bottom:6px;font-size:12.5px;font-weight:700}.sets{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.sets th{color:var(--muted);text-align:center;padding:4px 2px;font-size:11.5px;font-weight:600}.sets td{text-align:center;padding:3px 2px}.sets td.prev{color:var(--muted);font-size:12.5px}.sets input{border:1px solid var(--line);background:var(--surface2);text-align:center;border-radius:9px;width:64px;padding:8px 4px;font-size:16px}.sets tr.ok td{background:color-mix(in srgb,var(--ok) 13%,transparent)}.sets tr.ok td:first-child{border-radius:9px 0 0 9px}.sets tr.ok td:last-child{border-radius:0 9px 9px 0}.tick{border:2px solid var(--line);border-radius:10px;place-items:center;width:34px;height:34px;margin:auto;display:grid}tr.ok .tick{background:var(--ok);border-color:var(--ok)}tr.ok .tick:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:6px;height:12px;transform:rotate(45deg)translate(-1px,-1px)}.addset{color:var(--accent);padding:8px 4px;font-size:13.5px;font-weight:600}.whead{z-index:5;background:var(--bg);margin-top:calc(-1 * env(safe-area-inset-top,0px));padding:10px 0;padding-top:calc(10px + env(safe-area-inset-top,0px));justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.clock{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.rest{left:50%;bottom:calc(82px + env(safe-area-inset-bottom,0px));background:var(--ink);width:min(528px,100% - 32px);color:var(--bg);z-index:30;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;display:none;position:fixed;transform:translate(-50%)}.rest.show{display:flex}.rest .big{font-family:var(--display);font-variant-numeric:tabular-nums;flex:1;font-size:26px;font-weight:800}.rest button{color:inherit;background:#7f7f7f40;border-radius:10px;padding:8px 11px;font-size:14px;font-weight:700}.field{gap:8px;display:flex}.field input,.field select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;flex:1;padding:12px;font-size:16px}.chart{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-top:10px;padding:10px}.chart svg{width:100%;height:170px;display:block}.empty{color:var(--muted);text-align:center;padding:18px 14px;font-size:14.5px}.hist{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.hist:first-child{border-top:0}.hist small{color:var(--muted);font-size:12.5px;display:block}.seg{background:var(--surface2);border-radius:12px;gap:3px;padding:3px;display:flex}.seg button{color:var(--muted);border-radius:9px;flex:1;padding:8px;font-size:14px;font-weight:600}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014}nav.tabs{z-index:20;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;bottom:0;left:0;right:0}nav.tabs .in{max-width:560px;margin:0 auto;display:flex}nav.tabs button{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 0 8px;font-size:10.5px;font-weight:600;display:flex}nav.tabs button[aria-current=page]{color:var(--accent)}nav.tabs svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.toast{top:calc(12px + env(safe-area-inset-top,0px));background:var(--ink);color:var(--bg);z-index:50;opacity:0;pointer-events:none;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .2s;position:fixed;left:50%;transform:translate(-50%)}.toast.show{opacity:1}@media (prefers-reduced-motion:reduce){*{transition:none!important}}nav.tabs button{position:relative}nav.tabs .badge{background:var(--warn);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:7px;left:calc(50% + 7px)}.field input[type=date]{appearance:none;flex:0 auto;width:9.5em;min-width:0}.reminder{color:var(--warn);font-weight:600}.row .btn{flex:1}.navh{align-items:center;gap:8px;margin:26px 0 10px;display:flex}.navh h2{flex:1;min-width:0;margin:0}.navbtn{background:var(--surface);border:1px solid var(--line);border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:18px;font-weight:700;display:grid}.navbtn:disabled{opacity:.35}.linkbtn{color:var(--accent);flex:none;padding:6px 2px;font-size:14px;font-weight:600}.navrow{align-items:center;gap:8px;margin-top:10px;display:flex}.navrow span{text-align:center;flex:1;font-size:14.5px;font-weight:600}button.stat{text-align:left;width:100%;font:inherit}.ehead{justify-content:space-between;align-items:center;gap:8px;display:flex}.erow{border-top:1px solid var(--line);align-items:center;gap:6px;padding:8px 10px;display:flex}.erow:first-child{border-top:0}.einput,.egrid input,.egrid select{border:1px solid var(--line);background:var(--surface2);min-width:0;color:var(--ink);border-radius:10px;width:100%;padding:9px 10px;font-size:16px}.einput{flex:1}.eicon{width:34px;height:34px;color:var(--muted);border-radius:10px;flex:none;place-items:center;font-size:15px;display:grid}.eicon.danger{color:#d93025}.egrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;display:grid}.egrid label{color:var(--muted);flex-direction:column;gap:4px;min-width:0;font-size:12px;display:flex}.egrid .full{grid-column:1/-1}.ehint{color:var(--muted);padding:0 2px;font-size:12px}.chips{flex-wrap:wrap;gap:6px;padding:10px;display:flex}.chips button{border:1px solid var(--line);background:var(--surface2);border-radius:11px;min-width:40px;padding:8px 10px;font-size:14px;font-weight:600}.chips button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.stack{flex-direction:column;gap:10px;margin-top:10px;display:flex}.exopts{margin:4px 0 2px}.exopts summary{color:var(--muted);cursor:pointer;padding:6px 4px;font-size:13px;font-weight:600;list-style:none}.exopts summary::-webkit-details-marker{display:none}.exopts .row{flex-wrap:wrap;padding:4px 0 6px}.exopts input{border:1px solid var(--line);background:var(--surface2);text-align:center;border-radius:9px;width:80px;padding:8px;font-size:16px}.item.toggle.done .lbl{color:inherit;text-decoration:none}.chart .pt{cursor:pointer}
