.log-sheet{background-color:var(--log-paper);border:1px solid var(--log-rule);border-radius:calc(var(--radius) * 1.5)}.log-rule-b{border-bottom:1px solid var(--log-rule)}.log-rule-r{border-right:1px solid var(--log-rule)}.log-head{color:var(--primary);letter-spacing:.04em}.gauge-tube{background-color:var(--log-water);border-radius:999px;position:relative;overflow:hidden}.gauge-fill{transform-origin:0;border-radius:999px;position:absolute;inset:0}.gauge-ticks{background-image:repeating-linear-gradient(to right, transparent 0, transparent calc(25% - 1px), color-mix(in oklch, var(--card) 70%, transparent) calc(25% - 1px), color-mix(in oklch, var(--card) 70%, transparent) 25%);pointer-events:none;position:absolute;inset:0}.contract-cell{aspect-ratio:1;border:1px solid var(--log-rule);border-radius:calc(var(--radius) * .35)}@media (prefers-reduced-motion:no-preference){.gauge-fill{transition:transform .9s cubic-bezier(.2,.7,.2,1),background-color .4s}@keyframes ink-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.ink-in{animation:.65s cubic-bezier(.3,.6,.2,1) both ink-in}@keyframes check-draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.check-draw path{stroke-dasharray:24;animation:.42s ease-out .3s both check-draw}}
