.mode.svelte-19c4q89{min-height:32px;font-size:var(--fs-xs);color:var(--demo-ink-2);box-shadow:inset 0 0 0 1px var(--demo-line);border-radius:999px;padding:0 12px}.mode.svelte-19c4q89:hover{color:var(--demo-ink)}.tabs.svelte-19c4q89{gap:4px;padding:10px 14px 0;display:flex}.tabs.svelte-19c4q89 button:where(.svelte-19c4q89){min-height:36px;font-size:var(--fs-xs);color:var(--demo-ink-3);transition:background var(--dur-2), color var(--dur-2);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:inline-flex;position:relative;overflow:hidden}.tabs.svelte-19c4q89 button.on:where(.svelte-19c4q89){color:var(--demo-ink);background:color-mix(in oklab, var(--demo-ink) 8%, transparent)}.n.svelte-19c4q89{font-family:var(--font-mono)}.timer.svelte-19c4q89{inset-inline:0;background:var(--sun);height:2px;transform-origin:var(--origin,left);animation:2.4s linear forwards svelte-19c4q89-timer;position:absolute;bottom:0}[dir=rtl] .timer.svelte-19c4q89{--origin:right}@keyframes svelte-19c4q89-timer{0%{scale:0 1}}.site.svelte-19c4q89{--c-bg:#fbf8f3;--c-ink:#2a1d14;--c-muted:#7a6a5c;--c-accent:#b5651d;--c-card:#fff;--c-wire:#9aa4ab;background:var(--c-bg);color:var(--c-ink);transition:background var(--dur-4) var(--ease-out), color var(--dur-4) var(--ease-out);border-radius:14px;flex-direction:column;flex:1;gap:14px;margin:12px 14px 14px;padding:14px 16px;display:flex;overflow:hidden}.site.dark.svelte-19c4q89{--c-bg:#1b130e;--c-ink:#f4e9dc;--c-muted:#b8a593;--c-accent:#e09a52;--c-card:#261b14}.site.s0.svelte-19c4q89{box-shadow:inset 0 0 0 1.5px var(--demo-line);background:0 0}.tx.svelte-19c4q89,.sk.svelte-19c4q89{transition:opacity var(--dur-3) var(--ease-out), translate var(--dur-3) var(--ease-out)}.sk.svelte-19c4q89{background:color-mix(in oklab, var(--c-ink) 14%, transparent);border-radius:4px;height:.6em;margin-block:.2em;display:block}.sk.short.svelte-19c4q89{width:60%}.s0.svelte-19c4q89 .sk:where(.svelte-19c4q89){background:color-mix(in oklab, var(--c-wire) 40%, transparent)}.s0.svelte-19c4q89 .tx:where(.svelte-19c4q89),.s1.svelte-19c4q89 .tx:where(.svelte-19c4q89),.s2.svelte-19c4q89 .sk:where(.svelte-19c4q89){display:none}.s2.svelte-19c4q89 .tx:where(.svelte-19c4q89){animation:svelte-19c4q89-type-in var(--dur-4) var(--ease-out) both}@keyframes svelte-19c4q89-type-in{0%{opacity:0;translate:0 6px}}.nav.svelte-19c4q89{align-items:center;gap:12px;font-size:.72rem;display:flex}.brand.svelte-19c4q89{min-width:80px;font-weight:700;font-family:var(--font-display);align-items:center;gap:6px;display:inline-flex}.brand.svelte-19c4q89 .sk:where(.svelte-19c4q89){flex:1}.logo.svelte-19c4q89{background:var(--c-accent);width:22px;height:22px;color:var(--c-bg);transition:all var(--dur-4) var(--ease-out);border-radius:7px;place-items:center;display:grid}.s0.svelte-19c4q89 .logo:where(.svelte-19c4q89){color:#0000;box-shadow:inset 0 0 0 1.5px var(--c-wire);background:0 0}.links.svelte-19c4q89{gap:12px;margin-inline-start:auto;display:flex}.link.svelte-19c4q89{min-width:40px;color:var(--c-muted)}.btn.svelte-19c4q89{background:var(--c-accent);color:#fff;min-width:76px;transition:all var(--dur-4) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:7px 14px;font-size:.72rem;font-weight:600;display:inline-flex}.btn.svelte-19c4q89 .sk:where(.svelte-19c4q89){background:#ffffff80;width:100%}.btn.small.svelte-19c4q89{min-width:60px;padding:5px 10px}.s0.svelte-19c4q89 .btn:where(.svelte-19c4q89){box-shadow:inset 0 0 0 1.5px var(--c-wire);background:0 0}.s0.svelte-19c4q89 .btn:where(.svelte-19c4q89) .sk:where(.svelte-19c4q89){background:color-mix(in oklab, var(--c-wire) 40%, transparent)}.hero.svelte-19c4q89{flex:1;grid-template-columns:1.3fr 1fr;align-items:center;gap:16px;display:grid}.copy.svelte-19c4q89{justify-items:start;gap:10px;display:grid}.h.svelte-19c4q89{width:100%;font-family:var(--font-display);font-size:clamp(1rem,.8rem + .8vw,1.35rem);font-weight:700;line-height:1.3}.h.svelte-19c4q89 .sk:where(.svelte-19c4q89){height:.8em}.p.svelte-19c4q89{width:100%;color:var(--c-muted);font-size:.75rem;line-height:1.6}.art.svelte-19c4q89{aspect-ratio:1;transition:all var(--dur-4) var(--ease-out);background:radial-gradient(circle at 30% 20%,#f3c58a,#0000 60%),linear-gradient(140deg,#b5651d,#5b2c0f);border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden}.s0.svelte-19c4q89 .art:where(.svelte-19c4q89){box-shadow:inset 0 0 0 1.5px var(--c-wire);background:0 0}.s0.svelte-19c4q89 .art:where(.svelte-19c4q89):before,.s0.svelte-19c4q89 .art:where(.svelte-19c4q89):after{content:"";background:var(--c-wire);opacity:.5;width:140%;height:1.5px;position:absolute;rotate:45deg}.s0.svelte-19c4q89 .art:where(.svelte-19c4q89):after{rotate:-45deg}.cup.svelte-19c4q89{aspect-ratio:1.1;width:42%;transition:opacity var(--dur-4);background:#fbf3e8;border-radius:0 0 40% 40%;position:relative;box-shadow:14px 0 0 -6px #0000}.cup.svelte-19c4q89:after{content:"";inset-inline-end:-22%;border:4px solid #fbf3e8;border-radius:50%;width:30%;height:40%;position:absolute;top:18%}.s0.svelte-19c4q89 .cup:where(.svelte-19c4q89),.s1.svelte-19c4q89 .cup:where(.svelte-19c4q89),.s0.svelte-19c4q89 .steam:where(.svelte-19c4q89),.s1.svelte-19c4q89 .steam:where(.svelte-19c4q89){opacity:0}.steam.svelte-19c4q89{transition:opacity var(--dur-4);gap:6px;display:flex;position:absolute;top:16%}.steam.svelte-19c4q89 i:where(.svelte-19c4q89){background:#fff9;border-radius:4px;width:4px;height:22px;animation:2.4s ease-in-out infinite svelte-19c4q89-steam}.steam.svelte-19c4q89 i:where(.svelte-19c4q89):nth-child(2){animation-delay:.4s}.steam.svelte-19c4q89 i:where(.svelte-19c4q89):nth-child(3){animation-delay:.8s}@keyframes svelte-19c4q89-steam{0%{opacity:0;translate:0 8px}50%{opacity:1}to{opacity:0;translate:0 -10px}}.cards.svelte-19c4q89{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.card.svelte-19c4q89{background:var(--c-card);transition:all var(--dur-4) var(--ease-out);transition-delay:calc(var(--i) * 70ms);border-radius:12px;gap:6px;padding:8px;font-size:.72rem;display:grid;box-shadow:0 6px 18px -10px #00000040}.s0.svelte-19c4q89 .card:where(.svelte-19c4q89){box-shadow:inset 0 0 0 1.5px var(--c-wire);background:0 0}.thumb.svelte-19c4q89{height:34px;transition:all var(--dur-4) var(--ease-out);background:linear-gradient(120deg,#e6c39b,#b5651d);border-radius:8px}.s0.svelte-19c4q89 .thumb:where(.svelte-19c4q89){background:color-mix(in oklab, var(--c-wire) 30%, transparent)}.name.svelte-19c4q89{font-weight:600}.price.svelte-19c4q89{color:var(--c-accent);font-family:var(--font-mono)}.price.svelte-19c4q89 .sk:where(.svelte-19c4q89){width:50%}