.sj-scrim{padding:var(--space-4);background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:sj-fade var(--motion-normal) var(--motion-ease) both;overscroll-behavior:contain;place-items:center;display:grid;position:fixed;inset:0}.sj-card{box-sizing:border-box;width:100%;max-width:calc(var(--width-narrow) - var(--space-20) * 2);max-height:calc(100dvh - var(--space-8));padding:var(--space-8) var(--space-8) var(--space-6);border-radius:var(--radius-panel);background:var(--raised);color:var(--ink);box-shadow:var(--shadow-deep);text-align:center;font-family:var(--face-sans);-webkit-font-smoothing:antialiased;animation:sj-rise var(--motion-slow) var(--motion-ease) both;position:relative;overflow-y:auto}.sj-comment{margin:var(--space-5) 0 0;font-size:var(--text-3xl);line-height:var(--text-3xl--line-height);letter-spacing:var(--text-3xl--letter-spacing);text-wrap:balance;min-height:calc(var(--text-3xl) * var(--text-3xl--line-height) * 2);font-weight:800}.sj-again{margin:var(--space-3) auto 0;max-width:32ch;font-size:var(--text-lg);line-height:var(--text-lg--line-height);color:var(--ink-2);text-wrap:pretty}.sj-button{width:100%;min-height:56px;margin-top:var(--space-6);padding:0 var(--space-6);border-radius:var(--radius-pill,999px);background:var(--lime);color:var(--pitch);font:inherit;font-size:var(--text-xl);letter-spacing:var(--text-xl--letter-spacing);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast);box-shadow:0 6px 22px color-mix(in srgb, var(--lime) 30%, transparent);border:0;justify-content:center;align-items:center;font-weight:800;display:flex}.sj-button:hover{box-shadow:0 10px 30px color-mix(in srgb, var(--lime) 46%, transparent)}.sj-button:active{transform:translateY(1px)scale(.98)}.sj-scrim .sj-card .sj-button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.sj-jar{width:calc(var(--space-20) * 1.9);height:auto;margin:0 auto;display:block;overflow:visible}.sj-floor{fill:color-mix(in srgb, var(--ink) 14%, transparent)}.sj-glass{fill:url(#sj-glass-g)}.sj-gs-edge{stop-color:color-mix(in srgb, var(--blue) 30%, var(--ink));stop-opacity:.32}.sj-gs-mid{stop-color:color-mix(in srgb, var(--blue) 24%, var(--ink));stop-opacity:.12}.sj-gs-clear{stop-color:color-mix(in srgb, var(--blue) 18%, var(--white));stop-opacity:.06}.sj-back{fill:none;stroke:color-mix(in srgb, var(--ink) 16%, transparent);stroke-width:1.5px}.sj-base{fill:color-mix(in srgb, var(--blue) 26%, var(--ink));opacity:.22}.sj-edge{fill:none;stroke:color-mix(in srgb, var(--ink) 34%, transparent);stroke-width:2.2px}.sj-shine{fill:none;stroke:var(--white);stroke-width:5px;stroke-linecap:round;opacity:.75}.sj-shine-soft{stroke-width:2.5px;opacity:.4}.sj-shine-shoulder{stroke-width:3px;opacity:.6}.sj-neck{fill:color-mix(in srgb, var(--blue) 14%, color-mix(in srgb, var(--ink) 16%, transparent));stroke:color-mix(in srgb, var(--ink) 30%, transparent);stroke-width:1.5px}.sj-thread{fill:none;stroke:color-mix(in srgb, var(--white) 55%, transparent);stroke-width:1.4px;stroke-linecap:round}.sj-label{fill:var(--pink)}.sj-label-band{fill:color-mix(in srgb, var(--pink) 70%, var(--pitch))}.sj-label-small{fill:var(--white);font-family:var(--face-sans);letter-spacing:.08em;text-transform:uppercase;font-size:5.2px;font-weight:800}.sj-label-curve{fill:var(--pitch);opacity:.14}.sj-ls-top{stop-color:color-mix(in srgb, var(--lime) 70%, var(--white))}.sj-ls-mid{stop-color:var(--lime)}.sj-ls-low{stop-color:color-mix(in srgb, var(--lime) 72%, var(--pitch))}.sj-lid-ridges{stroke:color-mix(in srgb, var(--pitch) 20%, transparent);stroke-width:1.6px;stroke-linecap:round}.sj-lid-top{fill:color-mix(in srgb, var(--lime) 55%, var(--white))}.sj-slot{fill:var(--pitch)}.sj-slot-lip{fill:var(--white);opacity:.55}.sj-coin-edge{fill:color-mix(in srgb, var(--grey) 60%, var(--pitch))}.sj-coin-face{fill:url(#sj-coin-g);stroke:color-mix(in srgb, var(--grey) 70%, var(--pitch));stroke-width:1px}.sj-cs-hi{stop-color:var(--white)}.sj-cs-mid{stop-color:color-mix(in srgb, var(--grey) 35%, var(--white))}.sj-cs-low{stop-color:color-mix(in srgb, var(--grey) 75%, var(--white))}.sj-coin-rim{fill:none;stroke:color-mix(in srgb, var(--grey) 55%, var(--white));stroke-width:.8px}.sj-coin-50{fill:color-mix(in srgb, var(--grey) 80%, var(--pitch));font-family:var(--face-sans);font-size:13px;font-weight:800}.sj-coin-pence{fill:color-mix(in srgb, var(--grey) 80%, var(--pitch));font-family:var(--face-sans);letter-spacing:.12em;font-size:3.6px;font-weight:800}.sj-body{transform-box:fill-box;transform-origin:50% 100%;animation:sj-drop .52s var(--motion-spring) both, sj-shake .38s var(--motion-ease) .8s both}.sj-coin{animation:.72s linear .38s both sj-coin}.sj-comment,.sj-again,.sj-button{animation:sj-words var(--motion-slow) var(--motion-ease) .16s both}@keyframes sj-fade{0%{opacity:0}}@keyframes sj-rise{0%{opacity:0;transform:translateY(var(--space-6)) scale(.98)}}@keyframes sj-words{0%{opacity:0;transform:translateY(var(--space-2))}}@keyframes sj-drop{0%{opacity:0;transform:translateY(-48px)scale(1)}40%{opacity:1}70%{transform:translateY(0)scale(1.04,.96)}to{transform:translateY(0)scale(1)}}@keyframes sj-coin{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,.9,.6);transform:translateY(-168px)rotate(-14deg)}10%{opacity:1}60%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)rotate(0)}72%{animation-timing-function:cubic-bezier(.6,0,.9,.5);transform:translateY(-11px)rotate(6deg)}84%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)rotate(0)}92%{transform:translateY(-3px)rotate(-2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes sj-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-3deg)}45%{transform:rotate(2.5deg)}70%{transform:rotate(-1.2deg)}88%{transform:rotate(.5deg)}}.sj-calm,.sj-calm .sj-card,.sj-calm .sj-body,.sj-calm .sj-coin,.sj-calm .sj-comment,.sj-calm .sj-again,.sj-calm .sj-button{animation:none}@media (prefers-reduced-motion:reduce){.sj-scrim,.sj-card,.sj-body,.sj-coin,.sj-comment,.sj-again,.sj-button{animation:none}.sj-button{transition:none}}@media (width<=480px){.sj-card{padding:var(--space-6) var(--space-5) var(--space-5)}.sj-jar{width:calc(var(--space-20) * 1.5)}.sj-comment{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);min-height:calc(var(--text-2xl) * var(--text-2xl--line-height) * 2)}.sj-again{font-size:var(--text-base);line-height:var(--text-base--line-height)}}.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)}}