.dk{align-items:center;gap:var(--space-4);margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);border:1.5px solid color-mix(in srgb, currentColor 20%, transparent);border-radius:var(--radius-card,12px);background:color-mix(in srgb, currentColor 4%, transparent);font-family:var(--face-sans,inherit);text-align:left;transition:border-color var(--motion-normal) var(--motion-ease);display:flex}.dk[data-state=nudged]{border-color:color-mix(in srgb, currentColor 55%, transparent)}.dk[data-state=dunked]{border-color:color-mix(in srgb, var(--green) 55%, transparent)}.dk-stage{width:calc(var(--space-16) + var(--space-12));height:var(--space-16);touch-action:none;-webkit-user-select:none;user-select:none;flex:none;position:relative}.dk-stage svg{width:100%;height:100%;display:block;overflow:visible}.dk-mug{width:var(--space-16);height:var(--space-16);cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;top:0;right:0}.dk-mug-back{z-index:1}.dk-mug-front{z-index:3}.dk-biscuit{z-index:4;left:0;top:var(--space-5);width:var(--space-10);height:var(--space-10);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;position:absolute}.dk[data-where=in] .dk-biscuit{z-index:2}.dk[data-state=held] .dk-biscuit{cursor:grabbing}.dk[data-state=held] .dk-biscuit svg{filter:drop-shadow(0 6px 8px color-mix(in srgb, var(--pitch) 30%, transparent))}.dk[data-over=yes] .dk-m-tea{fill:color-mix(in srgb, var(--amber) 55%, var(--pitch))}.dk[data-state=dunked] .dk-biscuit,.dk[data-state=dunking] .dk-biscuit{cursor:default}.dk[data-state=dunked] .dk-biscuit{transform:rotate(-6deg)}.dk-b-face{fill:color-mix(in srgb, var(--amber) 80%, var(--pitch));stroke:color-mix(in srgb, var(--amber) 55%, var(--pitch));stroke-width:1.5px}.dk-b-rim{fill:none;stroke:color-mix(in srgb, var(--amber) 62%, var(--pitch));stroke-width:1px;stroke-dasharray:2 2.4}.dk-b-holes{fill:color-mix(in srgb, var(--amber) 50%, var(--pitch))}.dk-b-wet{fill:color-mix(in srgb, var(--amber) 52%, var(--pitch));opacity:0;transition:opacity var(--motion-slow) var(--motion-ease)}.dk[data-wet=yes] .dk-b-wet{opacity:.85}.dk-m-inside{fill:color-mix(in srgb, var(--pitch) 70%, var(--white))}.dk-m-tea{fill:color-mix(in srgb, var(--amber) 45%, var(--pitch));transition:fill var(--motion-fast)}.dk-m-body{fill:var(--white);stroke:var(--pitch);stroke-width:2.2px;stroke-linejoin:round}.dk-m-handle{fill:none;stroke:var(--pink);stroke-width:4.5px;stroke-linecap:round}.dk-steam path{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;opacity:.4;animation:60s ease-in-out infinite backwards dk-steam}.dk-steam>g:nth-child(2) path{animation-delay:.6s}.dk-steam>g:nth-child(3) path{animation-delay:1.2s}.dk-steam>g{transform-box:fill-box;transform-origin:50% 100%;transition:transform .42s var(--motion-ease)}.dk[data-steam=part] .dk-steam>g:first-child{transform:translate(-7px,1px)rotate(-18deg)}.dk[data-steam=part] .dk-steam>g:nth-child(2){transform:scale(.7,.5)}.dk[data-steam=part] .dk-steam>g:nth-child(3){transform:translate(7px,1px)rotate(18deg)}.dk[data-steam=puff] .dk-steam>g{transform:translateY(-3px)scale(1.25)}.dk-ripple{fill:none;stroke:color-mix(in srgb, var(--amber) 55%, var(--white));stroke-width:1px;vector-effect:non-scaling-stroke;opacity:0;transform-box:fill-box;transform-origin:50%}.dk-splash circle{fill:color-mix(in srgb, var(--amber) 45%, var(--pitch));opacity:0;transform-box:fill-box;transform-origin:50%}.dk-words{flex:1;min-width:0}.dk-ask{font-size:var(--text-lg);line-height:var(--text-lg--line-height);margin:0}.dk-ask strong{font-weight:800}.dk-said{align-items:center;gap:var(--space-2);font-size:var(--text-base);line-height:var(--text-base--line-height);outline:none;margin:0;font-weight:700;display:flex}.dk-said:empty,.dk-said-words:empty{display:none}.dk-said:has(.dk-said-words:empty){display:none}.dk-tick{width:var(--space-5);height:var(--space-5);flex:none;display:none}.dk-tick svg{width:100%;height:100%;display:block}.dk-tick circle{fill:var(--green)}.dk-tick path{fill:none;stroke:var(--white);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.dk[data-state=nudged] .dk-said{margin-top:var(--space-1)}.dk[data-state=dunked] .dk-ask,.dk[data-state=dunked] .dk-button{display:none}.dk[data-state=dunked] .dk-said{font-size:var(--text-lg);line-height:var(--text-lg--line-height);font-weight:800}.dk[data-state=dunked] .dk-tick{animation:dk-pop var(--motion-slow) var(--motion-spring) both;display:block}.dk-button{min-height:44px;margin-top:var(--space-1);padding:0 var(--space-3);margin-left:calc(var(--space-3) * -1);border-radius:var(--radius-pill,999px);color:inherit;font:inherit;font-size:var(--text-base);text-underline-offset:4px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;display:inline-flex}.dk-button:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.dk-button:focus-visible{outline-offset:2px;outline:2px solid}@keyframes dk-steam{0%,4%,8%,12%,16%,20%,24%,28%,32%,36%,40%,44%,48%,52%,56%,60%,64%,68%,72%,76%,80%,84%,88%,92%,96%,to{opacity:.15;transform:translateY(0)}2%,6%,10%,14%,18%,22%,26%,30%,34%,38%,42%,46%,50%,54%,58%,62%,66%,70%,74%,78%,82%,86%,90%,94%,98%{opacity:.45;transform:translateY(-3px)}}@keyframes dk-pop{0%{opacity:0;transform:scale(.4)}}@media (prefers-reduced-motion:reduce){.dk-steam path,.dk[data-state=dunked] .dk-tick{animation:none}.dk-b-wet,.dk,.dk-steam>g{transition:none}}@media (width<=420px){.dk{gap:var(--space-3);padding:var(--space-3)}.dk-ask{font-size:var(--text-base);line-height:var(--text-base--line-height)}}.dk-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}