.candy-root{background:var(--bg);color:var(--ink);font-family:var(--font-inter), -apple-system, system-ui, sans-serif;--error:var(--tone-red-face-1);--error-fg:var(--on-red);--color-error:var(--tone-red-face-1);--color-error-fg:var(--on-red);--control-face-1:var(--control-client-face-1);--control-face-2:var(--control-client-face-2);--control-label:var(--tone-client-label)}.candy-root[data-role=trainer],.candy-root[data-role=trainer] .candy-root{--side:var(--trainer);--side-deep:var(--trainer-edge);--side-soft:var(--trainer-soft);--side-soft-ink:var(--trainer-soft-ink);--control-face-1:var(--control-trainer-face-1);--control-face-2:var(--control-trainer-face-2);--control-label:var(--tone-trainer-label)}.m-d-a{font-family:var(--font-intertight), sans-serif;letter-spacing:var(--track-display,-.015em);font-weight:900;line-height:1.05}.m-num{font-family:var(--font-intertight), sans-serif;letter-spacing:-.015em;font-weight:800;line-height:1}.m-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:600}.m-card{background-image:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--line) 6%, transparent) 55%, color-mix(in srgb, var(--line) 18%, transparent) 100%);border-radius:var(--radius-card);box-shadow:inset 0 2px 1px color-mix(in srgb, var(--card) 95%, transparent), inset 0 -3px 5px color-mix(in srgb, var(--ink) 9%, transparent), 0 0 0 1px var(--hair), 0 1px 1px color-mix(in srgb, var(--ink) 6%, transparent)}@layer components{.m-card{background-color:var(--card)}}.candy{--d:var(--depth-button);min-width:44px;padding-bottom:var(--d);border-radius:var(--radius-pill);-webkit-tap-highlight-color:transparent;cursor:pointer;flex-direction:column;display:inline-flex;position:relative}.candy-sm{--d:var(--depth-button-sm);flex-grow:0}.candy-base{bottom:0;left:0;right:0;top:var(--d);border-radius:var(--radius-pill);box-shadow:var(--shadow-button);position:absolute}.candy-face{border-radius:var(--radius-pill);transition:transform var(--m-press-up) var(--e-release);justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex;position:relative}.candy-face:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(var(--candy-face-sheen), var(--candy-face-sheen-fade) 55%);box-shadow:inset 0 1px 0 var(--candy-face-sheen-top), inset 0 -2px 0 var(--candy-underside);position:absolute;inset:0}@media (hover:hover){.candy:hover .candy-face{transform:translateY(calc(-1 * var(--depth-hover-lift)))}}.candy:active .candy-face{transform:translateY(var(--d));transition-duration:var(--m-press-down);transition-timing-function:var(--e-press)}.candy-root .candy[data-releasing] .candy-face{transition-duration:var(--m-press-up);transition-timing-function:var(--e-release)}.candy-icon{flex:none}.candy-icon-stroke{transform:translateY(calc(-1 * var(--icon-stroke-lift)))}@media (prefers-reduced-motion:reduce){.candy-root .candy:hover .candy-face,.candy-root .candy:active .candy-face{transform:none}.candy-root .candy:active .candy-face{filter:brightness(.94)}}.candy-root .candy:disabled{cursor:default}.candy-root .candy:disabled .candy-face{background:var(--locked);color:var(--muted);text-shadow:none;box-shadow:inset 0 0 0 .5px var(--hair);transform:none}.candy-root .candy:disabled .candy-face:after,.candy-root .candy:disabled .candy-base{display:none}.candy-light{padding-bottom:0}.candy-light .candy-base{display:none}@media (hover:hover){.candy-light:hover .candy-face{transform:none}}.candy-light:active .candy-face,.candy-root .candy-light[data-releasing] .candy-face{transform:none}.candy-client .candy-face{background:linear-gradient(180deg, var(--tone-client-md-face-1), var(--tone-client-md-face-2));color:var(--tone-client-label);text-shadow:0 1px 0 var(--candy-label-shadow-client)}.candy-client .candy-base{background:linear-gradient(var(--tone-client-md-base-1), var(--tone-client-md-base-2))}.candy-lg.candy-client .candy-face{background:linear-gradient(180deg, var(--tone-client-lg-face-1), var(--tone-client-lg-face-2))}.candy-lg.candy-client .candy-base{background:linear-gradient(var(--tone-client-lg-base-1), var(--tone-client-lg-base-2))}.candy-sm.candy-client .candy-face{background:linear-gradient(180deg, var(--tone-client-sm-face-1), var(--tone-client-sm-face-2))}.candy-sm.candy-client .candy-base{background:linear-gradient(var(--tone-client-sm-base-1), var(--tone-client-sm-base-2))}.candy-trainer .candy-face{background:linear-gradient(180deg, var(--tone-trainer-face-1), var(--tone-trainer-face-2));color:var(--tone-trainer-label);text-shadow:0 1px 0 var(--candy-label-shadow-trainer)}.candy-trainer .candy-face:after{background:linear-gradient(var(--candy-face-sheen-trainer), var(--candy-face-sheen-fade) 55%)}.candy-trainer .candy-base{background:linear-gradient(var(--tone-trainer-base-1), var(--tone-trainer-base-2))}.candy-light .candy-face{background:linear-gradient(180deg, var(--tone-light-face-1), var(--tone-light-face-2));color:var(--tone-light-label);box-shadow:inset 0 0 0 .5px var(--candy-ring)}.candy-light .candy-base{background:linear-gradient(var(--tone-light-base-1), var(--tone-light-base-2))}.candy-ink .candy-face{background:linear-gradient(180deg, var(--tone-ink-face-1), var(--tone-ink-face-2));color:var(--tone-ink-label)}.candy-ink .candy-base{background:linear-gradient(var(--tone-ink-base-1), var(--tone-ink-base-2))}.candy-gold .candy-face{background:linear-gradient(180deg, var(--tone-gold-face-1), var(--tone-gold-face-2));color:var(--tone-gold-label)}.candy-gold .candy-base{background:linear-gradient(var(--tone-gold-base-1), var(--tone-gold-base-2))}.candy-green .candy-face{background:linear-gradient(180deg, var(--tone-green-md-face-1), var(--tone-green-md-face-2));color:var(--tone-green-label);text-shadow:0 1px 0 var(--candy-label-shadow-green)}.candy-green .candy-base{background:linear-gradient(var(--tone-green-md-base-1), var(--tone-green-md-base-2))}.candy-lg.candy-green .candy-face{background:linear-gradient(180deg, var(--tone-green-lg-face-1), var(--tone-green-lg-face-2))}.candy-lg.candy-green .candy-base{background:linear-gradient(var(--tone-green-lg-base-1), var(--tone-green-lg-base-2))}.candy-sm.candy-green .candy-face{background:linear-gradient(180deg, var(--tone-green-sm-face-1), var(--tone-green-sm-face-2))}.candy-sm.candy-green .candy-base{background:linear-gradient(var(--tone-green-sm-base-1), var(--tone-green-sm-base-2))}.candy-blue .candy-face{background:linear-gradient(180deg, var(--tone-blue-face-1), var(--tone-blue-face-2));color:var(--tone-blue-label)}.candy-blue .candy-base{background:linear-gradient(var(--tone-blue-base-1), var(--tone-blue-base-2))}.candy-red .candy-face{background:linear-gradient(180deg, var(--tone-red-face-1), var(--tone-red-face-2));color:var(--tone-red-label)}.candy-red .candy-base{background:linear-gradient(var(--tone-red-base-1), var(--tone-red-base-2))}.chip3d{--face:var(--chip-client-face);--edge:var(--chip-client-edge);border-radius:var(--radius-pill);height:34px;color:var(--chip-client-label);background:linear-gradient(var(--candy-chip-sheen), var(--candy-chip-sheen-fade) 60%), var(--face);box-shadow:inset 0 2px 1px var(--candy-chip-highlight), inset 0 -3px 5px color-mix(in srgb, var(--ink) 9%, transparent), 0 0 0 1px var(--hair), 0 1px 1px color-mix(in srgb, var(--ink) 6%, transparent);align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.chip3d-trainer{--face:var(--chip-trainer-face);--edge:var(--chip-trainer-edge);color:var(--chip-trainer-label)}.chip3d-gold{--face:var(--gold);--edge:var(--gold-edge);color:var(--chip-gold-label)}.chip3d-ink{--face:var(--chip-ink-face);--edge:var(--chip-ink-edge);color:var(--chip-ink-label)}.chip3d-light{--face:var(--chip-light-face);--edge:var(--chip-light-edge);color:var(--ink);box-shadow:inset 0 0 0 .5px var(--candy-ring), inset 0 1px 0 var(--candy-chip-highlight)}.chip3d-green{--face:var(--chip-green-face);--edge:var(--chip-green-edge);color:var(--chip-green-label)}.t-client{--f1:var(--tone-client-face-1);--f2:var(--tone-client-face-2);--e:var(--tone-client-edge)}.t-trainer{--f1:var(--tone-trainer-face-1);--f2:var(--tone-trainer-face-2);--e:var(--tone-trainer-edge)}.t-gold{--f1:var(--tone-gold-face-1);--f2:var(--tone-gold-face-2);--e:var(--tone-gold-edge)}.t-green{--f1:var(--tone-green-face-1);--f2:var(--tone-green-face-2);--e:var(--tone-green-edge)}.t-blue{--f1:var(--tone-blue-face-1);--f2:var(--tone-blue-face-2);--e:var(--tone-blue-edge)}.t-red{--f1:var(--tone-red-face-1);--f2:var(--tone-red-face-2);--e:var(--tone-red-edge)}.t-ink{--f1:var(--tone-ink-face-1);--f2:var(--tone-ink-face-2);--e:var(--ink-edge)}.c3d{background:linear-gradient(180deg, var(--f1), var(--f2));box-shadow:inset 0 2px 1px var(--candy-gloss), inset 0 -3px 5px color-mix(in srgb, var(--ink) 9%, transparent), 0 0 0 1px var(--hair), 0 1px 1px color-mix(in srgb, var(--ink) 6%, transparent)}.c3d-sm{background:linear-gradient(180deg, var(--f1), var(--f2));box-shadow:inset 0 2px 1px var(--candy-gloss-sm), inset 0 -3px 5px color-mix(in srgb, var(--ink) 9%, transparent), 0 0 0 1px var(--hair), 0 1px 1px color-mix(in srgb, var(--ink) 6%, transparent)}:is(button.c3d-sm,button.c3d).t-client{color:var(--tone-client-label)}:is(button.c3d-sm,button.c3d).t-green{color:var(--tone-green-label)}:is(.c3d-sm,.c3d[class*=px-]):not(button).t-client{color:var(--on-client)}:is(.c3d-sm,.c3d[class*=px-]):not(button).t-green{color:var(--on-green)}:is(.c3d-sm,.c3d[class*=px-],button.c3d):is(.t-client,.t-green) [class*=text-white]{color:inherit}.candy-root button:has(>.c3d-sm.t-client){color:var(--tone-client-label)}.candy-root button:has(>.c3d-sm.t-green){color:var(--tone-green-label)}.candy-root button:has(>.c3d-sm.t-client) [class*=text-white]{color:inherit}.candy-root button:has(>.c3d-sm.t-green) [class*=text-white]{color:inherit}.candy-root [class~="bg-(--client)"]:is([class*=text-white],[class*="text-(--card)"]){color:var(--tone-client-label);background-color:var(--tone-client-md-face-2)}.candy-root [class~="bg-(--green)"]:is([class*=text-white],[class*="text-(--card)"]){color:var(--tone-green-label);background-color:var(--tone-green-md-face-2)}.candy-root .on-big{color:var(--on-face-big)}.candy-root .m-grad-client [class*=text-white]:not(.candy,.chip3d,.c3d,.c3d-sm,.bg-white,[class*=bg-\(],[class*=bg-\[]):not(.candy *,.chip3d *,.c3d *,.c3d-sm *,.bg-white *,[class*=bg-\(] *,[class*=bg-\[] *){color:inherit}.candy-root .m-grad-client :is(.m-d-a,.m-d-b,.m-d-c,.on-big,[class*="text-[1.5"],[class*="text-[1.6"],[class*="text-[1.7"],[class*="text-[1.8"],[class*="text-[1.9"],[class*=text-\[2rem],[class*="text-[2."],[class*=text-\[24px],[class*=text-\[26px],[class*=text-\[28px],[class*=text-\[3],[class*=text-\[4],[class*=text-\[5],[class*=text-\[6],:is([class*="text-[1.1875"],[class*="text-[1.25"],[class*="text-[1.3"],[class*="text-[1.4"],[class*=text-\[19px],[class*=text-\[20px],[class*=text-\[21px],[class*=text-\[22px],[class*=text-\[23px]):is(.font-bold,.font-black)){color:var(--on-face-big)}.candy-root .m-grad-trainer [class*=bg-white\/]{background-color:color-mix(in srgb, var(--shadow) 14%, transparent)}.candy-root .m-grad-trainer [class*=text-white\/]{color:var(--on-trainer)}.candy-root .m-grad-client [class*=bg-white\/] :is(.m-num,.m-d-a,.m-d-b,.m-d-c,.on-big,[class*=text-\[2],[class*=text-\[3],[class*=text-\[4],[class*=text-\[5],[class*=text-\[6]){color:inherit}.t-tile-gold{color:var(--tone-gold-label)}.t-soft-gold{background:color-mix(in srgb, var(--gold) 17%, var(--card));color:color-mix(in srgb, var(--gold-edge) 65%, var(--ink))}.t-soft-green,.t-badge-green{background:color-mix(in srgb, var(--green) 17%, var(--card));color:var(--good-deep)}.t-soft-blue{background:color-mix(in srgb, var(--blue) 17%, var(--card));color:var(--deep-blue)}.t-soft-red{background:var(--red-soft);color:var(--red-text)}.t-tile-light{background:var(--card);color:var(--ink);box-shadow:inset 0 1px 0 var(--candy-tile-highlight)}.m-input-box{background:var(--line);border-radius:var(--radius-input);box-shadow:var(--shadow-candy-input);transition:background-color var(--m-quick) var(--e-out), box-shadow var(--m-quick) var(--e-out)}.m-input-box:focus-within{background:var(--card);box-shadow:0 0 0 2px var(--side), 0 0 0 4px color-mix(in srgb, var(--side) 15%, transparent)}.m-input-box.m-input-error{box-shadow:0 0 0 2px var(--client-text), 0 0 0 4px color-mix(in srgb, var(--client-text) 15%, transparent);animation:m-shake-field .3s var(--e-inout)}.m-input-box.m-input-error:focus-within{background:var(--card);box-shadow:0 0 0 2px var(--client-text), 0 0 0 4px var(--side-deep)}@keyframes m-shake-field{0%,to{transform:translate(0)}14%,42%,70%{transform:translate(-4px)}28%,56%,84%{transform:translate(4px)}}:is(.m-field:has(input:focus)>label,.m-field:has(textarea:focus)>label){color:var(--side-deep)}@keyframes m-error-message{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.m-error-message{animation:m-error-message var(--m-quick) var(--e-out) both}.m-input-box.m-input-box:focus-visible,.m-input-box.m-input-box :is(input,textarea):focus-visible{outline:2px solid #0000}.m-toggle-track{border-radius:var(--radius-pill);background:var(--line);width:51px;height:31px;box-shadow:var(--shadow-candy-toggle-inset);transition:background var(--m-quick) var(--e-out), box-shadow var(--m-quick) var(--e-out);cursor:pointer;position:relative}.m-toggle-track[data-on=true]{background:linear-gradient(180deg, var(--control-face-1), var(--control-face-2));box-shadow:inset 0 1px 0 var(--candy-gloss-sm)}.m-toggle-thumb{border-radius:var(--radius-pill);background:var(--card);width:25px;height:25px;box-shadow:var(--shadow-candy-toggle-thumb);transform-origin:0;transition:transform var(--m-settle) var(--e-out);position:absolute;top:3px;left:3px}.m-toggle-track[data-on=true] .m-toggle-thumb{transform:translate(20px)}.m-toggle-hit:active:not(:disabled) .m-toggle-thumb{transform:scaleX(1.24)}.m-toggle-hit:active:not(:disabled) .m-toggle-track[data-on=true] .m-toggle-thumb{transform:translate(14px)scaleX(1.24)}@media (prefers-reduced-motion:reduce){.m-toggle-thumb{transition:none}.m-toggle-hit:active .m-toggle-thumb{transform:none}.m-toggle-hit:active .m-toggle-track[data-on=true] .m-toggle-thumb{transform:translate(20px)}}.m-segment{width:max-content}.m-segment-face{background:linear-gradient(180deg, var(--control-face-1), var(--control-face-2));box-shadow:inset 0 2px 1px var(--candy-gloss), inset 0 -3px 5px color-mix(in srgb, var(--side-deep) 28%, transparent), 0 1px 1px color-mix(in srgb, var(--ink) 8%, transparent)}.m-segment>button{min-height:44px;padding:0 16px;font-size:14px}.m-soft-control{background:linear-gradient(180deg, var(--card), color-mix(in srgb, var(--card) 78%, var(--line)));box-shadow:inset 0 2px 1px var(--card), inset 0 -3px 5px color-mix(in srgb, var(--ink) 9%, transparent), 0 0 0 1px var(--hair), 0 1px 1px color-mix(in srgb, var(--ink) 6%, transparent);transition:box-shadow var(--m-press-up) var(--e-release), transform var(--m-press-up) var(--e-release)}.m-soft-control:active{box-shadow:inset 0 3px 5px color-mix(in srgb, var(--ink) 14%, transparent), 0 0 0 1px var(--hair);transition-duration:var(--m-press-down);transition-timing-function:var(--e-press)}@media (prefers-reduced-motion:reduce){.m-soft-control{transition:none}}.m-row-interactive,.m-sliding-pill button{transition:transform var(--m-quick) var(--e-out), background-color var(--m-quick) var(--e-out)}.m-row-interactive:active{transition-duration:var(--m-instant)}.m-sliding-pill button:active,.m-toggle-hit:active{transform:scale(.95)}@media (hover:hover){.candy-root .m-row-interactive:hover{background:color-mix(in srgb, var(--side-soft) 50%, transparent)}}.m-chip-on,.m-chip-on:hover{background:linear-gradient(180deg, var(--control-trainer-face-1), var(--control-trainer-face-2))!important;color:var(--tone-trainer-label)!important;box-shadow:inset 0 2px 1px var(--candy-gloss), inset 0 -3px 5px color-mix(in srgb, var(--trainer-edge) 28%, transparent), 0 1px 1px color-mix(in srgb, var(--ink) 8%, transparent)!important}@media (hover:hover) and (pointer:fine){.m-chip-off:hover{background:var(--chip-off-hover)!important;box-shadow:0 0 0 .5px var(--hair)!important}}.m-skeleton{background:var(--line);position:relative;overflow:hidden}.m-skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--candy-gloss), transparent);animation:m-skeleton 1.4s var(--e-inout) infinite;position:absolute;inset:0}@keyframes m-skeleton{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes m-tick-dot{0%{opacity:1;transform:translate(0)}to{transform:translate(var(--burst-x), var(--burst-y));opacity:0}}.m-tick-dot{animation:m-tick-dot .5s var(--e-out) both}.candy-root{--good-soft:color-mix(in srgb, var(--green) 14%, var(--card))}.candy-root .m-card[data-accent]{--accent:var(--side);--accent-text:var(--side-deep);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 17%, var(--card)), color-mix(in srgb, var(--accent) 7%, var(--card)));border:1px solid color-mix(in srgb, var(--accent) 25%, var(--card))}.candy-root [data-accent=blue]{--accent:var(--blue)!important;--accent-text:var(--deep-blue)!important}.candy-root [data-accent=trainer]{--accent:var(--trainer)!important;--accent-text:var(--trainer-text)!important}.candy-root [data-accent=green]{--accent:var(--green)!important;--accent-text:var(--good-deep)!important}.candy-root [data-accent=gold]{--accent:var(--gold)!important;--accent-text:color-mix(in srgb, var(--gold-edge) 65%, var(--ink))!important}.candy-root [data-accent] .m-eyebrow,.candy-root [data-accent] .m-num,.candy-root [data-accent] polyline{color:var(--accent-text)}.candy-toast{--toast-x:-50%;left:50%;bottom:calc(120px + env(safe-area-inset-bottom) + var(--bottom-banner-h,0px));opacity:0;transform:translate(var(--toast-x), 24px) scale(.96);position:fixed}.candy-toast[data-state=shown]{opacity:1;transform:translate(var(--toast-x), 0) scale(1);transition:transform var(--m-move) var(--e-out), opacity var(--m-move) var(--e-out)}.candy-toast[data-state=leave]{opacity:0;transform:translate(var(--toast-x), 16px);transition:transform var(--m-settle) var(--e-in), opacity var(--m-settle) var(--e-in)}@media (min-width:900px){.candy-toast{--toast-x:0px;left:auto;right:24px;bottom:calc(24px + var(--bottom-banner-h,0px))}}@media (prefers-reduced-motion:reduce){.candy-toast,.candy-toast[data-state]{transform:translate(var(--toast-x), 0)}}.candy-root button:focus-visible,.candy-root a:focus-visible{outline:2px solid var(--side-deep);outline-offset:3px}.candy-root :is(.m-grad-client,.m-grad-trainer,.m-grad-green,.m-grad-rating,.m-grad-red) :is(button,a):focus-visible{outline-color:var(--candy-label)}@media (prefers-reduced-motion:reduce){.candy-root *,.candy-root :before,.candy-root :after{scroll-behavior:auto!important;transition-duration:0s!important;animation:none!important}.candy-root .m-tick-dot,.candy-root .m-skeleton:after{display:none}.candy-root .m-input-box.m-input-error{animation:none!important}.candy-root .m-toggle-thumb{transition:none!important}}.candy-root .m-content-in{animation:m-content-in var(--m-quick) var(--e-out)}@keyframes m-content-in{0%{opacity:0}}.candy-root .m-state-rise{animation:m-state-rise var(--m-move) var(--e-out)}@keyframes m-state-rise{0%{opacity:0;transform:translateY(8px)}}.candy-root .m-shake-once{animation:m-shake-field .3s var(--e-inout)}.candy-sizer{display:grid}.candy-sizer>*{grid-area:1/1;justify-content:center;align-items:center;gap:8px;display:inline-flex}.candy-done-word{visibility:hidden}.candy .candy-face[data-state] .candy-sizer{opacity:0}.candy-text{text-box:trim-both ex alphabetic;position:relative;top:calc(.333333cap - .333333ex)}@supports not (text-box:trim-both ex alphabetic){.candy-text{top:-.045em}}.candy-progress{justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.candy-face{isolation:isolate}.candy-face:before,.candy-base:after{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--m-base) var(--e-out);position:absolute;inset:0}.candy-face:before{background:linear-gradient(180deg, var(--tone-green-md-face-1), var(--tone-green-md-face-2))}.candy-base:after{z-index:0;background:linear-gradient(var(--tone-green-md-base-1), var(--tone-green-md-base-2))}.candy-lg .candy-face:before{background:linear-gradient(180deg, var(--tone-green-lg-face-1), var(--tone-green-lg-face-2))}.candy-lg .candy-base:after{background:linear-gradient(var(--tone-green-lg-base-1), var(--tone-green-lg-base-2))}.candy-sm .candy-face:before{background:linear-gradient(180deg, var(--tone-green-sm-face-1), var(--tone-green-sm-face-2))}.candy-sm .candy-base:after{background:linear-gradient(var(--tone-green-sm-base-1), var(--tone-green-sm-base-2))}.candy[data-done] .candy-face:before,.candy[data-done] .candy-base:after{opacity:1}.candy[data-done] .candy-face{color:var(--tone-green-label)}.candy[data-done-tone=deep] .candy-face:before{background:linear-gradient(180deg, var(--done-deep-face-1), var(--done-deep-face-2))}.candy[data-done-tone=deep] .candy-base:after{background:linear-gradient(var(--done-deep-base-1), var(--done-deep-base-2))}.candy[data-done-tone=deep][data-done] .candy-face{color:var(--card);text-shadow:none}.candy-root .m-fail-in{animation:m-state-rise var(--m-move) var(--e-out), m-shake-field .3s var(--e-inout) var(--m-move)}.m-icon-inline{vertical-align:-3px;margin-right:4px;display:inline}.m-field-valid{color:var(--good-deep);display:inline-flex}.candy-dots{gap:4px;display:inline-flex}.candy-dots i{border-radius:var(--radius-pill);width:6px;height:6px;animation:candy-dot .9s var(--e-inout) infinite;background:currentColor}.candy-dots i:nth-child(2){animation-delay:.15s}.candy-dots i:nth-child(3){animation-delay:.3s}@keyframes candy-dot{0%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.candy-root .m-offline-banner{z-index:95;border-radius:var(--radius-pill);background:var(--ink);color:var(--card);transition:transform var(--m-settle) var(--e-out), background-color var(--m-settle) var(--e-out);pointer-events:none;align-items:center;gap:6px;padding:8px 14px;font-size:.8125rem;font-weight:700;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%,calc(-100% - 16px))}.candy-root .m-offline-banner:is([data-state=offline],[data-state=back]){transform:translate(-50%)}.candy-root .m-offline-banner[data-look=back]{background:var(--tone-green-face-2)}@media (prefers-reduced-motion:reduce){.candy-root :is(.m-content-in,.m-state-rise,.m-shake-once,.m-fail-in),.candy-dots i{animation:none!important}.candy-face:before,.candy-base:after,.candy-root .m-offline-banner{transition:none}}@media (prefers-contrast:more){.candy-root{--line:var(--line-contrast);--muted:var(--muted-contrast);--hair:var(--hair-contrast)}.candy-root .m-card{box-shadow:0 0 0 1px var(--card-edge-contrast), 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent)}.candy-root :focus-visible{outline-offset:2px;outline-width:3px}.candy-root .m-input-box{background:var(--card);box-shadow:0 0 0 1px var(--card-edge-contrast)}}@media (prefers-reduced-transparency:reduce){.candy-root *,.candy-root :before,.candy-root :after{-webkit-backdrop-filter:none!important}.candy-root [class*=backdrop-blur]:not([class*=bg-black]){background-color:var(--card)!important}.candy-root .m-tabbar,.candy-root .m-web-topbar,.candy-root .m-web-topbar.is-scrolled{background:var(--card)!important}}