:root{--dd-copper-hi:#e0935c;--dd-copper:#c2733f;--dd-copper-lo:#99552c;--dd-copper-deep:#6e3418;--dd-floor:#5e3118;--dd-tick:#2e1508;--dd-dough:#f1deb8;--dd-gold:#e2a93b;--dd-lattice:#7a461857;--dd-pistachio:#6e9a47;--dd-crumb:#8c50144d;--dd-walnut:#8b5a2b;--dd-walnut-line:#4e2f14;--dd-walnut-vein:#5e3a1a;--dd-walnut-hi:#b98552;--dd-shine:#fff;--dd-shine-a:.55;--dd-plate:#fffdfa;--dd-plate-ring:#efe4d2;--dd-plate-rim:#c9a04a;--dd-shadow:#4a230c;--dd-hand:#fef8ed;--dd-hand-line:#613f27}@supports (color:lab(0% 0 0)){:root{--dd-copper-hi:lab(68.1444% 26.0577 41.0866);--dd-copper:lab(56.6615% 28.7225 41.8202);--dd-copper-lo:lab(43.9273% 26.3533 36.3796);--dd-copper-deep:lab(29.4047% 24.8644 29.5249);--dd-floor:lab(25.987% 19.1888 24.8836);--dd-tick:lab(10.27% 11.9009 12.2391);--dd-dough:lab(89.2629% 2.46465 21.1906);--dd-gold:lab(73.3625% 14.2794 62.1877);--dd-lattice:lab(35.5567% 20.0421 35.9458/.34);--dd-pistachio:lab(58.9668% -26.4538 38.0717);--dd-crumb:lab(40.6187% 22.5537 43.2309/.3);--dd-walnut:lab(43.0879% 17.5439 35.1402);--dd-walnut-line:lab(22.9747% 12.391 22.8241);--dd-walnut-vein:lab(28.3971% 14.1186 26.4719);--dd-walnut-hi:lab(59.9807% 16.4283 35.5466);--dd-shine:lab(100% 0 0);--dd-plate:lab(99.4365% .107318 1.52055);--dd-plate-ring:lab(91.1371% 1.71468 10.2911);--dd-plate-rim:lab(68.4933% 8.8037 49.9141);--dd-shadow:lab(19.0658% 17.4556 22.9037);--dd-hand:lab(97.7218% .892162 5.67367);--dd-hand-line:lab(30.1316% 13.2567 20.834)}}:root[data-mode=dark]{--dd-copper-hi:#cc8553;--dd-copper:#ad6638;--dd-copper-lo:#8a4b24;--dd-copper-deep:#5f2d15;--dd-floor:#462311;--dd-tick:#241006;--dd-dough:#cdbc9a;--dd-gold:#cf9a35;--dd-lattice:#6d411c57;--dd-pistachio:#61883f;--dd-crumb:#7d450c4d;--dd-walnut:#805226;--dd-walnut-line:#42270e;--dd-walnut-vein:#513217;--dd-walnut-hi:#a47548;--dd-shine:#fff;--dd-shine-a:.35;--dd-plate:#3c342a;--dd-plate-ring:#504639;--dd-plate-rim:#a38038;--dd-shadow:#270e02;--dd-hand:#fef8ed;--dd-hand-line:#613f27}@supports (color:lab(0% 0 0)){:root[data-mode=dark]{--dd-copper-hi:lab(62.3748% 24.5266 38.6945);--dd-copper:lab(50.6839% 26.3254 38.3239);--dd-copper-lo:lab(39.0862% 24.9337 34.5863);--dd-copper-deep:lab(25.2091% 21.4153 25.5988);--dd-floor:lab(18.4272% 15.3129 19.7);--dd-tick:lab(6.99035% 10.1471 8.37961);--dd-dough:lab(76.9466% 2.4699 19.6455);--dd-gold:lab(67.5597% 13.356 58.1654);--dd-lattice:lab(32.3748% 17.2252 30.46/.34);--dd-pistachio:lab(52.4523% -23.6895 33.9364);--dd-crumb:lab(35.7652% 21.3918 41.4404/.3);--dd-walnut:lab(39.3916% 16.5904 33.2538);--dd-walnut-line:lab(18.588% 11.2953 21.0247);--dd-walnut-vein:lab(24.3765% 12.1905 22.7612);--dd-walnut-hi:lab(53.3814% 15.1824 32.3738);--dd-shine:lab(100% 0 0);--dd-plate:lab(22.2759% 2.57213 7.4253);--dd-plate-ring:lab(30.4226% 2.53613 9.55092);--dd-plate-rim:lab(56.0427% 8.08281 43.5676);--dd-shadow:lab(6.92166% 12.8443 9.99466);--dd-hand:lab(97.7218% .892162 5.67367);--dd-hand-line:lab(30.1316% 13.2567 20.834)}}@media (prefers-color-scheme:dark){:root[data-mode=system]{--dd-copper-hi:#cc8553;--dd-copper:#ad6638;--dd-copper-lo:#8a4b24;--dd-copper-deep:#5f2d15;--dd-floor:#462311;--dd-tick:#241006;--dd-dough:#cdbc9a;--dd-gold:#cf9a35;--dd-lattice:#6d411c57;--dd-pistachio:#61883f;--dd-crumb:#7d450c4d;--dd-walnut:#805226;--dd-walnut-line:#42270e;--dd-walnut-vein:#513217;--dd-walnut-hi:#a47548;--dd-shine:#fff;--dd-shine-a:.35;--dd-plate:#3c342a;--dd-plate-ring:#504639;--dd-plate-rim:#a38038;--dd-shadow:#270e02;--dd-hand:#fef8ed;--dd-hand-line:#613f27}@supports (color:lab(0% 0 0)){:root[data-mode=system]{--dd-copper-hi:lab(62.3748% 24.5266 38.6945);--dd-copper:lab(50.6839% 26.3254 38.3239);--dd-copper-lo:lab(39.0862% 24.9337 34.5863);--dd-copper-deep:lab(25.2091% 21.4153 25.5988);--dd-floor:lab(18.4272% 15.3129 19.7);--dd-tick:lab(6.99035% 10.1471 8.37961);--dd-dough:lab(76.9466% 2.4699 19.6455);--dd-gold:lab(67.5597% 13.356 58.1654);--dd-lattice:lab(32.3748% 17.2252 30.46/.34);--dd-pistachio:lab(52.4523% -23.6895 33.9364);--dd-crumb:lab(35.7652% 21.3918 41.4404/.3);--dd-walnut:lab(39.3916% 16.5904 33.2538);--dd-walnut-line:lab(18.588% 11.2953 21.0247);--dd-walnut-vein:lab(24.3765% 12.1905 22.7612);--dd-walnut-hi:lab(53.3814% 15.1824 32.3738);--dd-shine:lab(100% 0 0);--dd-plate:lab(22.2759% 2.57213 7.4253);--dd-plate-ring:lab(30.4226% 2.53613 9.55092);--dd-plate-rim:lab(56.0427% 8.08281 43.5676);--dd-shadow:lab(6.92166% 12.8443 9.99466);--dd-hand:lab(97.7218% .892162 5.67367);--dd-hand-line:lab(30.1316% 13.2567 20.834)}}}.dd-play{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.dd-tray-box{cursor:crosshair}.dd-scroll{touch-action:pan-y;overscroll-behavior:contain}.dd-svg{display:block;overflow:visible}.dd-st-hi{stop-color:var(--dd-copper-hi)}.dd-st-mid{stop-color:var(--dd-copper)}.dd-st-lo{stop-color:var(--dd-copper-lo)}.dd-st-shine{stop-color:var(--dd-shine);stop-opacity:var(--dd-shine-a)}.dd-st-clear{stop-color:var(--dd-shine);stop-opacity:0}.dd-flood{flood-color:var(--dd-shadow);flood-opacity:.45}.dd-rim-shadow{fill:var(--dd-shadow);opacity:.35}.dd-rim{stroke:var(--dd-copper-deep);stroke-width:10.5px}.dd-rim-inner{fill:none;stroke:var(--dd-copper-deep);stroke-opacity:.6;stroke-width:10.5px}.dd-floor{fill:var(--dd-floor)}.dd-tick{stroke:var(--dd-tick);stroke-width:16.8px;stroke-linecap:round}.dd-lattice{fill:none;stroke:var(--dd-lattice);stroke-width:7px}.dd-pistachio{fill:var(--dd-pistachio);opacity:.8}.dd-crumb{fill:var(--dd-crumb)}.dd-crumb-light{fill:var(--dd-shine);opacity:.5}.dd-piece-fill{fill:var(--dd-dough)}.dd-piece[data-state=ready] .dd-piece-fill{fill:var(--dd-gold)}.dd-piece[data-state=empty] .dd-piece-fill{opacity:.6}.dd-piece-edge{fill:none;stroke:var(--dd-copper-deep);stroke-width:1.5px;vector-effect:non-scaling-stroke}.dd-piece[data-state=empty] .dd-piece-edge{stroke-width:2px;stroke-dasharray:6 5}.dd-walnut{transform-box:fill-box;transform-origin:50%}.dd-walnut-body{fill:var(--dd-walnut);stroke:var(--dd-walnut-line);stroke-width:1.4px}.dd-walnut-seam{fill:none;stroke:var(--dd-walnut-line);stroke-width:1.6px}.dd-walnut-vein{fill:none;stroke:var(--dd-walnut-vein);stroke-width:1.3px}.dd-walnut-hi{fill:var(--dd-walnut-hi);opacity:.8}.dd-preview{transition:opacity .25s ease-out}@media (prefers-reduced-motion:reduce){.dd-preview{transition:none}}.dd-preview[data-state=off]{display:none}.dd-preview[data-fade]{opacity:0}.dd-pv-halo{stroke:var(--color-background);stroke-width:6px;stroke-linecap:round;vector-effect:non-scaling-stroke}.dd-pv-line{stroke:var(--color-foreground);stroke-width:2.6px;stroke-dasharray:8 6;stroke-linecap:round;vector-effect:non-scaling-stroke}.dd-pv-end{fill:var(--color-background);stroke:var(--color-foreground);stroke-width:2px;vector-effect:non-scaling-stroke}.dd-preview[data-state=no] .dd-pv-line{stroke:var(--color-warning);stroke-dasharray:none}.dd-preview[data-state=no] .dd-pv-end{stroke:var(--color-warning)}.dd-pv-ring{fill:none;stroke:var(--color-warning);stroke-width:3px;vector-effect:non-scaling-stroke;display:none}.dd-preview[data-ring] .dd-pv-ring{display:inline}.dd-hover{fill:none;stroke:var(--color-foreground);stroke-opacity:.55;stroke-width:2px;vector-effect:non-scaling-stroke}.dd-hover:not([data-on]){display:none}.dd-sel{fill:var(--color-background);fill-opacity:.4;stroke:var(--color-accent);stroke-width:3px;vector-effect:non-scaling-stroke}.dd-partner{fill:var(--color-foreground);opacity:.45}.dd-hint-notch{fill:var(--dd-gold);stroke:var(--dd-copper-deep);stroke-width:2px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;animation:1s ease-in-out 3 dd-pulse}@keyframes dd-pulse{50%{opacity:.5;scale:1.4}}@media (prefers-reduced-motion:reduce){.dd-hint-notch{animation:none}}.dd-hint-halo{stroke:var(--color-background);stroke-width:6px;stroke-linecap:round;vector-effect:non-scaling-stroke}.dd-hint-line{stroke:var(--dd-copper-deep);stroke-width:2.8px;stroke-dasharray:8 6;stroke-linecap:round;vector-effect:non-scaling-stroke}.dd-glint{stroke:var(--dd-shine);stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:.35s ease-out forwards dd-glint}@keyframes dd-glint{0%{opacity:.95}to{opacity:0}}@media (prefers-reduced-motion:reduce){.dd-glint{animation:none;display:none}}.dd-demo-under{stroke:var(--dd-hand);stroke-width:5px;stroke-linecap:round;stroke-dasharray:.1 10;vector-effect:non-scaling-stroke}.dd-demo-over{stroke:var(--dd-hand-line);stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:.1 10;vector-effect:non-scaling-stroke}.dd-hand-ring{fill:color-mix(in oklch, var(--dd-hand) 55%, transparent);stroke:var(--dd-hand);stroke-width:2px}.dd-hand-shape{fill:var(--dd-hand);stroke:var(--dd-hand-line);stroke-width:1.5px;stroke-linejoin:round}.dd-demo{animation:5s ease-in-out 3 both dd-demo-fade}@keyframes dd-demo-fade{0%{opacity:0}6%,40%{opacity:1}52%,to{opacity:0}}.dd-demo-hand{transform-box:view-box;transform-origin:0 0;transform:translate(var(--dd-hx1), var(--dd-hy1));animation:5s ease-in-out 3 both dd-demo-hand}@keyframes dd-demo-hand{0%,6%{transform:translate(var(--dd-hx0), var(--dd-hy0))}30%,to{transform:translate(var(--dd-hx1), var(--dd-hy1))}}@media (prefers-reduced-motion:reduce){.dd-demo,.dd-demo-hand{animation:none}}.dd-plate{border:2px solid var(--dd-plate-rim);background:radial-gradient(circle, var(--dd-plate) 0 38%, var(--dd-plate-ring) 39% 43%, var(--dd-plate) 44% 100%);box-shadow:0 2px 5px color-mix(in oklch, var(--dd-shadow) 18%, transparent);border-radius:9999px;flex:none;position:relative}.dd-plate-dot{box-shadow:none;border-width:1.5px}.dd-plate[data-full]:after{content:"";background:var(--dd-gold);border-radius:9999px;position:absolute;inset:26%}.dd-banner{animation:.45s ease-out dd-pop}@keyframes dd-pop{0%{opacity:0;scale:.7}70%{scale:1.06}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.dd-banner{animation:none}}.dd-finish{animation:.35s ease-out dd-rise}@keyframes dd-rise{0%{opacity:0;translate:0 12px}}@media (prefers-reduced-motion:reduce){.dd-finish{animation:none}}.dd-glow{outline:3px solid var(--dd-gold);outline-offset:2px;animation:.6s ease-in-out 3 dd-glow-a}.dd-glow[data-glow=b]{animation:.6s ease-in-out 3 dd-glow-b}@keyframes dd-glow-a{50%{box-shadow:0 0 0 7px color-mix(in oklch, var(--dd-gold) 70%, transparent)}}@keyframes dd-glow-b{50%{box-shadow:0 0 0 7px color-mix(in oklch, var(--dd-gold) 70%, transparent)}}@media (prefers-reduced-motion:reduce){.dd-glow,.dd-glow[data-glow=b]{animation:none}}.dd-notch-btn{pointer-events:none;background:0 0;border:0;border-radius:9999px;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;position:absolute}.dd-notch-btn:focus-visible{outline:3px solid var(--color-focus);outline-offset:-8px}.dd-window[data-effects=off] .dd-glint{display:none}.dd-window[data-effects=off] .dd-hint-notch,.dd-window[data-effects=off] .dd-demo,.dd-window[data-effects=off] .dd-demo-hand,.dd-window[data-effects=off] .dd-banner,.dd-window[data-effects=off] .dd-finish,.dd-window[data-effects=off] .dd-glow,.dd-window[data-effects=off] .dd-glow[data-glow=b]{animation:none}.dd-window[data-effects=off] .dd-preview{transition:none}