body.has-coffee-dialog{overflow:hidden}.coffee-dialog:not([open]){display:none}.coffee-dialog{width:min(54rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:0;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);box-shadow:0 2rem 6rem rgb(0 0 0 / 72%)}.coffee-dialog::backdrop{background:rgb(0 0 0 / 76%);backdrop-filter:blur(0.35rem)}.coffee-dialog__frame{position:relative;padding:clamp(var(--space-4),5vw,var(--space-6))}.coffee-dialog__close{position:absolute;z-index:4;inset-block-start:var(--space-3);inset-inline-end:var(--space-3)}.coffee-dialog__header{max-width:44rem;padding-inline-end:3.5rem}.coffee-dialog__header h2{margin-block-end:var(--space-2);font-size:clamp(1.8rem,5vw,3rem)}.coffee-dialog__header p{margin:0;color:var(--color-muted)}.coffee-dialog__description-mobile{display:none}.coffee-dialog__phrase{width:100%;min-width:0;margin:var(--space-3) 0 0;overflow:hidden;color:var(--color-accent);font-size:clamp(0.9rem,2vw,1.08rem);font-weight:700;line-height:1.25;text-align:center;white-space:nowrap;text-overflow:clip}.coffee-dialog__layout{display:grid;gap:var(--space-5);margin-block-start:var(--space-4)}.coffee-dialog__energy,.coffee-dialog__modes{min-width:0;margin:0;padding:0;border:0}.coffee-dialog__energy{display:grid;justify-items:center;gap:var(--space-3)}.coffee-dialog__quantity-title{display:none;margin:0;font-size:clamp(1.45rem,6vw,2rem);text-align:center}.coffee-dialog__energy-controls{display:grid;justify-items:center;gap:var(--space-3);width:100%}.coffee-battery{position:relative;display:grid;width:8.5rem;height:14rem;place-items:center;isolation:isolate}.coffee-battery__aura{position:absolute;z-index:-2;inset:12%;border-radius:48%;opacity:0;background:var(--color-accent);filter:blur(1.8rem);transform:scale(0.7);transition:opacity 260ms ease,transform 260ms ease,filter 260ms ease}.coffee-battery__terminal{position:absolute;inset-block-start:0;width:2.8rem;height:0.8rem;border:2px solid var(--color-border);border-block-end:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--color-surface)}.coffee-battery__shell{position:relative;display:grid;width:100%;height:calc(100% - 0.7rem);margin-block-start:0.7rem;place-items:center;overflow:hidden;border:3px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(160deg,var(--color-surface),var(--color-bg));box-shadow:inset 0 0 1.5rem rgb(0 0 0 / 55%),0 1rem 2rem rgb(0 0 0 / 32%);transition:border-color 240ms ease,box-shadow 240ms ease}.coffee-battery__segments{position:absolute;inset:0.8rem;display:flex;flex-direction:column-reverse;gap:0.35rem}.coffee-battery__segments>span{flex:1;border:1px solid color-mix(in srgb,var(--color-border) 82%,transparent);border-radius:calc(var(--radius-sm) / 1.5);background:rgb(255 255 255 / 3%);transition:background 240ms ease,box-shadow 240ms ease}.coffee-battery__segments>span.is-charged{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 82%,#fff);box-shadow:0 0 0.8rem rgb(242 194 48 / 34%)}.coffee-battery__lightning{position:relative;z-index:2;width:4.5rem;color:var(--color-muted);opacity:0.18;filter:drop-shadow(0 0 0 transparent);transition:color 240ms ease,opacity 240ms ease,filter 240ms ease,transform 220ms ease}.coffee-battery[data-level]:not([data-level="0"]) .coffee-battery__shell{border-color:color-mix(in srgb,var(--color-accent) 68%,var(--color-border))}.coffee-battery[data-lightning-state=low] .coffee-battery__lightning{color:var(--color-accent);opacity:0.32}.coffee-battery[data-lightning-state=medium] .coffee-battery__lightning{color:var(--color-accent);opacity:0.48}.coffee-battery[data-lightning-state=high] .coffee-battery__lightning{color:var(--color-accent);opacity:0.68;filter:drop-shadow(0 0 0.35rem rgb(242 194 48 / 38%))}.coffee-battery[data-lightning-state=full] .coffee-battery__lightning{color:var(--color-accent);opacity:0.9;filter:drop-shadow(0 0 0.65rem rgb(242 194 48 / 56%))}.coffee-battery[data-lightning-state=super] .coffee-battery__lightning{color:#fff4b5;opacity:1;filter:drop-shadow(0 0 0.9rem var(--color-accent))}.coffee-battery[data-boost=low] .coffee-battery__aura{opacity:0.16;transform:scale(0.86)}.coffee-battery[data-boost=medium] .coffee-battery__aura{opacity:0.25;transform:scale(1)}.coffee-battery[data-boost=high] .coffee-battery__aura{opacity:0.34;transform:scale(1.12);filter:blur(2.2rem)}.coffee-battery[data-boost=max] .coffee-battery__aura{opacity:0.48;transform:scale(1.28);filter:blur(2.5rem)}.coffee-battery.is-impulsing .coffee-battery__lightning{animation:coffee-energy-impulse 220ms ease-out}@keyframes coffee-energy-impulse{50%{transform:scale(1.12);filter:drop-shadow(0 0 1.1rem var(--color-accent))}}.coffee-dialog__range{width:min(100%,20rem);min-height:2.75rem;margin:0;accent-color:var(--color-accent);cursor:pointer;touch-action:pan-y}.coffee-dialog__details{display:grid;align-content:center;gap:var(--space-3);min-width:0}.coffee-dialog__pricing{display:grid;gap:0.2rem;min-width:0}.coffee-dialog__summary{margin:0;font-size:clamp(1.35rem,4vw,2rem)}.coffee-dialog__summary strong{color:var(--color-accent)}.coffee-dialog__price-note,.coffee-dialog__security{margin:0;color:var(--color-muted)}.coffee-dialog__price-note-mobile{display:none}.coffee-dialog__security{width:100%;margin-block-start:var(--space-3);font-size:0.72rem;line-height:1.35;text-align:center}.coffee-dialog__network-status{width:100%;min-height:1.05rem;margin:calc(var(--space-2) * -0.35) 0 0;color:#ff8f8f;font-size:0.78rem;font-weight:700;line-height:1.3;text-align:center}.coffee-dialog__network-status[hidden]{display:block;visibility:hidden}.coffee-dialog__modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.coffee-mode{position:relative;display:block;cursor:pointer}.coffee-mode input{position:absolute;width:1px;height:1px;opacity:0}.coffee-mode__surface{display:flex;min-height:3rem;align-items:center;justify-content:center;padding:0.5rem 0.8rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);line-height:1.15;text-align:center;transition:border-color 160ms ease,background 160ms ease}.coffee-mode__surface strong{font-size:clamp(0.78rem,2.2vw,0.95rem)}.coffee-mode__surface small{margin-block-start:0.22rem;color:var(--color-muted);font-size:clamp(0.66rem,1.9vw,0.78rem)}.coffee-mode input:checked+.coffee-mode__surface{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface));color:var(--color-accent)}.coffee-mode input:focus-visible+.coffee-mode__surface{outline:2px solid var(--color-accent);outline-offset:3px}.coffee-dialog__cta{width:100%}.coffee-trigger{display:inline-flex;align-items:center;gap:0.55rem}.coffee-trigger__text{min-height:2.75rem;padding:0;border:0;background:transparent;color:var(--color-accent);font:inherit;font-weight:700;text-decoration:underline;text-decoration-thickness:0.08em;text-underline-offset:0.25em;cursor:pointer}.coffee-trigger__icon{display:grid;width:2.75rem;height:2.75rem;flex:0 0 auto;padding:0.65rem;border:1px solid color-mix(in srgb,var(--color-accent) 58%,var(--color-border));border-radius:50%;background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface));color:var(--color-accent);cursor:pointer;place-items:center}.coffee-trigger__icon svg{width:100%;height:100%}.coffee-trigger__text:hover,.coffee-trigger__text:focus-visible{color:#fff4b5}.coffee-trigger__icon:hover,.coffee-trigger__icon:focus-visible{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 16%,var(--color-surface))}@media(min-width:48rem){.coffee-dialog__layout{grid-template-columns:minmax(16rem,0.9fr) minmax(18rem,1.1fr);align-items:center}.coffee-dialog__energy-controls{grid-template-columns:minmax(9rem,1fr) 3rem;align-items:center}.coffee-dialog__range{width:2.75rem;height:14rem;min-height:14rem;writing-mode:vertical-lr;direction:rtl;touch-action:pan-x}}@media(max-width:47.99rem){.coffee-dialog{width:min(34rem,calc(100% - 1rem));max-height:calc(100dvh - 1rem)}.coffee-dialog__frame{padding:3.6rem var(--space-3) var(--space-4)}.coffee-dialog__header{max-width:none;padding-inline-end:0}.coffee-dialog__header h2{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.coffee-dialog__header p{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip:auto;white-space:normal;border:0;font-size:0.86rem;line-height:1.35;text-align:center}.coffee-dialog__description-desktop{display:none}.coffee-dialog__description-mobile{display:inline}.coffee-dialog__quantity-title{display:block}.coffee-dialog__layout{gap:var(--space-3);margin-block-start:var(--space-2)}.coffee-dialog__energy{gap:var(--space-2)}.coffee-battery{width:6.25rem;height:9.25rem}.coffee-battery__terminal{width:2rem;height:0.6rem}.coffee-battery__shell{height:calc(100% - 0.5rem);margin-block-start:0.5rem}.coffee-battery__segments{inset:0.55rem;gap:0.24rem}.coffee-battery__lightning{width:3rem}.coffee-dialog__range{width:min(100%,22rem)}.coffee-dialog__phrase{width:calc(100% + (2 * var(--space-3)));margin-inline:calc(var(--space-3) * -1);font-size:0.78rem}.coffee-dialog__pricing{display:flex;align-items:baseline;justify-content:center;gap:0.55rem;width:100%;white-space:nowrap}.coffee-dialog__summary{flex:0 1 auto;font-size:1.05rem}.coffee-dialog__price-note{flex:0 0 auto;font-size:0.68rem;line-height:1.2}.coffee-dialog__price-note-desktop{display:none}.coffee-dialog__price-note-mobile{display:inline}.coffee-mode__surface{min-height:2.75rem;padding:0.42rem 0.55rem}.coffee-mode__surface strong{font-size:0.78rem}}@media(prefers-reduced-motion:reduce){.coffee-battery *,.coffee-mode__surface{animation:none!important;transition:none!important}.coffee-battery.is-impulsing .coffee-battery__lightning{transform:none}}.coffee-dialog__frame{padding-block-end:calc(clamp(var(--space-4),5vw,var(--space-6)) + 2.5rem)}.coffee-dialog__security{position:absolute;inset-inline:clamp(var(--space-4),5vw,var(--space-6));inset-block-end:0.7rem;margin:0}.coffee-dialog__network-status{min-height:2.25rem}@media(max-width:47.99rem){.coffee-dialog__frame{padding-block-end:3.4rem}.coffee-dialog__security{inset-inline:var(--space-3);inset-block-end:0.65rem}.coffee-dialog__network-status{min-height:2.4rem}}.coffee-dialog__security{width:auto;max-width:none}