.ecf{--gutter:max(16px, 4vw, env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--ground);color:var(--ink);font-family:var(--body);overflow-wrap:break-word;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-size:1rem;line-height:1.55;overflow-x:clip}.ecf *,.ecf :before,.ecf :after{box-sizing:border-box}:where(.ecf) a{color:var(--ink);-webkit-text-decoration-color:var(--you);text-decoration-color:var(--you);text-underline-offset:3px}:where(.ecf) button{font:inherit;color:inherit}:where(.ecf) :focus-visible{outline:2px solid var(--verify);outline-offset:3px;border-radius:4px}:where(.ecf) :is(h1,h2,h3){font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.05}:where(.ecf) :is(p,li,figcaption,dd,blockquote,small){text-wrap:pretty}:where(.ecf) :is(.eyebrow,.kinds .ln,.ch-num,.lead,button,.lbl,.badge){text-wrap:balance}:where(.ecf) p{margin:0}.ecf .eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-size:.75rem}.ecf .c-find{color:var(--similar)}.ecf .c-compare{color:var(--change)}.ecf .c-rule{color:var(--you)}.ecf .c-verify{color:var(--verify)}.ecf [data-scrolly-screen]{background:radial-gradient(55% 45% at 14% 10%, var(--glow-a), transparent 72%), radial-gradient(48% 42% at 88% 92%, var(--glow-b), transparent 72%), var(--ground)}.ecf .drag-hint{z-index:2;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);pointer-events:none;white-space:nowrap;opacity:0;font-size:.75rem;position:fixed;transform:translate(-50%)}.ecf .recentre{left:50%;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:31;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,transform .25s,visibility .25s;position:fixed;transform:translate(-50%,8px)}.ecf .recentre.on{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.ecf .front-marks{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.ecf.grab [data-bg]{cursor:grab}.ecf.grabbing,.ecf.grabbing *{cursor:grabbing!important}.ecf .sec{padding-inline:var(--gutter);position:relative}.ecf .wrap{max-width:1180px;margin:0 auto}.ecf .chip-btn{border:1px solid var(--line-2);background:var(--ground-2);cursor:pointer;white-space:nowrap;color:var(--ink);border-radius:999px;padding:6px 12px;font-size:.8125rem;font-weight:600}.ecf .chip-btn[aria-pressed=true],.ecf .chip-btn[aria-expanded=true]{border-color:var(--illus);color:var(--illus)}@media (pointer:coarse){.ecf .chip-btn{min-height:40px}.ecf .chip-btn:not(.recentre){position:relative}.ecf .chip-btn:after{content:"";position:absolute;inset:-4px 0}}.ecf .hero{min-height:100svh;padding-block:calc(var(--bar) + 40px) 64px;align-items:center;display:flex}.ecf .hero .wrap{width:100%}.ecf .hero-copy{max-width:540px;transform:translateX(var(--hero-dx,0px));gap:22px;display:grid}.ecf .hero h1{letter-spacing:-.045em;font-size:clamp(3.25rem,.72rem + 7vw,7rem);font-weight:800}.ecf .hero-logo{width:fit-content;color:var(--cream);margin-bottom:2px;font-size:clamp(1rem,.27rem + 1.05vw,1.25rem);display:block}.ecf .hero h1 em{color:var(--change);font-style:normal}.ecf .hero h1.two-lines span{text-wrap:balance;display:block}.ecf .hero h1.two-lines{font-size:clamp(2.5rem,.96rem + 5.2vw,4.75rem)}.ecf.line-C .hero h1 em{color:var(--oe-green)}.ecf .lead{color:var(--ink-2);max-width:46ch;font-size:clamp(1.0625rem,.375rem + 1vw,1.25rem)}.ecf .lead strong{color:var(--ink);font-weight:600}.ecf .hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ecf .pill{text-wrap:balance;border-radius:999px;align-items:center;gap:8px;padding:14px 25px;font-size:.9375rem;font-weight:500;line-height:1;text-decoration:none;transition:filter .2s,background .2s,border-color .2s;display:inline-flex}.ecf .pill svg{fill:currentColor;flex:none;width:18px;height:18px}.ecf .pill.fill{background:var(--cream);color:var(--oe-ink)}.ecf .pill.fill:hover{filter:brightness(1.04)}.ecf .pill.line{color:var(--ink);border:1px solid color-mix(in oklab, var(--ink) 35%, transparent);padding:13px 24px}.ecf .pill.line:hover{border-color:var(--ink);background:color-mix(in oklab, var(--ink) 6%, transparent)}.ecf .pill:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.ecf .btn{cursor:pointer;color:var(--ink);border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex}.ecf .btn.primary{background:var(--ink);color:var(--ground)}.ecf .scroll-go{left:50%;bottom:calc(max(14px, 1.6svh) + env(safe-area-inset-bottom,0px));z-index:2;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 2px rgb(var(--deep) / .6);pointer-events:none;isolation:isolate;justify-items:center;gap:18px;font-size:.8125rem;font-weight:500;display:grid;position:absolute;transform:translate(-50%)}.ecf .scroll-go:before{content:"";z-index:-1;background:radial-gradient(closest-side, rgb(var(--deep) / .55), rgb(var(--deep) / .3) 55%, rgb(var(--deep) / 0));position:absolute;inset:-28px -44px}.ecf .scroll-go i{border:1.5px solid color-mix(in oklab, var(--ink) 55%, transparent);background:color-mix(in oklab, var(--ground) 45%, transparent);border-radius:50%;place-items:center;width:48px;height:48px;animation:1.6s ease-in-out .9s infinite backwards ecf-bob;display:grid}.ecf .scroll-go svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}@keyframes ecf-bob{0%,to{animation-timing-function:cubic-bezier(.5,0,.6,1);transform:translateY(-3px)}62%{animation-timing-function:cubic-bezier(.3,0,.4,1);transform:translateY(5px)}}.ecf:has(.recentre.on) .scroll-go{visibility:hidden}.ecf .scroll-go.gone i{animation:none}.ecf:has(.recentre.on) .scroll-go i{animation:none}@media (prefers-reduced-motion:reduce){.ecf .scroll-go i{animation:none}}@media (width<=760px){.ecf .hero{padding-top:calc(var(--bar) + env(safe-area-inset-top,0px) + var(--veil));align-items:flex-start}.ecf .hero h1{font-size:clamp(2.875rem,.39rem + 12.4vw,4rem)}.ecf .hero h1.two-lines{font-size:clamp(2rem,.39rem + 10.4vw,3.25rem)}.ecf .hero-copy{gap:16px}}.ecf.ver-D .hero-copy{--sp-1:clamp(12px, 1.1vw, 18px);--sp-2:clamp(18px, 1.7vw, 28px);--sp-3:clamp(30px, 2.9vw, 48px);gap:0}.ecf.ver-D .hero-copy>*+*{margin-top:var(--sp-2)}.ecf.ver-D .hero-logo{margin-bottom:0;line-height:1;display:flex}.ecf.ver-D .hero-copy>:is(.hero-logo,.eyebrow)+h1{margin-top:var(--sp-1)}.ecf.ver-D .hero-copy>.lead+.hero-actions{margin-top:var(--sp-3)}.ecf .term{cursor:help;-webkit-text-decoration:underline dotted color-mix(in oklab, currentColor 60%, transparent);text-decoration:underline dotted color-mix(in oklab, currentColor 60%, transparent);text-underline-offset:4px;pointer-events:auto;text-decoration-thickness:1.5px}.ecf .tipbox{z-index:70;background:var(--ink);max-width:min(320px,100vw - 32px);color:var(--ground);font-family:var(--body);letter-spacing:0;box-shadow:0 10px 30px var(--shadow);opacity:0;pointer-events:none;border-radius:10px;padding:10px 12px;font-size:.84375rem;font-weight:500;line-height:1.45;transition:opacity .15s,transform .15s;position:fixed;transform:translateY(4px)}.ecf .tipbox.on{opacity:1;pointer-events:auto;transform:none}.ecf .tipbox.on:before{content:"";position:absolute;inset:-12px 0}.ecf .badge{z-index:3;font-family:var(--mono);letter-spacing:.05em;background:color-mix(in oklab, var(--ground) 84%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line-2);color:var(--ink-2);pointer-events:none;border-radius:4px;max-width:calc(100% - 20px);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;top:10px;left:10px}.ecf .badge.real:before{content:"";background:var(--ink-2);vertical-align:0;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.ecf .badge.real.launch:before{background:var(--similar)}.ecf .badge small{color:var(--ink-3);letter-spacing:.04em;font-size:.75rem;display:block}.ecf .badge.launch small{color:var(--similar)}.ecf .badge.bl{top:auto;bottom:10px}.ecf .panel .fig .badge{display:none}.ecf .eyebrow .info{vertical-align:middle;width:24px;height:24px;color:var(--ink-2);opacity:.8;border-radius:50%;place-items:center;margin:-6px 0 -6px 4px;display:inline-grid}.ecf .eyebrow .info span{width:1rem;height:1rem;font-family:var(--body);letter-spacing:0;text-transform:none;border:1.5px solid;border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;line-height:1;display:grid}.ecf .eyebrow .info.launch{color:var(--similar)}.ecf .eyebrow .info:hover,.ecf .eyebrow .info:focus-visible{opacity:1}.ecf .eyebrow .info:focus-visible{outline-offset:2px;outline:2px solid}.MuiTooltip-tooltip.ecf-tip{background:var(--panel);color:var(--ink);border:1px solid var(--line-2);font-family:var(--mono);letter-spacing:.03em;max-width:280px;padding:8px 10px;font-size:.75rem;line-height:1.45}.ecf-tip .info-tip{gap:2px;display:grid}.ecf-tip .info-tip small{color:var(--ink-2);font-size:.75rem}.MuiTooltip-arrow.ecf-tip-arrow{color:var(--panel)}.ecf .square-sec{height:800vh}.ecf .square-sec[data-long]{height:1300vh}.ecf .square-sec[data-long] .stage-scrim[data-side]{--side-mask:linear-gradient(to right, rgb(var(--deep)) 46%, rgb(var(--deep) / calc(1 - var(--side))) calc(50% + 4px));-webkit-mask-image:var(--side-mask);-webkit-mask-image:var(--side-mask);mask-image:var(--side-mask)}.ecf .stage{height:100svh;position:sticky;top:0;overflow:hidden}.ecf .stage-scrim{background:linear-gradient(to top, rgb(var(--deep) / .62) 0%, rgb(var(--deep) / .6) 8%, rgb(var(--deep) / .55) 18%, rgb(var(--deep) / .47) 30%, rgb(var(--deep) / .37) 42%, rgb(var(--deep) / .26) 54%, rgb(var(--deep) / .16) 66%, rgb(var(--deep) / .08) 78%, rgb(var(--deep) / .03) 89%, rgb(var(--deep) / 0) 100%);opacity:0;pointer-events:none;height:56vh;position:fixed;inset:auto 0 0}.ecf.ver-D .stage-scrim{will-change:opacity}.ecf .step,.ecf .ch-copy{isolation:isolate;position:relative}.ecf .step:before,.ecf .ch-copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, rgb(var(--deep) / .46), rgb(var(--deep) / .36) 35%, rgb(var(--deep) / .2) 62%, rgb(var(--deep) / .07) 84%, rgb(var(--deep) / 0));position:absolute;inset:-56px -112px -48px -72px}.ecf .ch-copy:before{inset:-72px -120px -72px -96px}.ecf .stage,.ecf .chapter{overflow-x:clip}@media (width<=760px){.ecf .step:before,.ecf .ch-copy:before{inset:-40px -24px -32px}}.ecf .steps{left:var(--gutter);right:var(--gutter);pointer-events:none;display:grid;position:absolute;bottom:max(40px,8svh)}.ecf .step{opacity:0;will-change:opacity, transform;grid-area:1/1;max-width:600px}.ecf .step .eyebrow{margin-bottom:8px;display:block}.ecf .kinds .n{text-shadow:0 0 2px rgb(var(--deep)), 0 0 4px rgb(var(--deep)), 0 0 10px rgb(var(--deep) / .8)}.ecf .step p{font-size:clamp(1.1875rem,.375rem + 1.5vw,1.625rem);font-family:var(--display);letter-spacing:-.01em;text-shadow:0 1px 2px rgb(var(--deep) / .5), 0 0 22px rgb(var(--deep) / .55);font-weight:600;line-height:1.22}.ecf .step p .dim{color:var(--ink-2);font-weight:500}.ecf .step.live{pointer-events:auto}.ecf .steps .step:not(.live) *{pointer-events:none}@media (width<=760px){.ecf .steps{bottom:calc(max(20px, 3svh) + env(safe-area-inset-bottom,0px))}.ecf .step{align-self:end}.ecf .step p{font-size:1.125rem}}.ecf .chapter{min-height:150svh;padding:calc(var(--bar) + 24px) var(--gutter) 24px;align-items:center;display:grid;position:relative}.ecf .chapter-card{will-change:opacity, transform;opacity:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,72px);width:100%;max-width:1180px;margin:0 auto;display:grid}.ecf .chapter-card.solo{grid-template-columns:minmax(0,640px)}.ecf .ch-copy{grid-template-columns:minmax(0,1fr);gap:16px;max-width:560px;display:grid}.ecf .ch-num{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:10px;font-size:.75rem;display:flex}.ecf .ch-num:before{content:"";background:var(--ink-3);width:28px;height:1px}.ecf .chapter h2{letter-spacing:-.035em;font-size:clamp(2.5rem,.8rem + 5vw,5.25rem);font-weight:800}.ecf .chapter .lead{text-shadow:0 1px 2px rgb(var(--deep) / .5), 0 0 20px rgb(var(--deep) / .6)}.ecf .eyebrow .grp{color:var(--ink)}.ecf .check{border-left:4px solid var(--verify);background:color-mix(in oklab, var(--verify) 8%, transparent);color:var(--ink);border-radius:0 8px 8px 0;gap:4px;margin-top:4px;padding:12px 16px;font-size:.90625rem;line-height:1.45;display:grid}.ecf .check>.lbl{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--verify);font-size:.75rem}@media (width<=860px){.ecf .chapter{min-height:100svh;padding-block:calc(var(--bar) + 64px) 120px}.ecf .chapter-card{grid-template-columns:minmax(0,1fr)}.ecf .chapter h2{font-size:clamp(2.25rem,.78rem + 6.8vw,3.25rem)}}.ecf .fine{color:var(--ink-2);font-size:.84375rem}.ecf .explore{border-top:1px solid var(--line);color:var(--ink-2);margin:22px 0 0;padding-top:12px;font-size:.84375rem;line-height:1.45}@media (width<=760px){.ecf .explore{margin-top:14px;padding-top:10px}}.ecf .explore a{text-wrap:balance;width:fit-content;margin-top:2px;display:block}.ecf .explore.small{border-top:0;margin-top:14px;padding-top:0;font-size:.75rem;line-height:1.4}.ecf .explore.small a{color:var(--ink-3);-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);margin-top:0}.ecf .explore.small a:hover,.ecf .explore.small a:focus-visible{color:var(--ink-2)}.ecf .fine b,.ecf .fine strong{color:var(--ink)}.ecf .track-sec{position:relative}.ecf .track-stage{height:100svh;position:sticky;top:0;overflow:hidden}.ecf .track{will-change:transform;height:100%;display:flex;position:absolute;top:0;left:0}.ecf .panel{width:100vw;height:100%;padding:calc(var(--bar) + var(--veil)) var(--gutter) 72px;flex:none;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,56px);min-width:0;display:grid;position:relative}.ecf .panel.hid{opacity:0}.ecf .panel.hid,.ecf .panel.hid *,.ecf .panel.off,.ecf .panel.off *{pointer-events:none!important}.ecf .panel .txt{will-change:opacity, transform;gap:14px;min-width:0;max-width:470px;display:grid;position:relative}.ecf .panel .txt-in{gap:inherit;will-change:transform;align-content:start;min-width:0;display:grid}.ecf .panel .txt{--fade-b:clamp(0px, calc(var(--below,0px) - var(--more,0px)), 24px)}.ecf .panel .txt:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in oklab, var(--ground) 82%, transparent), transparent);pointer-events:none;position:absolute;inset:-40px -48px}.ecf .panel h2{font-size:clamp(1.875rem,.2rem + 3.4vw,3.25rem)}.ecf .panel h3{font-size:clamp(1.5rem,.6rem + 1.75vw,2.125rem)}.ecf .panel p{color:var(--ink-2);font-size:clamp(.96875rem,.36rem + .75vw,1.09375rem)}.ecf .panel p strong{color:var(--ink);font-weight:600}.ecf .fig{will-change:transform, opacity;transform-origin:50%}.ecf .panel.hid :is(.txt,.txt-in,.fig){will-change:auto}.ecf .vis{aspect-ratio:1;background:var(--photo-ground);border:1px solid var(--line);width:100%;max-width:min(64vh,640px);box-shadow:0 20px 60px var(--shadow);border-radius:14px;justify-self:center;position:relative;overflow:hidden}.ecf .vis img,.ecf .vis canvas{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ecf .ticks{flex:none;gap:6px;display:flex}.ecf .ticks i{background:var(--line-2);border-radius:2px;width:22px;height:3px;transition:background .25s,width .25s;display:block}.ecf .ticks i.on{background:var(--ink);width:34px}.ecf.portal .track{width:100%;display:block}.ecf.portal .panel{width:100%;position:absolute;inset:0}@media (width<=760px){.ecf .panel{padding-top:calc(var(--bar) + env(safe-area-inset-top,0px) + var(--veil));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:start;gap:10px}.ecf .vis{max-width:min(100%,44svh)}.ecf .panel .txt p.fine:not(.say):not(.keep){display:none}.ecf .badge{padding:3px 6px}.ecf .panel .txt:before{inset:-20px -16px}.ecf .say{min-height:0}.ecf .panel .txt{align-self:stretch;gap:8px;max-width:100%;margin-inline:-4px;padding-inline:4px;overflow:clip}.ecf .panel.pans .txt{-webkit-mask-image:linear-gradient(transparent, currentColor var(--fade-t,0px), currentColor calc(100% - var(--fade-b,0px)), transparent);-webkit-mask-image:linear-gradient(transparent, currentColor var(--fade-t,0px), currentColor calc(100% - var(--fade-b,0px)), transparent);mask-image:linear-gradient(transparent, currentColor var(--fade-t,0px), currentColor calc(100% - var(--fade-b,0px)), transparent)}.ecf:not(.short) .track-stage{clip-path:inset(0 0 calc(100svh - 100lvh));overflow:visible}.ecf:not(.short) .panel .txt{--more:calc(100dvh - 100svh);--hide:calc(100lvh - 100dvh);margin-bottom:calc(100svh - 100lvh)}.ecf:not(.short) .panel .txt-in{align-self:start}.ecf:not(.short) .panel:focus-visible{outline-offset:calc(100lvh - 100svh + 3px)}.ecf:not(.short) .panel.pans .txt{-webkit-mask-image:linear-gradient(transparent, currentColor var(--fade-t,0px), currentColor calc(100% - var(--hide) - var(--fade-b)), transparent calc(100% - var(--hide)));-webkit-mask-image:linear-gradient(transparent, currentColor var(--fade-t,0px), currentColor calc(100% - var(--hide) - var(--fade-b)), transparent calc(100% - var(--hide)));mask-image:linear-gradient(transparent, currentColor var(--fade-t,0px), currentColor calc(100% - var(--hide) - var(--fade-b)), transparent calc(100% - var(--hide)))}.ecf .panel h2{font-size:1.625rem}.ecf .panel h3{font-size:1.3125rem}.ecf .panel p{font-size:1rem;line-height:1.5}.ecf .panel .eyebrow{letter-spacing:.1em;font-size:.75rem}}@media (width>=761px) and (width<=1039px){.ecf .panel{padding-top:calc(var(--bar) + env(safe-area-inset-top,0px) + var(--veil));padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:start center;gap:24px}.ecf .panel>.fig,.ecf .panel>.vis{width:100%;max-width:min(480px,40svh)}.ecf .panel .txt{align-self:stretch;width:100%;max-width:555px;margin-inline:-4px;padding-inline:4px;overflow:clip}.ecf .panel.pans .txt{-webkit-mask-image:linear-gradient(transparent, currentColor var(--fade-t,0px), currentColor calc(100% - var(--fade-b,0px)), transparent);-webkit-mask-image:linear-gradient(transparent, currentColor var(--fade-t,0px), currentColor calc(100% - var(--fade-b,0px)), transparent);mask-image:linear-gradient(transparent, currentColor var(--fade-t,0px), currentColor calc(100% - var(--fade-b,0px)), transparent)}}@media (width>=1040px){.ecf.g-horizon .panel{padding-right:calc(var(--gutter) + 26vw);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.ecf.g-horizon .panel>.fig{order:2}.ecf.g-horizon .panel .vis{max-width:min(58vh,560px)}}.ecf .say{min-height:3.2em}.ecf .say.line{color:var(--ink-2);min-height:0;margin:2px 0 0;padding:2px 0 2px 16px;font-size:.9375rem;line-height:1.5;position:relative}.ecf .swap{grid-template-columns:minmax(0,1fr);display:grid}.ecf .swap>*{grid-area:1/1;align-self:start}.ecf .swap>.room{visibility:hidden}.ecf .say.line>.now{position:relative}.ecf .say.line>.now:before{content:"";background:var(--similar);border-radius:2px;width:3px;position:absolute;top:2px;bottom:2px;left:-16px}.ecf .wipe .seam{--band:9%;--core:2.5%;color:var(--ink);mix-blend-mode:screen;opacity:.95;pointer-events:none;-webkit-mask-image:linear-gradient(90deg, transparent calc(var(--x,50%) - var(--band)), currentColor calc(var(--x,50%) - var(--core)), currentColor calc(var(--x,50%) + var(--core)), transparent calc(var(--x,50%) + var(--band)));-webkit-mask-image:linear-gradient(90deg, transparent calc(var(--x,50%) - var(--band)), currentColor calc(var(--x,50%) - var(--core)), currentColor calc(var(--x,50%) + var(--core)), transparent calc(var(--x,50%) + var(--band)));mask-image:linear-gradient(90deg, transparent calc(var(--x,50%) - var(--band)), currentColor calc(var(--x,50%) - var(--core)), currentColor calc(var(--x,50%) + var(--core)), transparent calc(var(--x,50%) + var(--band)))}@media (width<=760px){.ecf .wipe .seam{--band:11%;--core:3%}}.ecf .wipe .seam.wide{--band:22%;--core:10%;mix-blend-mode:normal;opacity:1}@media (width<=760px){.ecf .wipe .seam.wide{--band:17%;--core:7%}}.ecf .c-change{color:var(--change)}.ecf .wipe .seam-chip{top:10px;left:var(--x,50%);transform:translateX(calc(var(--x,50%) * -1));z-index:5;font-family:var(--mono);letter-spacing:.03em;white-space:nowrap;color:var(--ground);background:var(--change);box-shadow:0 0 18px color-mix(in oklab, var(--change) 55%, transparent);pointer-events:none;border-radius:5px;padding:4px 9px;font-size:.75rem;position:absolute}.ecf .wipe .seam-chip .n{display:none}@media (width<=760px){.ecf .wipe .seam-chip .w{display:none}.ecf .wipe .seam-chip .n{display:inline}}.ecf .wipe.seamed .badge{top:auto;bottom:44px}@media (width<=440px){.ecf .yr-k{display:none}}.ecf .slider{gap:6px;display:grid}.ecf .slider .lab{color:var(--ink-2);justify-content:space-between;gap:10px;max-height:none;padding:0;font-size:.8125rem;display:flex;overflow:visible}.ecf .slider .ends{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-3);justify-content:space-between;font-size:.75rem;display:flex}.ecf .slider input[type=range]{width:100%;accent-color:var(--change)}.ecf .say b,.ecf .say strong{color:var(--ink)}.ecf .say .dim{color:var(--ink-3)}.ecf .ann{z-index:3;pointer-events:none;position:absolute;inset:0}.ecf .ann svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ecf .ann path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:0}.ecf .ann .halo{stroke:rgb(var(--note-halo) / .55);stroke-width:3.5px}.ecf .ann .ink{stroke:rgb(var(--note-ink) / .94);stroke-width:1.25px}.ecf .ann .ink.area{fill:rgb(var(--note-ink) / .07)}.ecf .ann .ink.dash{stroke-dasharray:4 4;stroke:rgb(var(--note-ink) / .8)}.ecf .ann .lead{stroke-width:1px}.ecf .ann .halo.lead{stroke-width:3px}.ecf .ann .mark{background:rgb(var(--note-ink));width:7px;height:7px;box-shadow:0 0 0 2px rgb(var(--note-halo) / .6);opacity:0;border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute}.ecf .ann .mark.sm{width:5px;height:5px;margin:-2.5px 0 0 -2.5px}.ecf .ann .lbl{font-family:var(--mono);letter-spacing:.03em;color:var(--ink);background:color-mix(in oklab, var(--ground) 82%, transparent);border:1px solid rgb(var(--note-ink) / .16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;--dy:3px;transform:translate(calc(-50% + var(--cx,0px)), calc(-50% + var(--dy) + var(--ly,0px)));opacity:0;border-radius:4px;padding:3px 7px;font-size:.75rem;font-weight:500;line-height:1.3;position:absolute}.ecf .ann .lbl.l{transform:translate(var(--cx,0px), calc(-50% + var(--dy) + var(--ly,0px)))}.ecf .ann .lbl.r{transform:translate(calc(-100% + var(--cx,0px)), calc(-50% + var(--dy) + var(--ly,0px)))}.ecf.no-ann .ann{display:none}.ecf .ann-toggle{z-index:6;border:1px solid var(--line-2);background:color-mix(in oklab, var(--ground) 80%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:5px 9px;font-size:.75rem;display:inline-flex;position:absolute;top:10px;left:10px}.ecf .ann-toggle .sw-track{background:var(--line);border:1px solid var(--line-2);border-radius:6px;width:22px;height:12px;position:relative}.ecf .ann-toggle .sw-track i{background:var(--ink-3);border-radius:50%;width:8px;height:8px;transition:transform .2s,background .2s;position:absolute;top:1px;left:1px}.ecf .ann-toggle[aria-pressed=true]{color:var(--ink)}.ecf .ann-toggle[aria-pressed=true] .sw-track{background:color-mix(in oklab, var(--similar) 40%, var(--line))}.ecf .ann-toggle[aria-pressed=true] .sw-track i{background:var(--ink);transform:translate(10px)}@media (prefers-reduced-motion:reduce){.ecf .ann-toggle .sw-track i{transition:none}}@media (width<=760px){.ecf .ann .lbl{padding:2px 5px}}.ecf .reveal{clip-path:circle(var(--rad,0%) at var(--cx,50%) var(--cy,50%))}.ecf .reveal.go{transition:clip-path 1.4s cubic-bezier(.2,.7,.2,1)}.ecf .ring{z-index:3;border:2.5px solid var(--similar);width:22px;height:22px;box-shadow:0 0 0 3px var(--shadow-soft);pointer-events:none;border-radius:50%;margin:-11px 0 0 -11px;animation:.35s ease-out ecf-pop;position:absolute}.ecf .ring.no{border-color:var(--you);place-items:center;display:grid}.ecf .ring.no:after{content:"×";color:var(--you);margin-top:-1px;font-size:.9375rem;font-weight:800;line-height:1}.ecf .ring.query{border-color:var(--ink);width:16px;height:16px;margin:-8px 0 0 -8px}.ecf .ring.probe{border-color:var(--ink);border-style:dashed}@keyframes ecf-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}.ecf .pins-maps{pointer-events:none;position:absolute;inset:0}.ecf .pins-maps canvas.map{image-rendering:auto;width:100%;height:100%;position:absolute;inset:0}.ecf .pins-maps .reveal.go{transition-duration:.8s}.ecf .pins-maps canvas.map.fade{opacity:0;transition:opacity .8s ease-out}.ecf .pin{z-index:4;border:2.5px solid var(--c);width:24px;height:24px;box-shadow:0 0 0 3px var(--shadow-soft);pointer-events:none;border-radius:50%;margin:-12px 0 0 -12px;transition:background-color .2s,transform .2s;position:absolute}.ecf .pin.y{--c:var(--similar)}.ecf .pin.n{--c:var(--you)}.ecf .pin.on{background:var(--c);transform:scale(1.08)}.ecf .pin.drop{transition:opacity .25s ease-out,transform .35s cubic-bezier(.3,1.5,.5,1),background-color .2s}.ecf .pin.drop:not(.on){opacity:0;transform:translateY(-18px)scale(.6)}.ecf .pin.l-second{--c:var(--verify)}.ecf .pin.l-land{--c:var(--land)}.ecf .slider.wait{opacity:.55}.ecf .slider.sim input[type=range]{accent-color:var(--similar)}.ecf .slider.stepped .ticks{height:16px;margin:-2px 8px 0;position:relative}.ecf .slider.stepped .ticks span{background:var(--line-2);width:2px;height:6px;margin-left:-1px;position:absolute;top:0}.ecf .slider.stepped .ticks span.stop{background:var(--similar);height:8px}.ecf .slider.stepped .ticks span.stop:not(:empty){width:auto;height:auto;font-family:var(--mono);letter-spacing:.04em;color:var(--similar);white-space:nowrap;border-top:2px solid var(--similar);background:0 0;padding-top:6px;font-size:.75rem;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.ecf .pin.drop{transition:none}}.ecf .pin.n.on:after{content:"×";color:var(--ground);place-items:center;font-size:.9375rem;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.ecf .pin b{font-family:var(--mono);white-space:nowrap;color:var(--ink);background:color-mix(in oklab, var(--ground) 82%, transparent);opacity:0;pointer-events:none;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:500;transition:opacity .15s;position:absolute;top:50%;left:28px;transform:translateY(-50%)}.ecf .pin.west b{left:auto;right:28px}@media (width<=760px){.ecf .pin b{display:none}}.ecf .say .share{font-family:var(--mono);color:var(--ink-2);font-size:.8125rem}.ecf .kinds{gap:2px;max-width:600px;margin:22px 0 0;padding:0;list-style:none;display:grid}.ecf .kinds a{color:var(--ink-2);border:1px solid #0000;border-radius:8px;grid-template-columns:1.5em 7.5em 1fr;align-items:baseline;gap:12px;padding:9px 12px;font-size:.9375rem;line-height:1.4;text-decoration:none;display:grid}.ecf .kinds a:hover,.ecf .kinds a:focus-visible{border-color:var(--line-2);background:color-mix(in oklab, var(--ground-2) 70%, transparent);color:var(--ink)}.ecf .kinds .n{font-family:var(--mono);color:var(--ink-3);font-size:.75rem}.ecf .kinds b{color:var(--k,var(--ink));font-weight:700}.ecf .kinds b:before{content:"";background:var(--k,var(--ink));vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.ecf .tone-change{--k:var(--kind-change)}.ecf .tone-monitor{--k:var(--kind-monitor)}.ecf .tone-clear{--k:var(--kind-clear)}.ecf .tone-expand{--k:var(--kind-expand)}.ecf .tone-recover{--k:var(--kind-recover)}.ecf .eyebrow .kind{color:var(--k,inherit)}.ecf.ver-D .kinds b{color:var(--ink)}.ecf.ver-D .kinds b:before{content:none}.ecf.ver-D .eyebrow .kind{color:inherit}.ecf .chapter h2 .hl{color:var(--oe-green)}@media (width<=560px){.ecf .kinds a{grid-template-columns:1.5em 1fr;gap:2px 10px}.ecf .kinds .ln{grid-column:2}}.ecf .yours{padding-block:40px 80px}.ecf .yours h2{max-width:20ch;font-size:clamp(1.875rem,.625rem + 2.5vw,2.75rem)}.ecf .yours .lead{margin-top:14px}.ecf .yours:has(.end-cta){min-height:100svh;padding-top:calc(var(--bar) + 64px)}.ecf .yours .end-cta{justify-items:start;gap:16px;margin-top:28px;display:grid}.ecf .yours .end-cta .btn{padding:12px 20px;font-size:1rem}.ecf .yours .end-res{margin-top:8px}.ecf.end-hold .yours:has(.end-cta){min-height:0;padding-block:calc(var(--bar) + 40px) 32px}.ecf-end-float{z-index:20;background:var(--ink);color:var(--ground);box-shadow:0 8px 28px var(--shadow);opacity:0;pointer-events:none;border-radius:999px;align-items:center;padding:12px 20px;font-size:1rem;font-weight:700;text-decoration:none;transition:opacity .25s,transform .25s;display:inline-flex;position:fixed;bottom:20px;right:20px;transform:translateY(12px)}.ecf-end-float.on,.ecf-end-float:focus-visible{opacity:1;pointer-events:auto;transform:none}@media (prefers-reduced-motion:reduce){.ecf-end-float{transition:none}}@media (height<=500px){body>nav:has(>.ecf-end-float){display:none}}.ecf.end-land #yours{--hold:60svh;height:calc(100svh + var(--hold));min-height:0;padding-block:0}.ecf.end-land #yours>.wrap{height:100svh;padding-top:var(--bar);align-content:center;display:grid;position:sticky;top:0}.ecf.end-land .yours .lead{max-width:34ch}@media (width>=761px) and (width<=1199px){.ecf.end-land .yours .end-res{flex-direction:column;align-items:flex-start}}@media (width<=760px){.ecf.end-land #yours>.wrap{padding-top:calc(var(--bar) + env(safe-area-inset-top,0px) + var(--veil));align-content:start}}.ecf.ver-D.end-land #yours{--hold:30svh}@media (height<=560px){.ecf.end-land #yours{height:auto;min-height:100svh}.ecf.end-land #yours>.wrap{height:auto;padding-block:calc(var(--bar) + 24px) 32px;position:static}}.ecf-end-float.top{top:calc(8px + env(safe-area-inset-top,0px));right:max(32px, env(safe-area-inset-right,0px));z-index:41;height:40px;box-shadow:none;padding-block:0;bottom:auto;transform:translateY(-8px)}.ecf-end-float.top.on,.ecf-end-float.top:focus-visible{transform:none}@media (width<=1240px){.ecf-end-float.top{top:auto;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:20;height:auto;box-shadow:0 8px 28px var(--shadow);padding-block:12px;transform:translateY(12px)}}main:has(>.ecf.end-hold)~footer>div>div[aria-hidden=true]{display:none}main:has(>.ecf.end-hold)~footer>div{padding-top:32px;padding-bottom:24px}main:has(>.ecf.end-hold)~footer{padding-block:0}main:has(>.ecf.end-hold)~footer>div{border-radius:0 0 8px 8px}.ecf.ver-D #yours{background:linear-gradient(to bottom, transparent calc(100% - 160px), var(--ai2-palette-background-default))}.ecf .foot{padding:48px var(--gutter) 64px;border-top:1px solid var(--line);color:var(--ink-3);z-index:1;background:var(--ground);gap:8px;font-size:.8125rem;display:grid;position:relative}.ecf.ver-D .foot{background:var(--ai2-palette-background-default);color:var(--ink-2);border-top:0;padding:0 20px}.ecf.ver-D .foot .wrap{background:color-mix(in oklab, var(--ai2-palette-background-default) 55%, var(--ground));border:1px solid rgb(var(--ai2-palette-text-primaryChannel) / .12);border-top:0;width:100%;max-width:1280px;margin:0 auto;padding:24px}@media (width>=600px){.ecf.ver-D .foot .wrap{padding:24px 40px}}@media (width>=940px){.ecf.ver-D .foot .wrap{padding:24px 56px}}.ecf.end-hold #contact>div{padding-bottom:0}.ecf.end-hold #contact>div>div{border-bottom-right-radius:0;border-bottom-left-radius:0}main:has(>.ecf)~footer{z-index:3;position:relative}html:has(.ecf-space){scrollbar-gutter:stable;overflow:hidden}.ecf.ver-D>[data-scrolly-stage]{z-index:4}html:has(.ecf-space) .ecf.ver-D>[data-scrolly-stage]{z-index:50}.ecf .bar-mark{color:var(--cream);pointer-events:none;opacity:0;font-size:1.125rem;transition:opacity .3s;display:flex;position:absolute;top:50%;right:0;translate:0 -50%}@media (width>=1241px){.ecf .bar-mark{font-size:1.25rem}}html:has(.ecf-space.in) .ecf .bar-mark{opacity:1}@media (width<=1240px){.ecf .bar-contents{transition:opacity .3s}html:has(.ecf-space.in) .ecf .bar-contents:not(:focus-visible){opacity:0;pointer-events:none}html:has(.ecf-space.in) .ecf .bar-contents:focus-visible~.bar-mark{opacity:0}}@media (width<=560px){html:has(.ecf-space.in) .ecf .bar-name{opacity:0;visibility:hidden;pointer-events:none}}html:has(.ecf-space.in) .ecf-end-float:not(:focus-visible){opacity:0;pointer-events:none}.ecf-top{right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:25;border:1px solid color-mix(in srgb, var(--cream) 34%, transparent);background:rgb(var(--ground-rgb) / .72);width:48px;height:48px;color:var(--cream);box-shadow:0 6px 22px var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;opacity:0;visibility:hidden;border-radius:50%;place-items:center;padding:0;transition:opacity .25s,transform .25s,visibility 0s .25s;display:grid;position:fixed;transform:translateY(10px)}.ecf-top.on{opacity:1;visibility:visible;transition:opacity .25s,transform .25s;transform:none}.ecf-top:hover{background:rgb(var(--ground-rgb) / .92)}.ecf-top:focus-visible{outline:2px solid var(--cream);outline-offset:3px}@media (width>=940px){.ecf-top{right:32px;bottom:calc(28px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.ecf-top,.ecf-top.on{transition:none;transform:none}}body:has(.ecf-end-float.on:not(.top)) .ecf-top{bottom:calc(84px + env(safe-area-inset-bottom,0px))}@media (width<=1240px){body:has(.ecf-end-float.on) .ecf-top{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}@media (width<=760px){.ecf-end-float,.ecf-end-float.top{top:auto;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:10px 16px;font-size:.875rem;transform:translateY(12px)}.ecf-end-float.on,.ecf-end-float.top.on,.ecf-end-float:focus-visible{transform:none}body:has(.ecf-end-float.on) .ecf-top{right:16px;bottom:calc(72px + env(safe-area-inset-bottom,0px))}}.ecf dialog{border:1px solid var(--line-2);background:var(--ground-2);color:var(--ink);border-radius:16px;max-width:min(680px,100vw - 32px);max-height:min(80svh,760px);padding:0}.ecf dialog::backdrop{background:var(--scrim)}.ecf .lab{gap:14px;max-height:min(80svh,760px);padding:24px;display:grid;overflow:auto}.ecf .skip{left:var(--gutter);z-index:80;background:var(--ink);color:var(--ground);border-radius:999px;padding:10px 16px;font-weight:700;text-decoration:none;position:fixed;top:8px;transform:translateY(-150%)}.ecf .skip:focus{transform:none}.ecf .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ecf.short .track-stage{height:auto;position:static;overflow:visible}.ecf.short .track{height:auto;display:block;position:static;transform:none}.ecf.short .panel{width:auto;height:auto;padding:calc(var(--bar) + env(safe-area-inset-top,0px) + 16px) var(--gutter) 32px;grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:24px;min-height:0;position:static}.ecf.short .panel>.fig,.ecf.short .panel>.vis{width:100%;max-width:min(100%, calc(100svh - var(--bar) - 48px));opacity:1;order:0;justify-self:center;transform:none}.ecf .panel>.fig.vis.wide{max-width:100%}@media (width>=1040px){.ecf.g-horizon .panel:has(>.vis.wide){grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}}.ecf.short .panel .txt{opacity:1;max-width:520px;transform:none}@media (width<=559px){.ecf.short .panel{grid-template-columns:minmax(0,1fr)}}.ecf.short .steps{left:var(--gutter);width:min(44%,440px);right:auto;top:calc(var(--bar) + env(safe-area-inset-top,0px) + 12px);bottom:calc(12px + env(safe-area-inset-bottom,0px));align-content:center}.ecf.short .step p{font-size:1.125rem}@media (width<=760px){.ecf .fine,.ecf .check{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.ecf *{transition-duration:.01ms!important;animation:none!important}}html[data-ecf-zoomed] :is(.ecf.ver-D .stage-scrim,.ecf .step,.ecf .chapter-card,.ecf .track,.ecf .panel .txt,.ecf .panel .txt-in,.ecf .fig){will-change:auto}html[data-ecf-zoomed] :is(.ecf .cmp-tag,.ecf .badge,.ecf .ann .lbl,.ecf .ann-toggle,.ecf-top){-webkit-backdrop-filter:none;backdrop-filter:none}html[data-ecf-zoomed] :is(.ecf .cmp-tag,.ecf .badge,.ecf .ann .lbl,.ecf .ann-toggle){background:color-mix(in oklab, var(--ground) 92%, transparent)}html[data-ecf-zoomed] .ecf-top{background:rgb(var(--ground-rgb) / .92)}html[data-ecf-zoomed] .ecf .cmp-line{filter:none}html[data-ecf-zoomed] .ecf .panel.hid{content-visibility:auto}.ecf .pin.named b{opacity:1}.ecf .pin.tag b{transform:translateY(calc(-50% + var(--dy,0px)))}.ecf .pin.tag:is(.above,.below) b{left:50%;right:auto;transform:translate(-50%)}.ecf .pin.tag.above b{top:auto;bottom:calc(50% + 16px)}.ecf .pin.tag.below b{top:calc(50% + 16px)}@media (width<=760px){.ecf .pin.tag b{display:block}}@media (prefers-reduced-motion:reduce){.ecf .pin.named b{transition:none}}.ecf .say .count{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-2);margin-top:6px;font-size:.8125rem;display:block}.ecf .cmp .crop{left:calc(var(--cx) / var(--cw) * -100%);top:calc(var(--cy) / var(--cw) * -100%);width:calc(100% / var(--cw));height:calc(100% / var(--cw));pointer-events:none;position:absolute}.ecf .slider.from-stop input[type=range]{appearance:none;cursor:pointer;background:0 0;height:32px;margin:0}.ecf .slider.from-stop input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--similar) calc(14px + (100% - 28px) * var(--v,0)), var(--line-2) 0);border-radius:3px;height:6px}.ecf .slider.from-stop input[type=range]::-moz-range-track{background:var(--line-2);border-radius:3px;height:6px}.ecf .slider.from-stop input[type=range]::-moz-range-progress{background:var(--similar);border-radius:3px;height:6px}.ecf .slider.from-stop input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--similar);border:3px solid var(--ink);width:28px;height:28px;box-shadow:0 0 0 5px color-mix(in oklab, var(--similar) 28%, transparent), 0 2px 10px var(--shadow);border-radius:50%;margin-top:-11px}.ecf .slider.from-stop input[type=range]::-moz-range-thumb{background:var(--similar);border:3px solid var(--ink);width:22px;height:22px;box-shadow:0 0 0 5px color-mix(in oklab, var(--similar) 28%, transparent), 0 2px 10px var(--shadow);border-radius:50%}.ecf .slider.from-stop input[type=range]:focus-visible{outline:2px solid var(--similar);outline-offset:4px;border-radius:16px}.ecf .slider.stepped.from-stop .ticks{margin:0 14px}.ecf .slider.from-stop{gap:4px}.ecf .slider.from-stop .lab{color:var(--ink);order:0;margin-bottom:6px;font-size:.875rem}.ecf .slider.stepped.from-stop .ticks{order:1;height:24px}.ecf .slider.from-stop input[type=range]{order:2}.ecf .slider.from-stop .ends{order:3}.ecf .slider.stepped.from-stop .ticks span:not(.stop){display:none}.ecf .slider.stepped.from-stop .ticks span.stop:not(:empty){border-top:0;padding:0 0 9px;line-height:1;top:0}.ecf .slider.stepped.from-stop .ticks span.stop:not(:empty):after{content:"";background:var(--similar);border-radius:1px;width:2px;height:6px;margin-left:-1px;position:absolute;bottom:0;left:50%}.ecf .wipe .crop .seam{--bw:calc(var(--band) * var(--cw));--cr:calc(var(--core) * var(--cw));-webkit-mask-image:linear-gradient(90deg, transparent calc(var(--x,50%) - var(--bw)), currentColor calc(var(--x,50%) - var(--cr)), currentColor calc(var(--x,50%) + var(--cr)), transparent calc(var(--x,50%) + var(--bw)));-webkit-mask-image:linear-gradient(90deg, transparent calc(var(--x,50%) - var(--bw)), currentColor calc(var(--x,50%) - var(--cr)), currentColor calc(var(--x,50%) + var(--cr)), transparent calc(var(--x,50%) + var(--bw)));mask-image:linear-gradient(90deg, transparent calc(var(--x,50%) - var(--bw)), currentColor calc(var(--x,50%) - var(--cr)), currentColor calc(var(--x,50%) + var(--cr)), transparent calc(var(--x,50%) + var(--bw)))}.ecf .ann .ann-side{position:absolute;inset:0}.ecf .ann .ann-side.r{-webkit-mask-image:linear-gradient(90deg, transparent var(--x,50%), currentColor calc(var(--x,50%) + 6%));-webkit-mask-image:linear-gradient(90deg, transparent var(--x,50%), currentColor calc(var(--x,50%) + 6%));mask-image:linear-gradient(90deg, transparent var(--x,50%), currentColor calc(var(--x,50%) + 6%))}.ecf .ann .ann-side.l{-webkit-mask-image:linear-gradient(90deg, currentColor calc(var(--x,50%) - 6%), transparent var(--x,50%));-webkit-mask-image:linear-gradient(90deg, currentColor calc(var(--x,50%) - 6%), transparent var(--x,50%));mask-image:linear-gradient(90deg, currentColor calc(var(--x,50%) - 6%), transparent var(--x,50%))}.ecf .cmp{border-radius:inherit;background:var(--ground);-webkit-user-select:none;user-select:none;isolation:isolate;position:absolute;inset:0;overflow:hidden}.ecf .cmp-before,.ecf .cmp-after{position:absolute;inset:0}.ecf .cmp-after{z-index:-1}.ecf .cmp-input{border-radius:inherit;cursor:ew-resize;touch-action:pan-y pinch-zoom;position:absolute;inset:0}.ecf .cmp-band{touch-action:none;width:44px;margin-left:-22px;position:absolute;top:0;bottom:0}.ecf .cmp-input:focus-visible{outline-offset:-2px}.ecf .cmp-tag{background:color-mix(in oklab, var(--ground) 36%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);font-family:var(--mono);letter-spacing:0;pointer-events:none;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:500;position:absolute;bottom:12px;left:12px}.ecf .cmp-tag.cmp-right{left:auto;right:12px}.ecf .cmp-line{pointer-events:none;width:100%;height:100%;filter:drop-shadow(0 0 6px color-mix(in oklab, var(--ink) 50%, transparent));position:absolute;inset:0;overflow:visible}.ecf .cmp-line path{fill:none;stroke:var(--ink);stroke-width:2px;vector-effect:non-scaling-stroke}.ecf .cmp-grip{pointer-events:none;position:absolute;inset:0}.ecf .cmp-knob{background:var(--ink);width:36px;height:36px;color:var(--ground);box-shadow:0 2px 12px color-mix(in oklab, var(--ground) 25%, transparent);border-radius:50%;justify-content:center;align-items:center;margin:-18px 0 0 -18px;transition:scale .22s cubic-bezier(.24,1.34,.38,1);display:flex;position:absolute;top:50%;left:0}.ecf .cmp:hover .cmp-knob{scale:1.08}.ecf .cmp[data-held] .cmp-knob{scale:.9}@media (prefers-reduced-motion:reduce){.ecf .cmp-knob{transition:none}}@media (forced-colors:active){.ecf .pill.fill{border:1px solid linktext;padding:13px 24px}.ecf-end-float{border:1px solid linktext;padding:11px 19px}.ecf .cmp-knob{border:2px solid canvastext}.ecf .slider.from-stop input[type=range]::-webkit-slider-runnable-track{background:canvastext}.ecf .slider.from-stop input[type=range]::-moz-range-track{background:canvastext}.ecf .slider.from-stop input[type=range]::-moz-range-progress{background:highlight}.ecf .slider.stepped .ticks span,.ecf .slider.stepped.from-stop .ticks span.stop:not(:empty):after{background:canvastext}}