.art{height:104px;margin:calc(var(--space-2) * -1) calc(var(--space-1) * -1) 0;perspective:560px;contain:layout paint;position:relative}.art:before{content:"";pointer-events:none;opacity:.35;transition:opacity var(--dur-hover) var(--ease);background:radial-gradient(closest-side,#ffa24d38,#0000);border-radius:50%;position:absolute;inset:8% 6%}.tile:hover .art:before{opacity:1}.art .tilt{transform-style:preserve-3d;transform:rotateX(calc(14deg + var(--rx,0deg))) rotateY(calc(-20deg + var(--ry,0deg)));transition:transform .3s var(--ease);place-items:center;display:grid;position:absolute;inset:0}.tile:active .art .tilt{transform:rotateX(8deg)rotateY(-8deg)scale3d(1.1,1.1,1.1)}.art .float{transform-style:preserve-3d;animation:6s ease-in-out infinite alternate art-float}.art .obj{width:92px;height:68px;transform-style:preserve-3d;position:relative}.tile:hover .art .float{animation-duration:3.2s}.art:not(.live) *{animation-play-state:paused!important}@keyframes art-float{0%{transform:translateY(3px)rotate(-1.5deg)}to{transform:translateY(-5px)rotate(1.5deg)}}.art .p{transform-style:preserve-3d;transform:translate3d(var(--x,0px), var(--y,0px), var(--z,0px));backface-visibility:visible;position:absolute}.art .glass{background:linear-gradient(145deg,#ffffff1f,#ffffff08);border:1px solid #fff3;border-radius:8px;box-shadow:0 10px 24px #00000080,inset 0 1px #ffffff2e}.art b,.art i,.art em{font-style:normal}.art--macro_calculator .card{align-content:start;gap:5px;padding:9px 10px;display:grid;inset:0}.art--macro_calculator .num{font:700 17px/1 var(--font-display);color:var(--text)}.art--macro_calculator .card i{color:var(--text-muted);font-size:8px;position:absolute;top:11px;right:10px}.art--macro_calculator .bar{background:#ffffff1f;border-radius:3px;height:5px;display:block;position:relative;overflow:hidden}.art--macro_calculator .bar:after{content:"";width:var(--w);background:var(--accent);transform-origin:0;animation:art-fill 3.4s var(--ease) infinite alternate;border-radius:3px;position:absolute;inset:0}.art--macro_calculator .chip{width:22px;height:22px;font:700 10px var(--font-display);color:var(--accent-ink);background:var(--accent);border-radius:50%;place-items:center;animation:3s ease-in-out infinite alternate art-bob;display:grid;box-shadow:0 6px 14px #ffa24d80}.art--macro_calculator .chip.alt{background:var(--text);animation-delay:-1.4s}@keyframes art-fill{0%{transform:scaleX(.25)}to{transform:scaleX(1)}}@keyframes art-bob{0%{margin-top:0;transform:translate(0,0)}to{margin-top:-5px}}.art--promise_keeper_score .dial,.art--desk_reset .dial{width:76px;height:76px;margin:-38px 0 0 -38px;top:50%;left:50%;overflow:visible}.art .dial circle{fill:none;stroke-linecap:round;transform-origin:50%;transform:rotate(-90deg)}.art .dial .trk{stroke:#ffffff24;stroke-width:9px}.art .dial .arc{stroke:var(--accent);stroke-width:9px;stroke-dasharray:100;stroke-dashoffset:100px;animation:art-arc 3.6s var(--ease) infinite alternate;filter:drop-shadow(0 0 6px #ffa24db3)}.art .dial.orange .arc{stroke-dashoffset:62px;animation-name:art-arc-timer}@keyframes art-arc{0%{stroke-dashoffset:100px}to{stroke-dashoffset:10px}}@keyframes art-arc-timer{0%{stroke-dashoffset:100px}to{stroke-dashoffset:18px}}.art .ring-back{border:1px dashed #ffffff38;border-radius:50%;width:92px;height:92px;margin:-46px 0 0 -46px;animation:14s linear infinite art-spin;top:50%;left:50%}@keyframes art-spin{to{transform:translate3d(var(--x,0px), var(--y,0px), var(--z,0px)) rotateZ(360deg)}}.art .score{text-align:center;width:60px;margin:-14px 0 0 -30px;line-height:1;display:grid;top:50%;left:50%}.art .score b{font:700 24px/1 var(--font-display);color:var(--text)}.art .score i{letter-spacing:.08em;color:var(--text-muted);margin-top:2px;font-size:8px}.art .weekgrid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid;inset:4px 0}.art .slab{height:26px;font:600 9px var(--font-display);color:var(--text-muted);animation:3.2s ease-in-out infinite alternate art-slab;animation-delay:calc(var(--i) * -.4s);background:#ffffff12;border:1px solid #ffffff24;border-radius:6px;place-items:center;display:grid;transform:translate(0,0)}.art .slab.on{color:var(--accent-ink);background:linear-gradient(160deg, #ffb870, var(--accent));border-color:#0000;box-shadow:0 6px 14px #ffa24d59}@keyframes art-slab{0%{transform:translate(0,0)}to{transform:translate3d(0,-3px,16px)}}.art .paper{align-content:start;gap:7px;width:58px;height:74px;margin:-37px 0 0 -29px;padding:8px 7px;display:grid;top:50%;left:50%}.art .paper.back{transform:translate3d(5px, 4px, var(--z)) rotateZ(4deg);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px}.art .ptitle{font:700 7px var(--font-display);letter-spacing:.2em;color:var(--accent)}.art .row{align-items:center;gap:5px;display:flex}.art .row u{border:1.3px solid #ffffff80;border-radius:2px;width:9px;height:9px;position:relative}.art .row u:after{content:"";border:solid var(--accent);opacity:0;width:4px;height:8px;animation:4s ease-in-out infinite art-tick;animation-delay:calc(var(--i) * .5s);border-width:0 2px 2px 0;position:absolute;top:-3px;left:1.5px;transform:rotate(40deg)}.art .row s{background:#fff3;border-radius:2px;flex:1;height:3px}@keyframes art-tick{0%,15%{opacity:0}30%,80%{opacity:1}to{opacity:0}}.art .cover{transform-origin:0;background:linear-gradient(150deg,#2a2a2a,#121212);border:1px solid #fff3;border-radius:3px 7px 7px 3px;align-content:space-between;justify-items:center;width:52px;height:70px;margin:-35px 0 0 -26px;padding:9px 6px;animation:5s ease-in-out infinite alternate art-open;display:grid;top:50%;left:50%;transform:translateZ(4px)rotateY(-22deg);box-shadow:0 12px 22px #0000008c}.art .cover b{font:700 7.5px var(--font-display);letter-spacing:.14em;color:var(--accent)}.art .plate{border:2px solid #ffffff80;border-radius:50%;width:26px;height:26px;box-shadow:inset 0 0 0 5px #ffffff1a}.art .pages{background:repeating-linear-gradient(0deg,#e8e4dc 0 3px,#cfc9bd 3px 4px);border-radius:3px 7px 7px 3px;width:52px;height:70px;margin:-35px 0 0 -26px;top:50%;left:50%}.art .spine{background:var(--accent);transform-origin:100%;width:8px;height:70px;margin:-35px 0 0 -30px;top:50%;left:50%;transform:rotateY(-90deg)translateZ(4px)}@keyframes art-open{0%{transform:translateZ(4px)rotateY(-18deg)}to{transform:translateZ(4px)rotateY(-52deg)}}.art .plate-big{background:radial-gradient(circle,#4a4a4a 0 52%,#2c2c2c 53% 100%);border:2px solid #ffffff80;border-radius:50%;width:88px;height:88px;margin:-44px 0 0 -44px;top:50%;left:50%;transform:rotateX(70deg)translate(0,0);box-shadow:0 0 0 7px #ffffff12,0 0 22px #ffa24d40}.art .block{width:22px;height:22px;animation:art-swap 4.2s var(--ease) infinite;border-radius:7px;margin:-11px 0 0 -11px;top:50%;left:50%;box-shadow:0 8px 14px #00000080}.art .block.pro{background:linear-gradient(160deg, #ffb870, var(--accent));--x:-30px;--y:6px}.art .block.carb{--x:0px;--y:-12px;background:linear-gradient(160deg,#f2e6d0,#cdbb98);animation-delay:-1.4s}.art .block.fat{--x:30px;--y:6px;background:linear-gradient(160deg,#fff,#cfcfcf);animation-delay:-2.8s}@keyframes art-swap{0%,to{transform:translate3d(var(--x), var(--y), var(--z)) rotateZ(0deg)}50%{transform:translate3d(calc(var(--x) * -.6), calc(var(--y) - 10px), calc(var(--z) + 12px)) rotateZ(18deg)}}.art .bars3d{justify-content:center;align-items:flex-end;gap:7px;display:flex;inset:0;transform:translate(0,0)}.art .col{width:12px;height:var(--h);background:linear-gradient(180deg, #ffb870, var(--accent) 60%, #b4650f);transform-origin:50% 100%;animation:art-grow 3.4s var(--ease) infinite alternate;animation-delay:calc(var(--i) * .18s);border-radius:3px 3px 1px 1px;position:relative;box-shadow:6px 0 0 -1px #8a4c0b,0 10px 16px #00000080}.art .col em{clip-path:polygon(0 100%,50% 0,100% 0,50% 100%);background:#ffd3a3;height:5px;position:absolute;top:-5px;left:0;right:-6px}.art .arrowup{border:solid var(--text);opacity:.85;border-width:2px 2px 0 0;width:14px;height:14px;animation:2.6s ease-in-out infinite alternate art-bob;position:absolute;top:-10px;right:-4px;transform:translateZ(30px)rotate(-45deg)}@keyframes art-grow{0%{transform:scaleY(.32)}to{transform:scaleY(1)}}.art .timer{inset:2px 4px}.art .daycard{width:62px;height:40px;transform:translate3d(calc(var(--n) * 5px), calc(var(--n) * -7px), calc(var(--n) * -14px)) rotateZ(calc(var(--n) * 3deg));animation:4s ease-in-out infinite alternate art-fan;animation-delay:calc(var(--n) * -.3s);align-content:start;gap:4px;margin:-20px 0 0 -31px;padding:7px 8px;display:grid;top:50%;left:50%}.art .daycard b{font:700 8px var(--font-display);letter-spacing:.14em;color:var(--accent)}.art .daycard .line{background:#ffffff38;border-radius:2px;height:3px}.art .daycard .line.s{width:60%}@keyframes art-fan{0%{margin-top:-20px}to{margin-top:-26px}}@media (width>=720px){.art{height:124px}.art .obj{transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.art .float,.art .tilt,.art *{animation:none!important}.art .arc{stroke-dashoffset:18px}.art .col{transform:none}}