:root{--ink:#3a1a0c;--edge:#4a2412;--muted:#7a4a2e;--ok:#4c9a2a;--mid:#d98a1c;--bad:#c0392b;--gold1:#ffd98a;--gold2:#f6bd5a;--cream1:#fdd8b0;--cream2:#f7c597;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-pop:cubic-bezier(.2, 1.4, .4, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#140b07;font-family:Pixelify Sans,system-ui,sans-serif;line-height:1.2;overflow:hidden}button,a{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;text-decoration:none}:focus-visible{outline-offset:2px;outline:3px solid #ffe27a}svg{flex:none;display:block}.viewport{display:flex;position:fixed;inset:0;overflow:auto}.sizer{flex:none;margin:auto;position:relative}.stage{transform-origin:0 0;position:absolute;top:0;left:0}.scene{background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.zoom-out{animation:zoomOut .3s var(--ease-out) forwards}@keyframes zoomOut{to{opacity:0;filter:brightness(1.3);transform:scale(1.9)}}.fade-in{animation:fadeIn .28s var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:scale(1.04)}}.box{border:3px solid var(--edge);background:linear-gradient(#fddab2,#f5c291);border-radius:9px;position:absolute;box-shadow:inset 0 0 0 2px #fde6c8,0 3px #280f0573}.fill{background:linear-gradient(var(--cream1), var(--cream2));border-radius:7px;position:absolute}.row{align-items:center;gap:8px;display:flex}.between{justify-content:space-between}.center{text-align:center;justify-content:center;align-items:center;display:flex}.col{flex-direction:column}.small{color:var(--muted);font-size:15px}.muted{color:var(--muted)}.big{font-size:25px;font-weight:700}.mid{font-size:22px;font-weight:700}.title{font-size:24px;font-weight:700}.good{color:#2f7a1c;font-weight:700}.late{color:var(--bad);font-weight:700}.lbl{white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:23px;font-weight:700;transition:transform .12s ease-out,box-shadow .12s;display:flex}.lbl:hover,.lbl:focus-visible{outline:none;transform:translateY(-3px);box-shadow:inset 0 0 0 2px #fde6c8,0 3px #280f0573,0 0 0 4px #ffe27a}.lbl:active{transform:translateY(0)scale(.97)}.lbl.free{color:var(--muted);pointer-events:none;font-size:19px}.chip{color:#fff;white-space:nowrap;border-radius:5px;padding:2px 7px 3px;font-size:15px;font-weight:700;display:inline-block;box-shadow:inset 0 -2px #00000040}.chip.ok{background:var(--ok)}.chip.mid{background:var(--mid)}.chip.bad{background:var(--bad)}.bubble{z-index:2;white-space:nowrap;border:3px solid var(--edge);pointer-events:none;background:#fff8ec;border-radius:10px;align-items:center;gap:5px;padding:3px 8px;font-size:15px;font-weight:700;animation:1.8s ease-in-out infinite bob;display:flex;position:absolute}.bubble:after{content:"";border-right:3px solid var(--edge);border-bottom:3px solid var(--edge);background:#fff8ec;width:10px;height:10px;position:absolute;bottom:-9px;left:14px;transform:rotate(45deg)}@keyframes bob{50%{transform:translateY(-4px)}}.emote{flex:none;margin:-33px -6px -33px -14px;display:block}.emote img{width:48px;height:96px;image-rendering:pixelated;display:block}.credit{color:var(--muted);margin-top:10px;font-size:13px}.badge{color:#fff;border-radius:4px;flex:none;justify-content:center;align-items:center;min-width:34px;height:20px;padding:0 5px;font-size:13px;font-style:normal;font-weight:700;display:inline-flex;box-shadow:inset 0 -2px #00000040}.bar{border:2px solid var(--edge);background:#e9b98a;border-radius:4px;height:12px;overflow:hidden}.bar>i{background:linear-gradient(#7bd14f,#4c9a2a);height:100%;transition:width .4s;display:block}.hot{border-radius:10px;position:absolute}.hot:hover{box-shadow:0 0 0 4px #ffe27ab3}.tag{white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.hud{padding:2px 8px;font-size:13px;font-weight:700}.hud .bar{height:12px;margin-top:2px}.toast{white-space:nowrap;padding:8px 10px;transition:filter .12s;display:block;overflow:hidden}.toast:hover{filter:brightness(1.05)}.toast .t1{gap:6px;font-size:17px;font-weight:700}.toast .t2{gap:6px;margin:6px 0 4px;font-size:15px}.toast .small{font-size:13px}.pop{animation:pop .35s var(--ease-pop)}@keyframes pop{0%{opacity:0;transform:scale(.9)}}.navbtn{border-radius:8px;position:absolute}.navlbl{background:linear-gradient(#fbcf9f,#f8c08b);justify-content:center;align-items:center;font-size:19px;font-weight:700;display:flex}.navlbl.on{background:linear-gradient(var(--gold1), var(--gold2))}.navbtn:hover .navlbl{filter:brightness(1.06)}.backdrop{z-index:30;animation:dim .2s var(--ease-out);background:#14080073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@keyframes dim{0%{opacity:0}}.modal{flex-direction:column;width:960px;max-height:790px;padding:16px 22px 18px;display:flex;position:relative}.mhead{border-bottom:3px dashed #d99a62;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:8px;display:flex}.mhead h2{font-size:28px}.x{text-align:center;border:3px solid var(--edge);background:#fbe0bd;border-radius:8px;width:40px;height:40px;font-size:20px;font-weight:700}.x:hover{background:#ffe9c9}.mbody{min-height:0;padding-right:6px;overflow:auto}.empty,.note{color:var(--muted);padding:14px 4px;font-size:17px}.tbl{align-items:stretch;font-size:17px;display:grid}.tbl>*{border-bottom:2px dashed #e6b585;align-items:center;gap:8px;min-height:48px;padding:6px;display:flex}.tbl>.th{min-height:0;color:var(--muted);background:#f9cfa3;border-bottom:3px solid #d99a62;font-size:14px;font-weight:700;position:sticky;top:0}.num{font-variant-numeric:tabular-nums;justify-content:flex-end}.hbar{border:2px solid var(--edge);background:#edc29a;border-radius:4px;flex:1;height:16px;overflow:hidden}.hbar>i{transform-origin:0;height:100%;animation:grow .5s var(--ease-out) both;animation-delay:calc(min(var(--i,0), 12) * 40ms);background:repeating-linear-gradient(90deg,#5fb84a 0 8px,#4ea53c 8px 10px);display:block}@keyframes grow{0%{transform:scaleX(.04)}}.hbar-n{text-align:right;width:64px}.btn{border:3px solid var(--edge);background:linear-gradient(var(--gold1), var(--gold2));border-radius:8px;padding:6px 12px;font-weight:700;box-shadow:0 2px #280f0566}.btn:hover{filter:brightness(1.06)}.goals{padding:4px 2px}.goal{margin:14px 0;font-size:19px}.goal .bar{height:18px;margin-top:6px}.goal svg{vertical-align:-2px;margin-right:6px;display:inline-block}.back{border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:700;transition:transform .12s;display:flex}.back:hover{transform:scale(1.08)}.menu{white-space:nowrap;align-items:center;gap:10px;padding:0 12px;font-size:19px;font-weight:700;transition:filter .12s;display:flex}.menu.on{background:linear-gradient(var(--gold1), var(--gold2))}.menu:hover{filter:brightness(1.05)}.panel-title{margin-bottom:6px;font-size:21px;font-weight:700}.stat{align-items:center;gap:8px;margin:12px 0;font-size:20px;display:flex}.prow{border-bottom:2px dashed #e0a878;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:9px 2px;display:flex}.prow:hover{background:#ffffff40}.cpanel{flex-direction:column;padding:16px 22px;display:flex}@media (prefers-reduced-motion:reduce){.zoom-out,.fade-in,.bubble,.pop,.backdrop,.hbar>i{animation:none}}.notice{background:radial-gradient(#3a2419,#140b07);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.notice .box{text-align:center;max-width:440px;padding:24px 28px;position:relative}.notice h2{margin-bottom:8px;font-size:28px}.notice p{color:var(--muted);margin-bottom:14px;font-size:18px}.notice .btn{display:inline-block}.stale{z-index:50;color:#fff;border:2px solid var(--edge);background:#c0392beb;border-radius:8px;padding:8px 14px;font-weight:700;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.stale a{text-decoration:underline}.field{width:100%;font:inherit;color:var(--ink);border:3px solid var(--edge);background:#fff6e8;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:18px;display:block}.field:focus-visible{outline-offset:1px;outline:3px solid #ffe27a}.btn:disabled{opacity:.6;cursor:default}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.amb{pointer-events:none;position:absolute;inset:0;overflow:hidden}.amb-layer{transition:opacity 1.2s;position:absolute;inset:0}.amb i{display:block;position:absolute}.sky-band{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0 330px,#000 430px 1380px,#0000 1450px);mask-image:linear-gradient(90deg,#0000 0 330px,#000 430px 1380px,#0000 1450px)}.cloud{will-change:transform;animation:linear infinite drift;position:absolute;left:0}@keyframes drift{0%{transform:translate(-260px)}to{transform:translate(1720px)}}.bird{animation:linear infinite fly-across;position:absolute;left:0}@keyframes fly-across{0%{transform:translate(-40px)}50%{transform:translate(840px,-26px)}to{transform:translate(1720px,8px)}}.bird .f1,.bird .f2,.cartero .f1,.cartero .f2{position:absolute;top:0;left:0}.bird .f1,.cartero .f1{animation:.36s step-end infinite frameA}.bird .f2,.cartero .f2{animation:.36s step-end infinite frameB}@keyframes frameA{0%{opacity:1}50%{opacity:0}}@keyframes frameB{0%{opacity:0}50%{opacity:1}}.glint{opacity:0;width:4px;height:4px;animation:ease-in-out infinite twinkle;box-shadow:0 0 4px #ffffffe6}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:.95;transform:scale(1)}}.star{background:#fff;border-radius:1px;width:3px;height:3px;animation:ease-in-out infinite twinkle}.star.big{width:4px;height:4px;box-shadow:0 0 6px #fff}.petal{animation:linear infinite fall;position:absolute;top:-20px}@keyframes fall{0%{transform:translateY(-20px)rotate(0)}to{transform:translate(260px,980px)rotate(540deg)}}.fly{background:#e9ff8a;border-radius:50%;width:5px;height:5px;animation:ease-in-out infinite alternate firefly;box-shadow:0 0 8px 3px #dcff7899}@keyframes firefly{0%{opacity:.2;transform:translate(0)}50%{opacity:1}to{opacity:.3;transform:translate(34px,-28px)}}.win-glow{mix-blend-mode:screen;background:radial-gradient(#ffc4648c,#ffa0462e 45%,#0000 70%);border-radius:50%;width:230px;height:150px;animation:4s ease-in-out infinite alternate glow}@keyframes glow{to{opacity:.8}}.beam{mix-blend-mode:screen;background:conic-gradient(#fff0b473,#0000 12% 88%,#fff0b473);border-radius:50%;width:520px;height:520px;margin:-260px 0 0 -260px;animation:7s linear infinite spin;-webkit-mask:radial-gradient(circle,#000 0 20%,#0000 70%);mask:radial-gradient(circle,#000 0 20%,#0000 70%)}@keyframes spin{to{transform:rotate(360deg)}}.fire{mix-blend-mode:screen;background:radial-gradient(#ffaa3cb3,#ff6e1e33 50%,#0000 70%);border-radius:50%;width:140px;height:120px;margin:-60px 0 0 -70px;animation:.18s steps(2,end) infinite alternate flicker}@keyframes flicker{to{opacity:.65;transform:scale(1.05)}}.puff{background:#ffffff80;border-radius:50%;width:18px;height:18px;animation:3.3s ease-out infinite puff}@keyframes puff{0%{opacity:.7;transform:translate(0)scale(.6)}to{opacity:0;transform:translate(-10px,-90px)scale(2.4)}}.dust{background:#fff0c8cc;width:3px;height:3px;animation:7s ease-in-out infinite alternate firefly}.react{pointer-events:auto;z-index:1;position:absolute}.react.bunting{z-index:2}.raincloud{animation:3s ease-in-out infinite alternate hover;position:relative}@keyframes hover{to{transform:translateY(-4px)}}.drop{background:#7fb0e8;width:2px;height:8px;animation:.7s linear infinite rain;position:absolute;top:22px}@keyframes rain{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(26px)}}.cartero{z-index:5;pointer-events:none;width:40px;height:52px;transition-property:translate;transition-timing-function:linear;position:absolute}.cartero.walking .f1{animation:.36s step-end infinite frameA,.36s ease-in-out infinite alternate step}.cartero.walking .f2{animation:.36s step-end infinite frameB,.36s ease-in-out infinite alternate step}@keyframes step{to{translate:0 -3px}}.cartero.arrived .f1,.cartero.arrived .f2{animation:none}.cartero.arrived .f2{opacity:0}.letter{animation:letter 1.1s var(--ease-pop) forwards;position:absolute;top:-34px;left:2px}@keyframes letter{0%{opacity:0;transform:translateY(14px)scale(.4)}60%{opacity:1}to{transform:translateY(-14px)scale(1)}}.spark{background:#ffe27a;width:6px;height:6px;animation:.9s ease-out forwards spark;top:-16px;left:18px;box-shadow:0 0 6px #ffd23a}@keyframes spark{0%{transform:rotate(var(--a)) translate(0)}to{transform:rotate(var(--a)) translate(46px);opacity:0}}.lbl.bump{animation:bump .6s var(--ease-pop)}@keyframes bump{30%{transform:translateY(-8px)scale(1.06)}}.toast .wrap{white-space:normal;max-height:50px;font-size:13px;line-height:1.25;overflow:hidden}.toast-err{background:linear-gradient(#ffd6c8,#f7b3a0)}.navdot{background:var(--bad);border:2px solid #fff8ec;border-radius:50%;width:12px;height:12px;position:absolute;top:4px;right:12px}.today .kpis{grid-template-columns:120px 1fr 120px 140px;gap:12px;margin-bottom:10px;display:grid}.today .kpis>div{color:var(--muted);background:#ffffff59;border:2px solid #e0a878;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;font-size:15px;display:flex}.today .kpis b{color:var(--ink);font-size:26px}.today .kpis .wide b{font-size:18px}.kinds{flex-wrap:wrap;gap:6px;margin:6px 0 10px;display:flex}.kchip{background:#fbe0bd;border:2px solid #e0a878;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:15px;display:inline-flex}.kl{color:#fff;border-radius:4px;place-items:center;width:20px;height:20px;font-size:12px;display:inline-grid}.k-reel{background:#d6457e}.k-trial{background:#8a5bb0}.k-carrusel{background:#d98a1c}.k-historia{background:#e0617a}.k-video{background:#16a0a6}.k-short{background:#d93a2b}.k-post{background:#3a68c4}.today .cols{grid-template-columns:1fr 1.2fr 1fr;gap:16px;display:grid}.today h3{margin-bottom:6px;font-size:19px}.line{text-align:left;border-bottom:2px dashed #e6b585;align-items:center;gap:8px;width:100%;padding:7px 4px;font-size:16px;display:flex}.line.col{flex-direction:column;align-items:flex-start;gap:2px}button.line:hover{background:#ffffff4d}.line .badges{gap:3px;margin-left:auto;display:flex}.streak{color:#2f7a1c;margin-left:auto;font-weight:700}.tg{background:#dfe9f2;border:2px solid #b9c9d8;border-radius:10px;overflow:hidden}.tg-head{background:#f4f8fb;border-bottom:2px solid #c9d6e2;align-items:center;gap:10px;padding:10px 14px;font-family:system-ui,sans-serif;display:flex}.tg-avatar{color:#fff;background:#4c9a2a;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.tg-body{flex-direction:column;gap:6px;max-height:560px;padding:12px;font-family:system-ui,sans-serif;font-size:15px;display:flex;overflow:auto}.tg-msg{color:#1d2733;background:#fff;border-radius:12px 12px 12px 4px;align-self:flex-start;max-width:88%;padding:7px 11px;box-shadow:0 1px 1px #0000001f}.tg-msg.err{background:#fff0ec}.day .legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:15px;display:flex}.dot{vertical-align:-1px;border-radius:50%;width:12px;height:12px;margin-right:5px;display:inline-block}.dot.ok,.mk.ok{background:#4c9a2a}.dot.celu,.mk.celu{background:#3a68c4}.dot.bad,.mk.bad{background:var(--bad)}.tl{background:repeating-linear-gradient(90deg,#0000 0 calc(12.5% - 1px),#a064322e calc(12.5% - 1px) 12.5%);border-bottom:3px solid #d99a62;margin:6px 14px 14px;position:relative}.tick{color:var(--muted);font-size:13px;position:absolute;top:0;transform:translate(-50%)}.now{background:#ffb43a;width:3px;position:absolute;top:18px;bottom:0;box-shadow:0 0 6px #ffb43a}.mk{color:#fff;width:28px;height:28px;animation:pop .35s var(--ease-pop);border:2px solid #fff8ec;border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 2px #280f0559}.preview-bar{z-index:60;color:#f6dcc0;background:#140b07d9;border:2px solid #6b3a1f;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;font-size:14px;display:flex;position:fixed;bottom:12px;left:12px}.preview-bar button{color:#f6dcc0;background:#3a2419;border:2px solid #6b3a1f;border-radius:6px;padding:4px 8px}.preview-bar button[aria-pressed=true]{background:var(--gold2);color:var(--ink)}@media (prefers-reduced-motion:reduce){.amb *,.cloud,.bird,.petal,.cartero,.letter,.spark,.lbl.bump,.mk,.raincloud,.drop{transition:none!important;animation:none!important}}.sec{margin:20px 0 4px;font-size:19px;font-weight:700}.sec:first-child{margin-top:2px}.analysis>.note{padding:10px 4px 0}.cols2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lnk{color:#7a3d12;font-weight:700;text-decoration:underline}.lnk:focus-visible{outline:3px solid var(--edge);outline-offset:2px}.ptop{z-index:60;padding:calc(6px + env(safe-area-inset-top)) 10px 6px;color:var(--ink);border-bottom:3px solid var(--edge);white-space:nowrap;background:linear-gradient(#fddab2,#f5c291);justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex;position:fixed;top:0;left:0;right:0;overflow-x:auto}.pbar{z-index:60;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:3px solid var(--edge);background:linear-gradient(#fddab2,#f5c291);gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.pbar button{min-width:58px;min-height:52px;color:var(--ink);transition:transform .16s var(--ease-out);border-radius:8px;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:3px;padding:4px 6px;font-size:12px;font-weight:700;display:flex;position:relative}.pbar button:active{transform:scale(.97)}.pbar button[aria-pressed=true]{background:linear-gradient(var(--gold1), var(--gold2));box-shadow:inset 0 0 0 2px var(--edge)}.pbar .navdot{top:4px;right:8px}.pback{font-size:18px;line-height:20px}.backdrop.sheet-bg{z-index:70;align-items:stretch;position:fixed}.modal.sheet{inset:calc(6px + env(safe-area-inset-top)) 6px calc(6px + env(safe-area-inset-bottom));width:auto;max-height:none;padding:10px 12px 12px;position:fixed}.sheet .mhead h2{font-size:21px}.sheet .mbody{overscroll-behavior:contain;overflow:auto}.sheet .tbl{overscroll-behavior-x:contain;max-width:100%;font-size:15px;overflow-x:auto}.sheet .tbl>*{min-height:42px}.sheet .cols2{grid-template-columns:1fr}