:root{--echo-surface:#f7f7f7;--echo-cap:#fbfbfb;--echo-cap-highlight:#fefefe;--echo-cap-shadow:#d7d6d4;--echo-well:#ededed;--echo-accent:#7fa100;--echo-accent-highlight:#ccd59d;--echo-accent-pressed:#4e6900;--echo-accent-glow:#739400;--echo-accent-ink:#486100;--echo-primary-cap-top:#618000;--echo-primary-cap-mid:#577300;--echo-primary-cap-base:#445c00;--echo-primary-cap-ink:#fefefe;--echo-pour-top:#acc085;--echo-pour-mid:#92ae54;--echo-pour-base:#739400;--echo-accent-fill-top:#5d7b00;--echo-accent-fill-base:#475f00;--echo-lcd:#f0f0f0;--echo-lcd-glow:#f0f0f0;--echo-text:#111111;--echo-text-dim:#444444;--echo-seam:#c3c3c3;--echo-screen-glass:#f0f0f0;--echo-screen-well:#ededed;--echo-screen-ink:#111111;--echo-screen-ink-dim:#444444;--echo-paper-stock:#fefefe;--echo-paper-ink:#111111;--echo-bloom:#acc085;--echo-shade-ink:#c3c3c3;--echo-cast-ink:#1b1b1b;--echo-accent-1:#d7e1c6;--echo-accent-2:#acc085;--echo-accent-3:#799b00;--echo-accent-4:#648300;--echo-accent-5:#4e6900;--echo-accent-6:#364900;--echo-accent-7:#1e2902;--echo-font-machine:DM Sans,Arial,sans-serif;--echo-font-sans:DM Sans,Arial,sans-serif;--echo-font-mono:DM Mono,monospace;--echo-font-lcd:DM Sans,Arial,sans-serif;--echo-radius-xs:2.5px;--echo-radius-sm:7px;--echo-radius-md:10.5px;--echo-radius-lg:14px;--echo-radius-xl:16.5px;--echo-radius-2xl:21px;--echo-radius-3xl:26px;--echo-radius-full:999px;--echo-text-3xs:0.625rem;--echo-text-2xs:0.6875rem;--echo-text-xs:0.75rem;--echo-text-sm:0.8125rem;--echo-text-md:0.875rem;--echo-text-lg:1rem;--echo-text-xl:1.25rem;--echo-text-2xl:1.625rem;--echo-text-3xl:2.5rem;--echo-space-0:0;--echo-space-1:2.5px;--echo-space-2:4.5px;--echo-space-3:7px;--echo-space-4:9px;--echo-space-5:11.5px;--echo-space-6:13.5px;--echo-space-7:16px;--echo-space-8:18px;--echo-space-9:22.5px;--echo-space-10:27px;--echo-space-11:36px;--echo-space-12:72px;--echo-control-compact:36px;--echo-control-default:50px;--echo-control-large:68px;--echo-duration-glitch:80ms;--echo-duration-press:90ms;--echo-duration-tick:120ms;--echo-duration-swap:160ms;--echo-duration-glide:190ms;--echo-duration-sweep:220ms;--echo-duration-pop:400ms;--echo-duration-flood:700ms;--echo-ease-glitch:steps(3,end);--echo-ease-press:cubic-bezier(0.34,1.56,0.64,1);--echo-ease-tick:ease;--echo-ease-swap:ease-out;--echo-ease-glide:cubic-bezier(0.2,0.8,0.2,1);--echo-ease-sweep:cubic-bezier(0.4,0,0.2,1);--echo-ease-pop:cubic-bezier(0.34,1.56,0.64,1);--echo-ease-flood:cubic-bezier(0.65,0,0.35,1);--echo-z-base:0;--echo-z-raised:1;--echo-z-top:2;--echo-z-sticky:100;--echo-z-overlay:200;--echo-z-modal:210;--echo-z-popover:300;--echo-z-toast:400;--echo-z-tooltip:500;--echo-z-skip:600;--echo-border-hairline:1px;--echo-border-fine:1.5px;--echo-border-thick:2px;--echo-border-heavy:4px;--echo-icon-xs:12px;--echo-icon-sm:14px;--echo-icon-md:16px;--echo-icon-lg:20px;--echo-icon-xl:28px;--echo-weight-regular:400;--echo-weight-semibold:600;--echo-weight-bold:700;--echo-weight-heavy:800;--echo-leading-none:1;--echo-leading-tight:1.25;--echo-leading-snug:1.4;--echo-leading-body:1.55;--echo-tracking-tighter:-0.02em;--echo-tracking-tight:-0.01em;--echo-tracking-normal:0;--echo-tracking-wide:0.06em;--echo-tracking-wider:0.12em;--echo-tracking-label:0.2em;--echo-tracking-widest:0.25em;--echo-type-machine-label:var(--echo-weight-bold) var(--echo-text-3xs)/var(--echo-leading-tight) var(--echo-font-machine);--echo-type-machine-label-tracking:var(--echo-tracking-label);--echo-type-machine-label-case:uppercase;--echo-type-body:var(--echo-weight-regular) var(--echo-text-md)/var(--echo-leading-body) var(--echo-font-sans);--echo-type-body-tracking:var(--echo-tracking-normal);--echo-type-body-case:none;--echo-type-body-sm:var(--echo-weight-regular) var(--echo-text-sm)/var(--echo-leading-body) var(--echo-font-sans);--echo-type-body-sm-tracking:var(--echo-tracking-normal);--echo-type-body-sm-case:none;--echo-type-caption:var(--echo-weight-regular) var(--echo-text-xs)/var(--echo-leading-snug) var(--echo-font-sans);--echo-type-caption-tracking:var(--echo-tracking-normal);--echo-type-caption-case:none;--echo-type-heading:var(--echo-weight-bold) var(--echo-text-lg)/var(--echo-leading-tight) var(--echo-font-machine);--echo-type-heading-tracking:var(--echo-tracking-tight);--echo-type-heading-case:none;--echo-type-readout:var(--echo-weight-regular) var(--echo-text-xl)/var(--echo-leading-none) var(--echo-font-lcd);--echo-type-readout-tracking:var(--echo-tracking-normal);--echo-type-readout-case:none;--echo-type-display:var(--echo-weight-bold) var(--echo-text-3xl)/var(--echo-leading-none) var(--echo-font-sans);--echo-type-display-tracking:var(--echo-tracking-tighter);--echo-type-display-case:none;--echo-shadow-well:inset 0 2px 5px color-mix(in oklab,var(--echo-cast-ink,black) calc(0.6 * var(--echo-shade, 1) * 100%),transparent),inset 0 -1px 0 rgb(255 255 255/calc(0.05 * var(--echo-gloss, 1))),inset 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-well-screen:inset 0 2px 6px color-mix(in oklab,var(--echo-cast-ink,black) calc(0.8 * var(--echo-shade, 1) * 100%),transparent),inset 0 -1px 0 rgb(255 255 255/calc(0.05 * var(--echo-gloss, 1))),inset 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-well-deep:inset 0 3px 7px color-mix(in oklab,var(--echo-cast-ink,black) calc(0.9 * var(--echo-shade, 1) * 100%),transparent),inset 0 -1px 0 rgb(255 255 255/calc(0.05 * var(--echo-gloss, 1))),inset 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-groove:inset 0 2px 5px color-mix(in oklab,var(--echo-cast-ink,black) calc(0.7 * var(--echo-shade, 1) * 100%),transparent),inset 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-edge:inset 0 1px 0 rgb(255 255 255/calc(0.4 * var(--echo-gloss, 1)));--echo-shadow-hairline:0 1px 0 rgb(255 255 255/calc(0.04 * var(--echo-gloss, 1)));--echo-shadow-chip:inset 0 1px 0 rgb(255 255 255/calc(0.15 * var(--echo-gloss, 1))),0 1px 2px color-mix(in oklab,var(--echo-cast-ink,black) calc(0.4 * var(--echo-shade, 1) * 100%),transparent),0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-key:inset 0 1px 0 rgb(255 255 255/calc(0.3 * var(--echo-gloss, 1))),0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent),0 2px 0 var(--echo-line-width,0px) var(--echo-seam);--echo-shadow-cap:inset 0 1.5px 0 rgb(255 255 255/calc(0.42 * var(--echo-gloss, 1))),inset 0 -1px 0 rgb(255 255 255/calc(0.05 * var(--echo-gloss, 1))),inset 0 -3px 4px color-mix(in oklab,var(--echo-cast-ink,black) calc(0.5 * var(--echo-shade, 1) * 100%),transparent),0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent),0 4px 0 var(--echo-line-width,0px) var(--echo-seam),0 9px 14px color-mix(in oklab,var(--echo-cast-ink,black) calc(0.55 * var(--echo-shade, 1) * 100%),transparent);--echo-shadow-cap-lit:inset 0 1px 0 rgb(255 255 255/calc(0.45 * var(--echo-gloss, 1))),inset 0 -2px 4px color-mix(in oklab,var(--echo-cast-ink,black) calc(0.35 * var(--echo-shade, 1) * 100%),transparent),0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent),0 4px 0 var(--echo-line-width,0px) var(--echo-lit-edge,var(--echo-accent-6)),0 calc(8px * (1 - var(--echo-drawn, 0))) calc(20px * (1 - var(--echo-drawn, 0))) color-mix(in oklch,var(--echo-accent-4) 40%,transparent);--echo-shadow-panel:0 1px 0 rgb(255 255 255/calc(0.05 * var(--echo-gloss, 1))),0 6px 14px color-mix(in oklab,var(--echo-cast-ink,black) calc(0.4 * var(--echo-shade, 1) * 100%),transparent),0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-lifted:0 1px 0 rgb(255 255 255/calc(0.07 * var(--echo-gloss, 1))),0 10px 22px color-mix(in oklab,var(--echo-cast-ink,black) calc(0.45 * var(--echo-shade, 1) * 100%),transparent),0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent),0 calc(4px * var(--echo-drawn, 0)) 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-chassis:inset 0 1.5px 0 rgb(255 255 255/calc(0.07 * var(--echo-gloss, 1))),inset 0 -3px 8px color-mix(in oklab,var(--echo-cast-ink,black) calc(0.55 * var(--echo-shade, 1) * 100%),transparent),inset 0 0 0 1px var(--echo-seam),0 30px 60px -22px color-mix(in oklab,var(--echo-cast-ink,black) calc(0.75 * var(--echo-shade, 1) * 100%),transparent);--echo-shadow-tooltip:inset 0 1px 0 rgb(255 255 255/calc(0.08 * var(--echo-gloss, 1))),inset 0 0 0 1px var(--echo-seam),0 8px 20px -8px color-mix(in oklab,var(--echo-cast-ink,black) calc(0.7 * var(--echo-shade, 1) * 100%),transparent),0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent),0 calc(3px * var(--echo-drawn, 0)) 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-popover:inset 0 1px 0 rgb(255 255 255/calc(0.08 * var(--echo-gloss, 1))),inset 0 0 0 1px var(--echo-seam),0 20px 40px -16px color-mix(in oklab,var(--echo-cast-ink,black) calc(0.75 * var(--echo-shade, 1) * 100%),transparent),0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent),0 calc(4px * var(--echo-drawn, 0)) 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-toast:inset 0 1.5px 0 rgb(255 255 255/calc(0.28 * var(--echo-gloss, 1))),inset 0 0 0 1px color-mix(in oklab,var(--echo-seam) 70%,transparent),0 18px 36px -14px color-mix(in oklab,var(--echo-cast-ink,black) calc(0.75 * var(--echo-shade, 1) * 100%),transparent),0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent),0 calc(5px * var(--echo-drawn, 0)) 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-modal:inset 0 1px 0 color-mix(in oklab,var(--echo-cap-highlight) 46%,transparent),inset 0 0 0 1px var(--echo-seam),0 40px 80px -24px color-mix(in oklab,var(--echo-cast-ink,black) calc(0.85 * var(--echo-shade, 1) * 100%),transparent),0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent),0 calc(6px * var(--echo-drawn, 0)) 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-ring:0 0 0 2px var(--echo-surface),0 0 0 4px var(--echo-accent-ink,var(--echo-accent-glow));--echo-shadow-ring-inset:inset 0 0 0 2px var(--echo-accent-ink,var(--echo-accent-glow));--echo-shadow-glow:0 0 calc(7px * (1 - var(--echo-drawn, 0))) color-mix(in oklch,var(--echo-accent-glow) 70%,transparent);--echo-gloss:0.61;--echo-shade:0.455;--echo-drawn:0;--echo-line:#c3c3c3;--echo-line-width:0px;--echo-lit-edge:#364900;--echo-drawn-fill:initial;--echo-drawn-on-fill:initial;--echo-drawn-ink:initial;--echo-drawn-rule:initial;--echo-drawn-glass:initial;--echo-drawn-hollow:initial;--echo-drawn-decoration:initial;--echo-drawn-key:initial;--echo-drawn-key-ink:initial;--echo-density:1.125;--echo-radius-scale:1.18;--echo-cap-round:0;--echo-key-angle:145deg}@supports not (color:color-mix(in oklch,white,black)){:root{--echo-well:#ededed;--echo-surface:#f7f7f7;--echo-text:#111111;--echo-accent:#7fa100}body{background:#ededed;color:#111111}}