:root{--display:"Bricolage Grotesque", system-ui, sans-serif;--body:"Hanken Grotesk", system-ui, sans-serif;--red:#df4329;--blue:#2f57d8;--yellow:#e6a426;--green:#3a9d57;--bg:#eee9df;--bg-tint:#e7e1d4;--surface:#fbf9f4;--surface-2:#f3efe6;--ink:#1a1613;--ink-soft:#7a6f60;--ink-faint:#a99d89;--line:#1a161317;--shadow:0 22px 46px -26px #3626106b, 0 4px 14px -10px #3626104d;--shadow-lift:0 34px 60px -28px #36261080, 0 8px 20px -12px #36261057;--orb-glow:0 0 0 #0000;--grain-op:.025}@media (prefers-color-scheme:dark){:root{--red:tomato;--blue:#5b82ff;--yellow:#ffc457;--green:#5ec57e;--bg:#141109;--bg-tint:#1a160d;--surface:#201b12;--surface-2:#262116;--ink:#f3ecdd;--ink-soft:#a99b83;--ink-faint:#6c6049;--line:#f3ecdd1a;--shadow:0 28px 56px -26px #000000b8, 0 6px 18px -12px #0009;--shadow-lift:0 40px 80px -28px #000c, 0 10px 26px -14px #000000b3;--orb-glow:0 0 80px -10px;--grain-op:.05}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;transition:background .6s,color .6s}body:before{content:"";pointer-events:none;z-index:0;opacity:var(--grain-op);mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}.wrap{z-index:1;max-width:1020px;padding:calc(34px + env(safe-area-inset-top)) calc(26px + env(safe-area-inset-right)) calc(90px + env(safe-area-inset-bottom)) calc(26px + env(safe-area-inset-left));margin:0 auto;position:relative}.topbar{opacity:0;justify-content:space-between;align-items:center;margin-bottom:36px;animation:.8s 50ms forwards glide;display:flex}.hello{flex-direction:column;gap:1px;display:flex}.hello .greet{font-family:var(--display);letter-spacing:-.02em;font-size:23px;font-weight:600}.hello .sub{color:var(--ink-soft);font-size:12.5px}.hello .sub b{color:var(--ink);font-weight:600}.hero{opacity:0;grid-template-columns:300px 1fr;align-items:center;gap:40px;margin-bottom:46px;animation:.9s .14s forwards glide;display:grid}.orb-stage{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;place-items:center;width:300px;height:300px;display:grid;position:relative}.orb-stage:focus-visible{outline:2px solid color-mix(in oklab, var(--yellow) 55%, var(--red));outline-offset:8px;border-radius:50%}.orb-stage.refreshing{animation:.85s cubic-bezier(.34,1.2,.4,1) charge}@keyframes charge{0%{filter:brightness()saturate();transform:scale(1)}18%{filter:brightness(1.06)saturate(1.06);transform:scale(.9)}46%{filter:brightness(1.28)saturate(1.16);transform:scale(1.07)}70%{transform:scale(.98)}to{filter:brightness()saturate();transform:scale(1)}}.orb-stage.refreshing .orb-ring{animation:1.6s cubic-bezier(.22,.55,.18,1) ringspin}@keyframes ringspin{0%{transform:rotate(-90deg)}to{transform:rotate(630deg)}}.orb-ripple{pointer-events:none;border:2px solid color-mix(in oklab, var(--yellow) 58%, var(--red));border-radius:50%;animation:.82s cubic-bezier(.2,.65,.3,1) forwards ripple;position:absolute;inset:11%}.orb-ripple.r2{animation-delay:.14s}@keyframes ripple{0%{opacity:.5;transform:scale(.84)}to{opacity:0;transform:scale(1.5)}}.orb{isolation:isolate;background:radial-gradient(60% 60% at 35% 30%, color-mix(in oklab, var(--yellow) 78%, white 8%), transparent 70%), radial-gradient(80% 80% at 70% 75%, color-mix(in oklab, var(--red) 80%, black 6%), transparent 75%), linear-gradient(135deg, var(--yellow), var(--red));width:228px;height:228px;box-shadow:var(--orb-glow) color-mix(in oklab, var(--red) 55%, transparent);will-change:border-radius, transform;border-radius:42% 58% 57% 43%/47% 44% 56% 53%;animation:16s ease-in-out infinite morph,5.5s ease-in-out infinite breathe,5.5s ease-in-out infinite glowpulse;position:relative;overflow:hidden}.orb:before{content:"";background:conic-gradient(from 0deg, transparent 0%, oklab(100% 0 5.96046e-8/.42) 13%, transparent 33%, color-mix(in oklab, var(--yellow) 60%, transparent) 50%, transparent 68%, color-mix(in oklab, var(--red) 50%, transparent) 86%, transparent 100%);mix-blend-mode:soft-light;opacity:.9;clip-path:circle(50%);border-radius:46% 54% 52% 48%/50% 47% 53% 50%;animation:13s linear infinite swirl;position:absolute;inset:0}.orb:after{content:"";border-radius:inherit;mix-blend-mode:soft-light;clip-path:circle(50%);background:radial-gradient(46% 42% at 36% 30%,#ffffff8c,#0000 60%);animation:9s ease-in-out infinite alternate shine;position:absolute;inset:10px}.orb-ring{position:absolute;inset:0;transform:rotate(-90deg)}.orb-ring circle{fill:none;stroke-width:5px;stroke-linecap:round}.orb-ring .bg{stroke:var(--line)}.orb-ring .fg{stroke:color-mix(in oklab, var(--yellow) 60%, var(--red));transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1)}.hero-read .state{font-family:var(--display);letter-spacing:-.035em;font-size:48px;font-weight:700;line-height:.98}.hero-read .state .dot{color:color-mix(in oklab, var(--yellow) 50%, var(--red))}.hero-read .line{font-family:var(--display);color:var(--ink-soft);max-width:34ch;margin-top:12px;font-size:21px;font-weight:400;line-height:1.35}.hero-read .line b{color:var(--ink);font-weight:600}.hero-read .micro{gap:22px;margin-top:22px;display:flex}.hero-read .micro .m .v{font-family:var(--display);letter-spacing:-.02em;font-size:26px;font-weight:700}.hero-read .micro .m .v .vu{letter-spacing:0;margin-left:3px;font-size:14px;font-weight:500}.hero-read .micro .m .v.bad{color:var(--red)}.hero-read .micro .m .k{color:var(--ink-soft);letter-spacing:.02em;font-size:11px}.stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stat{opacity:0;flex-direction:column;padding:2px 6px 0;animation:.9s forwards glide;display:flex;position:relative}.stat:first-child{animation-delay:.28s}.stat:nth-child(2){animation-delay:.34s}.stat:nth-child(3){animation-delay:.4s}.stat:nth-child(4){animation-delay:.46s}.stats.refreshed .stat{animation:.55s cubic-bezier(.34,1.5,.45,1) both pop-in}.stats.refreshed .stat:first-child{animation-delay:0s}.stats.refreshed .stat:nth-child(2){animation-delay:60ms}.stats.refreshed .stat:nth-child(3){animation-delay:.12s}.stats.refreshed .stat:nth-child(4){animation-delay:.18s}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)scale(.94)}60%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}.stat.c-red{--accent:var(--red)}.stat.c-yellow{--accent:var(--yellow)}.stat.c-blue{--accent:var(--blue)}.stat.c-green{--accent:var(--green)}.stat .lab{font-family:var(--display);color:var(--ink-soft);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.stat .lab .pip{background:var(--accent);width:9px;height:9px;box-shadow:0 0 12px -1px color-mix(in oklab, var(--accent) 75%, transparent);border-radius:50%}.stat .big{font-family:var(--display);letter-spacing:-.035em;min-height:42px;margin-top:13px;font-size:42px;font-weight:700;line-height:1}.stat .big .u{color:var(--ink-soft);letter-spacing:0;margin-left:5px;font-size:15px;font-weight:500}.stat .big.bad{color:var(--red)}.stat .big.is-rest{color:var(--ink-soft);font-size:30px}.stat .sub{color:var(--ink-faint);min-height:20px;margin-top:8px;margin-bottom:14px;font-size:12px}.stat .sub b{color:var(--ink-soft);font-weight:600}.trend{vertical-align:-1px;width:11px;height:11px;margin-right:2px;display:inline-block}.trend.down{color:var(--green)}.trend.up{color:var(--red);transform:rotate(180deg)}.stat .meter{background:var(--surface-2);border-radius:999px;height:5px;margin-top:auto;overflow:hidden;box-shadow:inset 0 1px 2px #00000024}.stat .meter .fill{background:var(--accent);height:100%;box-shadow:0 0 14px -2px color-mix(in oklab, var(--accent) 65%, transparent);border-radius:999px;transition:width 1.3s cubic-bezier(.2,.8,.2,1)}.stat.rest .meter{box-shadow:none;background:0 0;border:none;border-radius:0;align-items:center;height:5px;margin-top:auto;display:flex;overflow:visible}.stat.rest .meter:before{content:"";border-top:2px dashed color-mix(in oklab, var(--blue) 55%, var(--line));flex:1}.meter.split{gap:3px;display:flex}.meter.split .seg{border-radius:999px;height:100%}.meter.split .p{background:var(--red)}.meter.split .c{background:var(--yellow)}.meter.split .f{background:color-mix(in oklab, var(--yellow) 46%, var(--ink))}.sub.macros{align-items:center;gap:15px;line-height:1;display:flex}.sub.macros .mc{color:var(--ink-soft);align-items:baseline;gap:6px;font-size:11.5px;display:inline-flex}.sub.macros .mc b{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:14px;font-weight:700}.sub.macros .mc i{border-radius:50%;align-self:center;width:7px;height:7px}.sub.macros .mc.p i{background:var(--red)}.sub.macros .mc.c i{background:var(--yellow)}.sub.macros .mc.f i{background:color-mix(in oklab, var(--yellow) 46%, var(--ink))}.day{opacity:0;margin-top:60px;animation:.9s .5s forwards glide}.day-grid{grid-template-columns:1.45fr 1fr;display:grid}.dlist{min-width:0;padding-right:48px}.dread{border-left:1px solid var(--line);padding-left:48px}.dread-label{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:16px;font-size:11px;font-weight:600}.dread-text{font-family:var(--display);letter-spacing:-.01em;font-size:19px;font-weight:400;line-height:1.46}.dread-text b{color:var(--red);font-weight:700}.dread-still{margin-top:30px}.sline{border-top:1px solid var(--line);grid-template-columns:9px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.sline:last-child{border-bottom:1px solid var(--line)}.sline .spip{background:var(--accent);width:8px;height:8px;box-shadow:0 0 11px -1px color-mix(in oklab, var(--accent) 75%, transparent);border-radius:50%}.sline .slab{color:var(--ink-soft);font-size:13px}.sline .sval{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;font-size:13.5px;font-weight:700}.sline.p{--accent:var(--red)}.sline.fib{--accent:var(--green)}.sline.water{--accent:var(--blue)}.day-head{align-items:baseline;gap:11px;margin-bottom:10px;display:flex}.day-head h2{font-family:var(--display);letter-spacing:-.025em;font-size:20px;font-weight:700}.day-head .meta{color:var(--ink-soft);font-size:12.5px}.day-head .meta b{color:var(--ink);font-weight:600}.day-head .meta .rest-flag{color:var(--ink-faint)}.entry{cursor:pointer;border-radius:10px;grid-template-columns:48px 11px 1fr auto;align-items:start;gap:0 16px;padding:14px 8px;transition:background .3s;display:grid}.entry:hover{background:var(--surface-2)}.etime{font-family:var(--display);color:var(--ink-soft);padding-top:2px;font-size:13px;font-weight:600}.epip{background:var(--accent);width:9px;height:9px;box-shadow:0 0 13px -1px color-mix(in oklab, var(--accent) 75%, transparent);border-radius:50%;margin-top:7px}.enm{font-family:var(--display);letter-spacing:-.01em;font-size:15.5px;font-weight:600}.enm .emeta{font-family:var(--body);color:var(--ink-faint);letter-spacing:0;margin-left:11px;font-size:12.5px;font-weight:400}.ekc{font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;padding-top:1px;font-size:15.5px;font-weight:700}.ekc span{color:var(--ink-faint);letter-spacing:0;margin-left:3px;font-size:11px;font-weight:500}.edetail{opacity:0;flex-wrap:wrap;align-items:center;gap:16px;max-height:0;transition:max-height .45s cubic-bezier(.2,.8,.2,1),opacity .35s,margin .35s;display:flex;overflow:hidden}.entry.open .edetail{opacity:1;max-height:60px;margin-top:12px}.entry.open .echev{transform:rotate(90deg)}.echev{font-family:var(--display);color:var(--ink-faint);margin-left:12px;font-size:13px;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:inline-block}.mc{color:var(--ink-soft);align-items:baseline;gap:6px;font-size:12px;display:inline-flex}.mc b{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:13.5px;font-weight:700}.mc i{border-radius:50%;align-self:center;width:7px;height:7px}.mc.p i{background:var(--red)}.mc.c i{background:var(--yellow)}.mc.f i{background:color-mix(in oklab, var(--yellow) 46%, var(--ink))}.mx{color:var(--ink-faint);font-size:11.5px}.entry.fuel{--accent:var(--yellow)}.entry.treat{--accent:var(--red)}.entry.prot{--accent:var(--green)}.entry.rest{--accent:var(--blue)}.entry.rest .epip{box-shadow:none;border:1.5px solid color-mix(in oklab, var(--blue) 55%, var(--line));background:0 0}.entry.rest .enm,.entry.rest .etime{color:var(--ink-soft)}.entry.rest .ekc{color:var(--ink-faint);font-size:12.5px;font-weight:600}@keyframes glide{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes morph{0%,to{border-radius:42% 58% 57% 43%/47% 44% 56% 53%}25%{border-radius:58% 42% 45% 55%/55% 52% 48% 45%}50%{border-radius:46% 54% 62% 38%/42% 58%}75%{border-radius:52% 48% 40% 60%/58% 42% 56% 44%}}@keyframes swirl{to{transform:rotate(360deg)}}@keyframes shine{0%{transform:translate(-7px,5px)scale(1)}to{transform:translate(11px,-9px)scale(1.07)}}@keyframes glowpulse{0%,to{filter:brightness()saturate()}50%{filter:brightness(1.07)saturate(1.08)}}@media (prefers-reduced-motion:reduce){*{opacity:1!important;animation:none!important;transform:none!important}}@media (width<=860px){.hero{text-align:center;grid-template-columns:1fr;justify-items:center;gap:26px}.hero-read .micro{justify-content:center}.stats{grid-template-columns:repeat(2,1fr);gap:26px 16px}.day-grid{grid-template-columns:1fr}.dlist{padding-right:0}.dread{border-left:0;border-top:1px solid var(--line);margin-top:34px;padding-top:30px;padding-left:0}}@media (width<=480px){.wrap{padding:calc(26px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(72px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left))}.orb-stage{width:248px;height:248px}.orb{width:188px;height:188px}.hero-read .state{font-size:42px}.hero-read .line{font-size:19px}.hero-read .micro{gap:16px}.hero-read .micro .m .v{font-size:23px}}