:root{--blue:#0a84ff;--green:#30d158;--indigo:#5e5ce6;--purple:#bf5af2;--teal:#40c8e0;--cyan:#64d2ff;--yellow:#ffd60a;--orange:#ff9f0a;--pink:#ff375f;--gray:#8e8e93;--red:#ff453a;--tone-focus:var(--blue);--tone-paused:var(--yellow);--tone-break:var(--green);--tone-coffee:var(--green);--tone-check:var(--green);--tone-water:var(--cyan);--tone-stretch:var(--purple);--tone-eyes:var(--indigo);--tone-walk:var(--green);--tone-posture:var(--teal);--tone-bell:var(--pink);--tone-todo:var(--yellow);--tone-away:var(--gray);--tone-timer:var(--indigo);--tone-stopwatch:var(--teal);--ink:#fff;--hair:.5px;--ink-2:#ebebf599;--ink-3:#ebebf54d;--fill:#7676803d;--fill-hover:#7676805c;--group:#76768024;--spring:linear(0, .018, .0648, .1307, .2084, .2919, .3767, .4596, .5383, .6112, .6774, .7365, .7884, .8333, .8716, .9038, .9305, .9522, .9696, .9833, .9938, 1.0016, 1.0072, 1.011, 1.0135, 1.0147, 1.0152, 1.0149, 1.0143, 1.0133, 1.0122, 1.0109, 1.0096, 1.0083, 1.0071, 1.006, 1.005, 1.0041, 1.0033, 1.0026, 1);--spring-close:linear(0, .0195, .0678, .1334, .2079, .2854, .3622, .4357, .5044, .5673, .6243, .6753, .7205, .7603, .795, .8252, .8514, .8739, .8933, .9098, .9239, .9359, .9461, .9548, .9621, .9682, .9734, .9778, .9815, .9845, .9871, .9893, .9911, .9926, .9938, .9949, .9958, .9965, .9971, .9976, 1);--settle:linear(0, .0368, .1234, .2334, .3498, .4619, .5641, .6535, .7293, .7921, .8429, .8834, .915, .9393, .9576, .9713, .9812, .9883, .9932, .9966, .9988, 1.0002, 1.001, 1.0014, 1);--morph:.54s;--page-tone:var(--blue);--r-card:8px;--r-control:4px;--glass-k:.5;--glass:linear-gradient(180deg, rgb(255 255 255/calc(.105 - .06 * var(--glass-k))), rgb(255 255 255/calc(.05 - .03 * var(--glass-k))));--glass-hover:linear-gradient(180deg, rgb(255 255 255/calc(.145 - .07 * var(--glass-k))), rgb(255 255 255/calc(.07 - .03 * var(--glass-k))));--glass-spec:rgb(255 255 255/calc(.12 + .2 * var(--glass-k)));--glass-catch:rgb(255 255 255/calc(.03 + .08 * var(--glass-k)));--glass-edge:inset 0 var(--hair) 0 var(--glass-spec), inset 0 -var(--hair) 0 var(--glass-catch), inset 0 0 0 var(--hair) rgb(255 255 255/calc(.065 - .03 * var(--glass-k)));--wash-k:calc(.7 + .5 * var(--glass-k));--ui:1;--u:calc(4px * var(--ui));--text-xs:calc(11px * var(--ui));--text-s:calc(13px * var(--ui));--text-m:calc(16.25px * var(--ui));--text-l:calc(20.3px * var(--ui));--text-xl:calc(25.4px * var(--ui));--text-xxl:calc(31.7px * var(--ui));--control-s:calc(28px * var(--ui));--control-m:calc(36px * var(--ui));--control-l:calc(44px * var(--ui));--phi-2:.382;--phi-3:.236;--panel-w:clamp(360px, 6.25vw + 260px, 440px);--card-w:clamp(400px, 6.25vw + 300px, 480px);color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:Segoe UI Variable Text,Segoe UI,system-ui,sans-serif}*{scrollbar-width:none}@media (max-resolution:1.19x){:root{--hair:1px;--ink-2:#ebebf5ad;--ink-3:#ebebf573}}.tag-experimental{border:var(--hair) solid var(--orange);color:var(--orange);letter-spacing:.02em;vertical-align:middle;border-radius:999px;margin-left:.6em;padding:.1em .5em;font-size:.68em;font-weight:600;display:inline-block}.mascot{--eye:#1b1b1d;width:var(--s);height:var(--s);cursor:inherit;transform-origin:50% 80%;background:0 0;border:0;flex:none;padding:0;line-height:0;display:inline-block;position:relative}.mascot.reacts{cursor:pointer;border-radius:50%}.mascot.reacts:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.m-inner{transform-origin:50% 90%;animation:3.4s ease-in-out infinite m-breathe;position:absolute;inset:0}[data-mood=focus] .m-inner,[data-mood=quiet] .m-inner,[data-mood=paused] .m-inner,[data-mood=eyes] .m-inner,[data-mood=listen] .m-inner{animation-duration:5.2s}[data-mood=break] .m-inner,[data-mood=proud] .m-inner{animation-duration:2.4s}[data-mood=countdown] .m-inner{animation-duration:1.2s}[data-groove] .m-inner{animation:3.4s ease-in-out infinite m-breathe,.545s infinite m-groove,1.09s ease-in-out infinite alternate m-sway}@keyframes m-breathe{0%,to{scale:1}50%{scale:1.035 .965}}@keyframes m-groove{0%{animation-timing-function:cubic-bezier(.55,0,.9,.45);translate:0}22%{animation-timing-function:cubic-bezier(.2,.7,.35,1);translate:0 6%}to{translate:0}}@keyframes m-sway{0%{rotate:-5deg}to{rotate:5deg}}.m-body{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.m-shape{fill:var(--body,#f3f1ec);transition:fill .4s}.m-eye,.m-mouth.fill{fill:var(--eye)}.m-glint{fill:#fff;fill-opacity:.85;pointer-events:none}.m-mouth.stroke{fill:none;stroke:var(--eye);stroke-width:var(--mouth-w,2.8);stroke-linecap:round;stroke-linejoin:round}.m-cheek{fill:#ff8fa3;opacity:0;transition:opacity .2s}[data-blush="1"] .m-cheek{opacity:var(--blush,.55)}[data-eyes=shades] .m-eye{fill:#050506}.m-prop{display:none}.m-band,.m-prop.boom{fill:none;stroke:#1d1d22;stroke-width:6px;stroke-linecap:round}.m-band-cushion{fill:none;stroke:#3a3a42;stroke-width:1.6px;stroke-linecap:round}.m-band-pad{fill:none;stroke:var(--prop-tone,#ff375f);stroke-width:4.5px;stroke-linecap:round}.m-yoke{fill:none;stroke:#2a2a30;stroke-width:3.5px;stroke-linecap:round}.m-cup{fill:#1d1d22;stroke:#000;stroke-width:1px}.m-cup-pillow{fill:#34343c}.m-cup-cap{fill:#121216;stroke:var(--prop-tone,#ff375f);stroke-width:2.2px}[data-groove] .m-cup-cap{animation:.545s ease-out infinite m-beat}@keyframes m-beat{22%{stroke-width:3.6px}}.m-cup-shine{fill:none;stroke:#ffffff47;stroke-width:1.4px;stroke-linecap:round}.m-shades{display:none}[data-shades] .m-shades{animation:.42s cubic-bezier(.3,1.5,.5,1) both m-shades-on;display:inline}@keyframes m-shades-on{0%{opacity:0;translate:0 -30px}}.m-lens{fill:#0d0d12;stroke:#000;stroke-width:1.6px;stroke-linejoin:round}.m-lens-glare{fill:#ffffff52}.m-bridge{fill:none;stroke:#000;stroke-width:2.4px;stroke-linecap:round}[data-shades] .m-eye,[data-shades] .m-glint{visibility:hidden}.m-prop.boom-tip{fill:var(--prop-tone)}[data-muted] .m-prop.boom-tip{fill:var(--red,#ff453a)}.m-prop.mask{fill:#5e5ce6}[data-prop=phones] .m-prop.phones,[data-prop=headset] .m-prop.phones,[data-prop=headset] .m-prop.boom,[data-prop=headset] .m-prop.boom-tip,[data-prop=mask] .m-prop.mask{display:inline}[data-prop=headset]{--prop-tone:#ff9f0a}.m-extra{font:700 calc(var(--s) * .32) / 1 system-ui, sans-serif;color:var(--ink-2,#9a9a9e);position:absolute;top:-16%;right:-12%}[data-extra=bang] .m-extra:after{content:"!";color:var(--yellow,#ffd60a)}[data-extra=sweat] .m-extra:after{content:"";width:calc(var(--s) * .14);height:calc(var(--s) * .2);margin-top:calc(var(--s) * .18);background:#64d2ff;border-radius:50%/60% 60% 40% 40%;display:block}.m-fx{pointer-events:none;position:absolute;inset:0}.m-fx i{font:700 calc(var(--s) * .34) / 1 system-ui, sans-serif;opacity:0;font-style:normal;animation-duration:1.2s;animation-timing-function:ease-out;animation-iteration-count:infinite;display:none;position:absolute;top:50%;left:50%}.m-fx i:nth-child(2){animation-delay:.24s}.m-fx i:nth-child(3){animation-delay:.48s}.m-fx i:nth-child(4){animation-delay:.72s}.m-fx i:nth-child(5){animation-delay:.96s}[data-fx=drops] .m-fx i{width:calc(var(--s) * .12);height:calc(var(--s) * .17);background:#64d2ff;border-radius:50%/60% 60% 40% 40%;animation-name:m-fall;display:block}[data-fx=drops] .m-fx i:nth-child(odd){left:28%}[data-fx=drops] .m-fx i:nth-child(2n){left:70%}[data-fx=notes] .m-fx i,[data-fx=hearts] .m-fx i,[data-fx=sparkle] .m-fx i,[data-fx=zap] .m-fx i{animation-name:m-rise;display:block}[data-fx=notes] .m-fx i:before{content:"♪";color:var(--ink,#f5f5f7)}[data-fx=notes] .m-fx i:nth-child(2n):before{content:"♫"}[data-fx=hearts] .m-fx i:before{content:"♥";color:#ff375f}[data-fx=sparkle] .m-fx i:before{content:"✦";color:var(--yellow,#ffd60a)}[data-fx=zap] .m-fx i:before{content:"ϟ";color:var(--yellow,#ffd60a)}[data-fx=notes] .m-fx i:nth-child(odd),[data-fx=hearts] .m-fx i:nth-child(odd),[data-fx=sparkle] .m-fx i:nth-child(odd),[data-fx=zap] .m-fx i:nth-child(odd){left:78%}[data-fx=notes] .m-fx i:nth-child(2n),[data-fx=hearts] .m-fx i:nth-child(2n),[data-fx=sparkle] .m-fx i:nth-child(2n),[data-fx=zap] .m-fx i:nth-child(2n){left:4%}[data-fx=steam] .m-fx i,[data-fx=puffs] .m-fx i{width:calc(var(--s) * .16);height:calc(var(--s) * .16);background:#ebebf58c;border-radius:50%;animation-name:m-rise;display:block}[data-fx=steam] .m-fx i{top:8%;left:44%}[data-fx=puffs] .m-fx i:nth-child(odd){animation-name:m-puff-l;left:-6%}[data-fx=puffs] .m-fx i:nth-child(2n){animation-name:m-puff-r;left:92%}[data-fx=shock] .m-fx i{width:calc(var(--s) * .05);height:calc(var(--s) * .18);background:var(--yellow,#ffd60a);transform-origin:50% 300%;border-radius:2px;animation-name:m-burst;animation-duration:.7s;display:block;top:-12%}[data-fx=shock] .m-fx i:first-child{rotate:-40deg}[data-fx=shock] .m-fx i:nth-child(3){rotate:40deg}[data-fx=shock] .m-fx i:nth-child(n+4){display:none}[data-fx=confetti] .m-fx i{width:calc(var(--s) * .09);height:calc(var(--s) * .14);animation-name:m-tumble;animation-duration:1.4s;display:block;top:-10%}[data-fx=confetti] .m-fx i:first-child{background:#ff375f;left:8%}[data-fx=confetti] .m-fx i:nth-child(2){background:#ffd60a;left:30%}[data-fx=confetti] .m-fx i:nth-child(3){background:#30d158;left:52%}[data-fx=confetti] .m-fx i:nth-child(4){background:#0a84ff;left:72%}[data-fx=confetti] .m-fx i:nth-child(5){background:#bf5af2;left:90%}[data-fx=dizzy] .m-fx{animation:1s linear infinite m-orbit}[data-fx=dizzy] .m-fx i{opacity:1;animation:none;display:block}[data-fx=dizzy] .m-fx i:before{content:"✶";color:var(--yellow,#ffd60a)}[data-fx=dizzy] .m-fx i:first-child{top:-14%;left:2%}[data-fx=dizzy] .m-fx i:nth-child(2){top:-14%;left:74%}[data-fx=dizzy] .m-fx i:nth-child(n+3){display:none}[data-fx=dots] .m-fx i:first-child{animation-name:m-blink;display:block;top:-10%;left:96%}[data-fx=dots] .m-fx i:first-child:before{content:"…";color:var(--ink-2,#9a9a9e)}[data-fx=ripple] .m-fx i:first-child{border:2px solid var(--body,#f3f1ec);border-radius:50%;animation-name:m-ring;animation-duration:.8s;display:block;inset:0}[data-fx=dim] .m-shape{fill:color-mix(in srgb, var(--body,#f3f1ec) 70%, #000)}@keyframes m-fall{0%{opacity:0;transform:translate(-50%,-160%)}20%{opacity:1}to{opacity:0;transform:translate(-50%,160%)}}@keyframes m-rise{0%{opacity:0;transform:translate(-50%)scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-180%)scale(1.1)}}@keyframes m-puff-l{0%{opacity:.8;transform:translate(0)scale(.5)}to{opacity:0;transform:translate(-90%,-40%)scale(1.3)}}@keyframes m-puff-r{0%{opacity:.8;transform:translate(0)scale(.5)}to{opacity:0;transform:translate(90%,-40%)scale(1.3)}}@keyframes m-burst{0%{opacity:0;transform:translate(-50%,30%)scaleY(.4)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-40%)scaleY(1)}}@keyframes m-tumble{0%{opacity:1;transform:translate(-50%)rotate(0)}to{opacity:0;transform:translate(-50%,700%)rotate(540deg)}}@keyframes m-orbit{to{rotate:360deg}}@keyframes m-blink{0%,to{opacity:.2}50%{opacity:1}}@keyframes m-ring{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.6)}}:root[data-motion=reduced] .m-inner,:root[data-motion=reduced] .m-fx,:root[data-motion=reduced] .m-fx i{animation:none}:root[data-motion=reduced] .m-fx i{display:none}@media (prefers-reduced-motion:reduce){.m-inner,.m-fx,.m-fx i{animation:none}.m-fx i{display:none}}.m3d-canvas,.m3d-marks{pointer-events:none;width:160%;height:160%;position:absolute;top:-30%;left:-30%}.m3d-stand{visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}