:where(.ik-plate){--ik-panel:#f1f1ef;--ik-top:#fbfbfa;--ik-front:#f6f6f4;--ik-side:#ededeb;--ik-well:#e9e9e6;--ik-line:#9b9b97;--ik-detail:#cdcdc9;--ik-live:#161616;--ik-ink:#8a8a85;--ik-ink-hi:#2a2a2a;--ik-screen:#e6e8e1;--ik-screen-ink:#22241f;--ik-border:#e6e6e3;--ik-glow:var(--ik-live);--ik-glow-strength:0;--ik-glow-size:5;--ik-weight-edge:1.4;--ik-weight-crease:1;--ik-weight-fine:.75;--ik-travel:2px;--ik-ease:cubic-bezier(.32, .72, 0, 1);--ik-ease-out:cubic-bezier(.23, 1, .32, 1);--ik-ease-move:cubic-bezier(.65, 0, .35, 1);--ik-ease-fall:cubic-bezier(.55, 0, 1, .45);--ik-spring:cubic-bezier(.34, 1.56, .64, 1);--ik-t-press:50ms;--ik-t-hover:.15s;--ik-t-state:.26s;--ik-t-move:.7s;--ik-t-spring:.2s;--ik-t-glow-on:90ms;--ik-t-glow-off:.4s;--ik-stagger:50ms;--ik-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ik-screen-font:var(--ik-mono)}@supports (transition-timing-function:linear(0, 1)){:where(.ik-plate){--ik-spring:linear(0, .015 1.9%, .056 3.8%, .136 6.3%, .341 11.3%, .573 16.9%, .704 20.6%, .81 24.4%, .891 28.1%, .956 32.5%, 1 37.5%, 1.024 43.8%, 1.025 54.4%, 1.001 82.5%, 1);--ik-t-spring:.56s}}:where(.dark,[data-theme=dark]) :where(.ik-plate:not([data-theme=light]):not([data-theme=system])),:where(.ik-plate[data-theme=dark]){--ik-panel:#202020;--ik-top:#262626;--ik-front:#232323;--ik-side:#1e1e1e;--ik-well:#1b1b1b;--ik-line:#5f5f5f;--ik-detail:#383838;--ik-live:#f2f2f2;--ik-ink:#7d7d7d;--ik-ink-hi:#e4e4e4;--ik-screen:#161815;--ik-screen-ink:#e9ece4;--ik-border:#2a2a2a;--ik-glow-strength:1}@media (prefers-color-scheme:dark){:where(.ik-plate[data-theme=system]){--ik-panel:#202020;--ik-top:#262626;--ik-front:#232323;--ik-side:#1e1e1e;--ik-well:#1b1b1b;--ik-line:#5f5f5f;--ik-detail:#383838;--ik-live:#f2f2f2;--ik-ink:#7d7d7d;--ik-ink-hi:#e4e4e4;--ik-screen:#161815;--ik-screen-ink:#e9ece4;--ik-border:#2a2a2a;--ik-glow-strength:1}}:where(.ik-plate){box-sizing:border-box;background:var(--ik-panel);border:1px solid var(--ik-border);border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:6px;height:100%;padding:14px 16px;display:grid;position:relative}:where(.ik-plate>svg){touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;grid-row:2;width:100%;height:100%;min-height:0;display:block;overflow:visible}:where(.ik-plate:has(>svg:focus-visible)){outline:2px solid var(--ik-live);outline-offset:3px}:where(.ik-cap){font:500 10px/1.4 var(--ik-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ik-ink);flex-wrap:wrap;justify-content:space-between;gap:2px 14px;display:flex;position:relative}:where(.ik-cap-hi){color:var(--ik-ink-hi);text-transform:none;letter-spacing:.03em;font-variant-numeric:tabular-nums}:where(.ik-footer){grid-row:3;gap:6px;display:grid;position:relative}:where(.ik-credit){min-height:24px;font:400 10px/1.4 var(--ik-mono);justify-self:end;align-items:center;text-decoration:none;display:inline-flex}.ik-plate .ik-credit{color:var(--ik-ink-hi)}:where(.ik-credit:focus-visible){outline:2px solid var(--ik-live);outline-offset:2px;border-radius:2px}@media (hover:hover) and (pointer:fine){:where(.ik-credit:hover){text-underline-offset:3px;text-decoration:underline}}:where(.ik-face){fill:var(--ik-front);stroke:var(--ik-line);stroke-width:var(--ik-weight-crease);vector-effect:non-scaling-stroke;stroke-linejoin:round;transition:stroke var(--ik-t-hover) var(--ik-ease-out), fill var(--ik-t-state) var(--ik-ease)}:where(.ik-top){fill:var(--ik-top)}:where(.ik-edge){fill:none;stroke:var(--ik-line);stroke-width:var(--ik-weight-edge);vector-effect:non-scaling-stroke;stroke-linejoin:round;transition:stroke var(--ik-t-hover) var(--ik-ease-out)}:where(.ik-tint){fill:var(--ik-side);stroke:none}:where(.ik-well){fill:var(--ik-well);stroke:var(--ik-detail);stroke-width:var(--ik-weight-fine);vector-effect:non-scaling-stroke}:where(.ik-detail){fill:none;stroke:var(--ik-detail);stroke-width:var(--ik-weight-fine);vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}:where(.ik-line){fill:none;stroke:var(--ik-line);stroke-width:var(--ik-weight-crease);vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}:where(.ik-dash){fill:none;stroke:var(--ik-line);stroke-width:var(--ik-weight-crease);stroke-dasharray:1 3;vector-effect:non-scaling-stroke;stroke-linecap:round;transition:opacity var(--ik-t-state) var(--ik-ease)}:where(.ik-live){fill:none;stroke:var(--ik-live);stroke-width:var(--ik-weight-crease);vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}:where(.ik-fill){fill:var(--ik-detail);stroke:none}:where(.ik-dot){fill:var(--ik-live);stroke:none}:where(.ik-label){fill:var(--ik-ink);font:600 8px/1 var(--ik-mono);letter-spacing:.08em;pointer-events:none}:where(.ik-screen){fill:var(--ik-screen);stroke:var(--ik-detail);stroke-width:var(--ik-weight-fine);vector-effect:non-scaling-stroke}:where(.ik-screen-text){fill:var(--ik-screen-ink);font-family:var(--ik-screen-font);white-space:pre}:where(.ik-screen-line){fill:none;stroke:var(--ik-screen-ink);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}:where(.ik-thick){stroke-width:1.6px}:where(.ik-dim){opacity:.45}:where(.ik-halo){opacity:0;pointer-events:none;transition:opacity var(--ik-t-glow-off) var(--ik-ease-out) var(--ik-glow-fade-delay,0s)}:where(.ik-glow[data-on=true]>.ik-halo){opacity:calc(var(--ik-glow-strength) * .14);transition-duration:var(--ik-t-glow-on);transition-delay:var(--ik-glow-delay,0s)}:where(.ik-glow[data-on=true]>.ik-halo-core){opacity:calc(var(--ik-glow-strength) * .3)}@starting-style{:where(.ik-glow[data-on=true]>.ik-halo){opacity:0}}.ik-halo *{stroke-linecap:round;stroke-linejoin:round;stroke:var(--ik-glow)!important;stroke-width:var(--ik-glow-size)!important;stroke-opacity:1!important}.ik-halo-core *{stroke-width:calc(var(--ik-glow-size) * .45)!important}.ik-halo text{stroke-width:calc(var(--ik-glow-size) * .5)!important}.ik-halo-core text{stroke-width:calc(var(--ik-glow-size) * .22)!important}:where(.ik-grid,.ik-drafting){display:var(--ik-drafting,none);pointer-events:none}:where(.ik-grid-line){fill:none;stroke:var(--ik-grid,var(--ik-detail));stroke-width:.4px}:where(.ik-press){cursor:pointer;outline:none}.ik-plate .ik-press:focus-visible{outline:none}:where(.ik-press[aria-disabled=true]){cursor:default}:where(.ik-press>g){transition:transform var(--ik-t-spring) var(--ik-spring)}:where(.ik-press[data-down=true]:not(.ik-lift)>g){transform:translateY(var(--ik-travel));transition:transform var(--ik-t-press) var(--ik-ease-out)}:where(.ik-press[data-down=true],.ik-press:focus-visible,.ik-press[data-hot=true]) :where(.ik-face,.ik-edge){stroke:var(--ik-live)}:where(.ik-press:focus-visible) :where(.ik-face){stroke-width:2px}:where(.ik-press:focus-visible) :where(.ik-edge){stroke-width:calc(var(--ik-weight-edge) + 1)}:where(.ik-press[data-down=true]) :where(.ik-face,.ik-edge){transition-duration:0s}:where(.ik-press[aria-disabled=true]) :where(.ik-face,.ik-edge){stroke:var(--ik-detail)}@media (hover:hover) and (pointer:fine){:where(.ik-press:not([aria-disabled=true]):hover) :where(.ik-top){stroke:var(--ik-live)}}:where(.ik-enter){animation:ik-enter .42s var(--ik-ease) both}:where(.ik-pulse){animation:1.8s ease-in-out infinite ik-pulse}:where(.ik-blink){animation:.24s steps(2,end) infinite ik-pulse}:where(.ik-float){animation:4.4s ease-in-out infinite ik-float}@keyframes ik-enter{0%{opacity:0;transform:translateY(3px)}}@keyframes ik-pulse{50%{opacity:.35}}@keyframes ik-float{50%{transform:translateY(-1.6px)}}:where(.ik-ripple,.ik-cursor,.ik-signal,.ik-flight){pointer-events:none}:where(.ik-ripple){transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite ik-ripple}:where(.ik-ripple rect,.ik-cursor-ring){fill:none;stroke:var(--ik-live);vector-effect:non-scaling-stroke}:where(.ik-plate svg[data-demo=press] .ik-press[data-hot=true]:not(.ik-lift)>g){transform:translateY(var(--ik-travel));transition:transform var(--ik-t-press) var(--ik-ease-out)}:where(.ik-cursor-arrow path){fill:var(--ik-top);stroke:var(--ik-ink-hi);stroke-linejoin:round;vector-effect:non-scaling-stroke}:where(.ik-cursor-ring){opacity:0}:where(.ik-cursor[data-phase=aim] .ik-cursor-arrow){animation:.32s cubic-bezier(.2,.8,.2,1) both ik-cursor-in}:where(.ik-cursor[data-phase=press] .ik-cursor-arrow){transition:transform 90ms ease-out;transform:scale(.86)}:where(.ik-cursor[data-phase=release] .ik-cursor-arrow){animation:ik-cursor-out .56s var(--ik-ease) both}:where(.ik-cursor[data-phase=release] .ik-cursor-ring){animation:ik-cursor-ring .52s var(--ik-ease) both}:where(.ik-signal){fill:none;stroke:var(--ik-live);stroke-width:1.4px;stroke-linecap:round;stroke-dasharray:22 130;stroke-dashoffset:24px;animation:.32s ease-in both ik-signal}:where(.ik-flight){opacity:0;animation:ik-flight .52s var(--ik-ease-move) forwards}:where(.ik-flight-arc){animation:.52s forwards ik-arc;animation-delay:inherit;animation-duration:inherit}@keyframes ik-ripple{0%{opacity:.9;transform:none}70%,to{opacity:0;transform:scale(1.22)}}@keyframes ik-cursor-in{0%{opacity:0;transform:translate(22px,18px)}}@keyframes ik-cursor-out{0%{transform:scale(.86)}30%{opacity:1;transform:none}to{opacity:0;transform:translate(8px,7px)}}@keyframes ik-cursor-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.8)}}@keyframes ik-signal{to{stroke-dashoffset:-102px}}@keyframes ik-flight{0%{opacity:1;transform:none}97%{opacity:1;transform:translateX(var(--ik-dx))}to{opacity:0;transform:translateX(var(--ik-dx))}}@keyframes ik-arc{0%{animation-timing-function:cubic-bezier(.3,.6,.5,1);transform:none}50%{transform:translateY(calc(var(--ik-dy) / 2 + var(--ik-lift)));animation-timing-function:cubic-bezier(.5,0,.7,.4)}to{transform:translateY(var(--ik-dy))}}.ik-plate:not([data-awake]) :is(.ik-pulse,.ik-blink,.ik-float,.ik-loop){animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){:where(.ik-plate) *{transition:opacity .12s ease-out,fill .12s ease-out,stroke .12s ease-out,color .12s ease-out!important;animation:none!important}}:where(.ik-sound-toggle){border:1px solid;border-color:color-mix(in srgb, currentColor 18%, transparent);min-height:30px;font:inherit;color:inherit;opacity:.6;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12px;transition:opacity .15s,transform .12s;display:inline-flex}:where(.ik-sound-toggle[aria-pressed=true]),:where(.ik-sound-toggle:hover){opacity:1}:where(.ik-sound-toggle:active){transform:scale(.96)}.ek-figure .ik-plate{--ik-panel:var(--ink-900);--ik-top:#26332b;--ik-front:#1f2a23;--ik-side:#19221c;--ik-well:#0e1411;--ik-line:#5a6b60;--ik-detail:#2f3c34;--ik-border:var(--line);--ik-live:var(--lime);--ik-glow:var(--lime);--ik-ink:var(--text-3);--ik-ink-hi:var(--text);--ik-mono:var(--f-mono);--ik-screen-ink:var(--lime-2);border-radius:18px}.ek-figure .ik-plate>svg{aspect-ratio:1.04;align-self:center;height:auto}.ek-figure .ik-cap{font-size:11px}.ek-figure .ik-cap-hi{font-size:13px}.ek-filler .ek-drink{opacity:.55;stroke:none}.ek-filler .ek-surface{opacity:.92}.ek-filler .ek-tag{font-size:5.4px}.ek-filler .ek-key{fill:var(--ik-ink-hi);font-size:7px}.ek-filler .ek-key-sel{fill:var(--ik-live)}.ek-filler .ek-key-on :is(.ik-face,.ik-edge){stroke:var(--ik-live)}.ek-filler .ek-arrive{animation:ek-arrive var(--move) var(--ik-ease-move) both}.ek-filler .ek-back{animation:ik-enter .42s var(--ik-ease) both}.ek-filler .ek-nozzle>*{transition:transform var(--ik-t-spring) var(--ik-spring)}.ek-filler svg[data-phase=pour] .ek-nozzle>*{transition:transform var(--ik-t-state) var(--ik-ease-fall);transform:translateY(6px)}.ek-filler .ek-stream-core{fill:none;stroke-width:3.2px;stroke-linecap:round;opacity:.9}.ek-filler .ek-stream-run{stroke-dasharray:3 7;animation:.36s linear infinite ek-run}.ek-filler .ek-lamp{fill:var(--ik-detail);transition:fill var(--ik-t-state) var(--ik-ease)}.ek-filler .ek-lamp-on{fill:var(--ik-live)}@keyframes ek-arrive{0%{transform:translate(var(--dx), var(--dy))}45%{transform:translate(calc(var(--dx) * .5), calc(var(--dy) * .5 - 26px))}to{transform:translate(0)}}@keyframes ek-run{to{stroke-dashoffset:-10px}}.ek-figure{container-type:inline-size}.ek-cups{gap:16px;display:grid}@container (width>=680px){.ek-cups{grid-template-columns:minmax(0,1.55fr) minmax(220px,1fr);align-items:stretch}}.ek-cups-info{border:1px solid var(--line);background:var(--ink-900);border-radius:18px;flex-direction:column;gap:12px;padding:18px 18px 16px;display:flex}.ek-cups-info p{margin:0!important}.ek-cups-title{letter-spacing:.12em;text-transform:uppercase;font:500 11px/1.4 var(--f-mono)!important;color:var(--text-3)!important}.ek-cups-list{gap:6px;display:grid;margin:0!important;padding:0!important;list-style:none!important}.ek-cups-list li{margin:0!important;padding:0!important}.ek-cups-list li:before{display:none!important}.ek-cups-row{border:1px solid var(--line);width:100%;color:var(--text-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:12px;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px;padding:9px 12px;transition:border-color .15s,background .15s,color .15s;display:grid}.ek-cups-row:hover{border-color:var(--line-2);color:var(--text)}.ek-cups-row[aria-pressed=true]{border-color:var(--lime);color:var(--text);background:#c8e27a0f}.ek-cups-oz{color:var(--text);font-weight:600}.ek-cups-row[aria-pressed=true] .ek-cups-oz{color:var(--lime)}.ek-cups-ml{font-family:var(--f-mono);text-align:right;font-size:.92em}.ek-cups-dims{font-family:var(--f-mono);color:var(--text-3);grid-column:1/-1;font-size:.78em}.ek-cups-use{line-height:1.5;display:grid;color:var(--text)!important;font-size:.98rem!important}.ek-cups-use>span{grid-area:1/1}.ek-cups-note{line-height:1.5;color:var(--text-3)!important;margin-top:auto!important;font-size:.82rem!important}.ek-filler .ik-footer>.ik-cap{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.ek-filler .ik-footer>.ik-cap>span:first-child,.ek-filler .ek-hint{display:contents}.ek-filler .ek-hint>span{white-space:nowrap}.ek-filler .ik-footer>.ik-cap>.ik-cap-hi{text-align:right;white-space:nowrap;justify-self:end}.ek-figure .ek-cups-sound{min-height:26px;font:500 10px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);padding:0 10px}.ek-filler .ek-lid-face{fill:var(--ik-front);stroke:var(--ik-line);stroke-width:var(--ik-weight-edge);vector-effect:non-scaling-stroke;stroke-linejoin:round}.ek-filler .ek-lid-top{fill:var(--ik-top);stroke:var(--ik-line);stroke-width:var(--ik-weight-crease);vector-effect:non-scaling-stroke}.ek-filler .ek-lid-line{fill:none;stroke:var(--ik-detail);stroke-width:var(--ik-weight-fine);vector-effect:non-scaling-stroke}.ek-filler .ek-lid-hole{fill:var(--ik-well);stroke:var(--ik-line);stroke-width:var(--ik-weight-fine);vector-effect:non-scaling-stroke}.ek-filler .ek-ice{fill:var(--ik-top);fill-opacity:.5;stroke:var(--ik-ink-hi);stroke-width:var(--ik-weight-fine);vector-effect:non-scaling-stroke}.ek-filler .ek-inside{stroke:none}.ek-filler .ek-lid{animation:ek-lid var(--lid-ms,.46s) var(--ik-ease-fall) both}@keyframes ek-lid{0%{opacity:0;transform:translateY(-34px)}30%{opacity:1}to{opacity:1;transform:none}}.ek-cups-extra{border-left:2px solid var(--lime);padding-left:10px;line-height:1.5;color:var(--text-2)!important;font-size:.86rem!important}.ek-cups-more{padding:0 2px;font:400 .78rem/1.6 var(--f-mono)!important;color:var(--text-3)!important}.ek-cups-more b{white-space:nowrap;margin-right:1.1em;font-weight:400;display:inline-block}.ek-cups-more span{letter-spacing:.12em;text-transform:uppercase;font-size:10px;display:block}.ek-filler .ek-riser{animation:ek-rise .72s var(--ik-ease) both}@keyframes ek-rise{0%{opacity:0;transform:translateY(6px)}40%{opacity:1}to{opacity:1;transform:none}}.ek-press .ek-key-sm{letter-spacing:.04em;font-size:5.8px}.ek-press .ek-pulp{fill:#8f8468;fill-opacity:.45;stroke:var(--ik-detail);stroke-width:var(--ik-weight-fine);vector-effect:non-scaling-stroke}.ek-press .ek-floor{fill:var(--ik-front);stroke:none}.ek-press .ek-wet{--face:#4d4a3c;--tint:#393729;--topc:#57533f;--in-hi:#4a4736;--in-mid:#36342a;--in-lo:#22211a;--floor:#3a382c;--wall-b:#45422f;--wall-s:#2b2a21;--shade:#15140f;--rim:#5d5948}.ek-press .ek-dry{--face:#cdc1a0;--tint:#ac9f7d;--topc:#ddd2b5;--in-hi:#c2b592;--in-mid:#a49673;--in-lo:#7d7154;--floor:#b0a280;--wall-b:#c3b693;--wall-s:#8f8262;--shade:#6a5f45;--rim:#8a7e62}.ek-press :is(.ek-wet,.ek-dry) .ek-top{fill:var(--topc);stroke:var(--rim);stroke-width:var(--ik-weight-fine);vector-effect:non-scaling-stroke}.ek-press :is(.ek-wet,.ek-dry) .ek-floor{fill:var(--floor);stroke:none}.ek-press :is(.ek-wet,.ek-dry) .ek-wall-b{fill:var(--wall-b)}.ek-press :is(.ek-wet,.ek-dry) .ek-wall-s{fill:var(--wall-s)}.ek-press :is(.ek-wet,.ek-dry) .ek-shade{fill:none;stroke:var(--shade);stroke-width:2.6px;opacity:.75}.ek-press :is(.ek-wet,.ek-dry) .ek-rim{fill:none;stroke:var(--rim);stroke-width:var(--ik-weight-fine);vector-effect:non-scaling-stroke}.ek-press .ek-wet .ik-face{fill:#4d4a3c}.ek-press .ek-wet .ik-top{fill:#57533f}.ek-press .ek-wet .ik-tint{fill:#3f3d31}.ek-press .ek-wet .ik-detail{stroke:#6c6650}.ek-press .ek-dry .ik-face{fill:#c9bd9c}.ek-press .ek-dry .ik-top{fill:#ddd2b5}.ek-press .ek-dry .ik-tint{fill:#b3a684}.ek-press .ek-dry .ik-detail{stroke:#94886b}.ek-press svg[data-phase=dip] .ek-mold{animation:ek-dip var(--dip-ms) linear both}.ek-press svg[data-phase=dip] .ek-mold-body{animation:ek-sink var(--dip-ms) linear both}.ek-press svg[data-phase=lift] .ek-mold{animation:ek-raise var(--lift-ms) linear both}.ek-press svg[data-phase=lift] .ek-mold-body{animation:ek-emerge var(--lift-ms) linear both}@keyframes ek-dip{0%{transform:none}to{transform:translateY(var(--dip))}}@keyframes ek-raise{0%{transform:translateY(var(--dip))}to{transform:none}}@keyframes ek-sink{0%,86%{opacity:1}95%,to{opacity:0}}@keyframes ek-emerge{0%,5%{opacity:0}14%,to{opacity:1}}.ek-press .ek-ram{transition:transform var(--ik-t-spring) var(--ik-spring)}.ek-press svg[data-phase=press] .ek-ram{transform:translateY(var(--stroke));transition:transform .42s var(--ik-ease-fall)}.ek-press .ek-fly{animation:ek-fly var(--ms) var(--ik-ease-move) both}.ek-press .ek-slide{animation:ek-slide var(--ms) var(--ik-ease-move) both}@keyframes ek-slide{0%{transform:translate(var(--dx), var(--dy))}55%{transform:translate(calc(var(--dx) * .4), calc(var(--dy) * .4))}to{transform:translate(0)}}.ek-press .ek-stacked{animation:ik-enter .36s var(--ik-ease) both}@keyframes ek-fly{0%{transform:translate(var(--dx), var(--dy))}50%{transform:translate(calc(var(--dx) * .5), calc(var(--dy) * .5 - 30px))}to{transform:translate(0)}}