.canvas{gap:var(--space-4);min-width:0;display:grid;container-type:inline-size}.canvas :is(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.canvas-tools{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.canvas-status{color:var(--muted);font:400 13px/1.4 var(--sans)}.canvas-recipe{padding:var(--space-4);border:1px dashed var(--faint);border-radius:var(--radius-panel);background:var(--wash);font:400 14px/1.45 var(--sans)}.canvas-recipe p{margin:0 0 var(--space-2);color:var(--muted)}.canvas-recipe ol{gap:var(--space-1);overflow-wrap:anywhere;margin:0;padding-left:20px;display:grid}.canvas-grid{gap:var(--space-3);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.canvas-block{gap:var(--space-2);min-width:0;padding:var(--space-4) var(--space-5);border:1px solid var(--rule);border-radius:var(--radius-panel);grid-column:span 6;align-content:start;display:grid}.canvas-span-3{grid-column:span 3}.canvas-span-2{grid-column:span 2}.is-recipe .canvas-block{outline:1px dashed var(--faint);outline-offset:2px}.canvas-kind{color:var(--muted);font:500 12px/1.3 var(--sans);margin:0}.canvas-source{margin:var(--space-1) 0 0;color:var(--faint);font:400 12px/1.4 var(--sans)}.canvas-label{color:var(--muted);font:500 13px/1.3 var(--sans);margin:0}.canvas-number{font:400 28px/1.15 var(--serif);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;margin:0}.canvas-number small{color:var(--muted);font:400 13px/1.3 var(--sans);white-space:normal}.canvas-sub,.canvas-note{color:var(--muted);font:400 13px/1.45 var(--sans);margin:0}.canvas-note{overflow-wrap:anywhere}.canvas-sub b{color:var(--ink);font-weight:500}.canvas-text{font:400 15px/1.5 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.canvas .is-short{color:var(--red)}.canvas-sentence{max-width:30em;font:400 26px/1.25 var(--serif);text-wrap:pretty;margin:0}.canvas-sentence a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--chart);text-decoration-color:var(--chart);text-underline-offset:3px;text-decoration-thickness:2px}@media (max-width:899px){.canvas-sentence a{overflow-wrap:anywhere;align-items:center;max-width:100%;min-height:44px;display:inline-flex}}.canvas-meter{background:var(--wash);border-radius:5px;height:10px;overflow:hidden}.canvas-meter i{background:var(--chart);border-radius:5px;height:100%;display:block}.canvas-goals{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin:0;padding:0;list-style:none;display:grid}.canvas-goals li{align-content:start;gap:var(--space-2);overflow-wrap:anywhere;min-width:0;display:grid}.canvas-goals .canvas-number{white-space:normal}.canvas-chart{margin:0}.canvas-plot{height:180px;position:relative}.canvas-plot svg{width:100%;height:100%;position:absolute;inset:0}.canvas-baseline{fill:none;stroke:var(--rule);stroke-width:1px;vector-effect:non-scaling-stroke}.canvas-line{fill:none;stroke:var(--chart);stroke-width:2px;vector-effect:non-scaling-stroke}.canvas-zero{color:var(--faint);font:400 11px/1 var(--sans);position:absolute;left:0;transform:translateY(-110%)}.canvas-dot{border:2px solid var(--chart);background:var(--screen);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute}.canvas-dot.is-short{border-color:var(--red)}.canvas-low{white-space:nowrap;color:var(--ink);font:500 12px/1 var(--sans);font-variant-numeric:tabular-nums;position:absolute;transform:translate(-50%,10px)}.canvas-mark{box-sizing:border-box;border:2px solid var(--ink);pointer-events:none;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute}.canvas-mark-label{white-space:nowrap;color:var(--ink);font:600 12px/1 var(--sans);font-variant-numeric:tabular-nums;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.canvas-chart figcaption{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-1);color:var(--muted);font:400 12px/1.3 var(--sans);display:flex}.canvas-rows{margin:0;padding:0;list-style:none;display:grid}.canvas-row{gap:var(--space-3);padding-block:var(--space-2);border-top:1px solid var(--rule);font:400 14px/1.4 var(--sans);grid-template-columns:52px minmax(0,1fr) auto auto;align-items:baseline;display:grid}.canvas-row:first-child{border-top:0}.canvas-row.is-marked{background:var(--wash);box-shadow:inset 3px 0 0 var(--ink);padding-inline:var(--space-2)}.canvas-row.is-marked .canvas-what small:first-of-type{color:var(--ink);font-weight:600}.canvas-row time{color:var(--muted)}.canvas-what{overflow-wrap:anywhere;min-width:0}.canvas-what small{color:var(--muted);font-size:12px;display:block}.canvas-what small.is-short{color:var(--red)}.canvas-amount,.canvas-balance{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.canvas-amount.is-in{color:var(--green)}.canvas-balance{color:var(--muted);min-width:5.5em}.canvas-table-scroll{min-width:0;overflow-x:auto}.canvas-table{border-collapse:collapse;width:100%;font:400 13px/1.4 var(--sans);font-variant-numeric:tabular-nums}.canvas-table :is(th,td){padding:var(--space-2) var(--space-2);border-top:1px solid var(--rule);text-align:right;vertical-align:baseline}.canvas-table thead th{color:var(--muted);border-top:0;font-weight:500}.canvas-table :is(th,td):first-child{text-align:left;overflow-wrap:break-word;min-width:8rem;padding-left:0}.canvas-table :is(th,td):last-child{padding-right:0}.canvas-table tbody th{font-weight:400}.canvas-table :is(th,td):not(:first-child){white-space:nowrap}.canvas-table tfoot :is(th,td){font-weight:600}.canvas-table tr.is-up td:last-child{color:var(--red)}.canvas-table tr.is-down td:last-child{color:var(--green)}.canvas-table tr.is-short td{color:var(--red)}.canvas-legend{gap:var(--space-4);color:var(--muted);font:400 12px/1.3 var(--sans);display:flex}.canvas-legend span:before,.canvas-bar i{background:var(--faint)}.canvas-legend span:before{content:"";border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.canvas-legend span.is-new:before,.canvas-bar.is-new i{background:var(--chart)}.canvas-compare{gap:var(--space-3);display:grid}.canvas-compare-row{gap:var(--space-1) var(--space-3);grid-template-columns:9em minmax(0,1fr);align-items:center;display:grid}.canvas-compare-name{font:400 14px/1.3 var(--sans);overflow-wrap:anywhere}.canvas-compare-name small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;display:block}.canvas-bars{gap:3px;min-width:0;display:grid}.canvas-bar{align-items:center;gap:var(--space-2);min-width:0;color:var(--muted);font:400 12px/1.2 var(--sans);font-variant-numeric:tabular-nums;display:flex}.canvas-bar.is-new{color:var(--ink)}.canvas-bar i{border-radius:0 4px 4px 0;min-width:2px;max-width:calc(100% - 7em);height:10px;display:block}.canvas-bar-name{text-overflow:ellipsis;white-space:nowrap;flex:none;width:4.5em;font-weight:400;overflow:hidden}.canvas-bar-name~i{max-width:calc(100% - 12em)}.canvas-switch{gap:var(--space-2);margin:var(--space-2) 0;display:flex}.canvas-switch .ui-button[aria-pressed=true]{border-color:var(--accent-border);background:var(--accent);color:var(--on-accent)}.canvas-bar em{white-space:nowrap;font-style:normal}.canvas-sliders{gap:var(--space-4);display:grid}.canvas-slider{gap:var(--space-1);display:grid}.canvas-slider label{justify-content:space-between;gap:var(--space-1) var(--space-3);font:400 14px/1.3 var(--sans);flex-wrap:wrap;display:flex}.canvas-slider label b{font-weight:500}.canvas-slider input[type=range]{width:100%;min-height:var(--control-height);accent-color:var(--chart)}.canvas-slider small{color:var(--muted);font:400 12px/1.3 var(--sans)}.canvas-letter{padding:var(--space-4);border:1px solid var(--rule);border-radius:var(--radius-control);background:var(--wash);font:400 16px/1.55 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere}.canvas-block>.ui-button{justify-self:start}@container (max-width:560px){.canvas-grid{grid-template-columns:minmax(0,1fr)}.canvas-block,.canvas-span-3,.canvas-span-2{padding:var(--space-4);grid-column:auto}.canvas-sentence{font-size:22px}.canvas-row{grid-template-columns:48px minmax(0,1fr) auto}.canvas-balance{text-align:left;grid-column:2/-1;min-width:0}.canvas-compare-row{grid-template-columns:minmax(0,1fr)}.canvas-plot{height:160px}}@media (prefers-reduced-motion:no-preference){.canvas-line{transition:d .2s}}