:root{color-scheme:light dark;--paper:#fffafc;--paper-2:#f6eff7;--card:#fff;--ink:#1c1b21;--ink-2:#3a3843;--muted:#6b6878;--rule:#ecdfea;--dots:#ecd8e6;--outline:#1c1b21;--lip:#e5d5e2;--marker:#c4f04a;--marker-hover:#d3f572;--marker-lip:#93bd1f;--marker-wash:#f2fbd9;--mark-text:#1c1b21;--mark-band:46%;--lavender:#efe8f8;--lavender-lip:#d6cbe8;--pink:#ff4f86;--coral:#ffa384;--pink-wash:#ffe6ef;--pink-lip:#f5bccf;--rose:#c4205a;--rose-wash:#ffe6ef;--panel:#1c1b21;--panel-ink:#f7f3fa;--panel-muted:#aaa6b9;--panel-rule:#34313d;--apron:#fff;--shadow:0 1px 0 rgb(28 27 33/4%),0 14px 30px -16px rgb(150 70 120/34%);--focus:#1c1b21;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",Roboto,"Helvetica Neue",Arial,sans-serif;--font-serif:ui-serif,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Noto Serif",serif;--font-mono:ui-monospace,"SF Mono",SFMono-Regular,"Cascadia Mono",Menlo,Consolas,"Roboto Mono","Liberation Mono",monospace;--font-round:ui-rounded,"SF Pro Rounded",var(--font-sans);--pad:1.25rem;--edge-l:max(var(--pad),env(safe-area-inset-left));--edge-r:max(var(--pad),env(safe-area-inset-right));--ease:cubic-bezier(.2,.7,.1,1);--spring:cubic-bezier(.34,1.56,.64,1);--ears-outline:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 16'%3E%3Cpath d='M4 16 14 1l11 15ZM39 16 50 1l10 15Z'/%3E%3C/svg%3E");--ears-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 16'%3E%3Cpath d='M7.5 16 14 4.5l7.5 11.5ZM42.5 16 50 4.5l6.5 11.5Z'/%3E%3C/svg%3E")}@media (max-width:22.5em){:root{--pad:1rem}}@media (min-width:48em){:root{--pad:2rem}}@media (min-width:80em){:root{--pad:2.5rem}}@media (prefers-color-scheme:dark){:root{--paper:#16141b;--paper-2:#211d28;--card:#1f1c26;--ink:#f4f0fa;--ink-2:#d9d3e3;--muted:#aaa4b8;--rule:#332e3d;--dots:#2a2533;--outline:#4a4458;--lip:#0b0a0e;--marker-lip:#6f9314;--marker-wash:#2b3513;--mark-text:#16141b;--mark-band:100%;--lavender:#2a2436;--lavender-lip:#0f0d13;--pink-wash:#3a1a2a;--pink-lip:#1e0d16;--rose:#ff7aa2;--rose-wash:#3a1a2a;--panel:#0e0d12;--panel-ink:#f4f0fa;--panel-muted:#aaa4b8;--panel-rule:#2d2936;--apron:#24202c;--shadow:0 1px 0 rgb(0 0 0/30%),0 14px 30px -16px rgb(0 0 0/70%);--focus:var(--marker)}}html{background:var(--paper);color:var(--ink);font-family:var(--font-sans);line-height:1.6;text-size-adjust:100%;scroll-padding-top:1rem}body{min-height:100vh;min-height:100dvh;background-color:var(--paper);background-image:radial-gradient(circle at 1px 1px,var(--dots) 1.2px,transparent 1.7px);background-size:22px 22px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--marker);color:var(--mark-text)}a,button,summary{touch-action:manipulation}button,summary{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}[tabindex="-1"]:focus{outline:none}kbd{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:50;top:max(.5rem,env(safe-area-inset-top));left:var(--edge-l);padding:.75rem 1rem;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:800;transform:translateY(-300%)}.skip-link:focus{transform:none}.icon{flex:none}.wordmark{display:inline-flex;align-items:center;gap:.5rem}.mark{width:1.875rem;height:1.875rem;flex:none}.mark__head{fill:currentColor}.mark__ear,.mark__hl{fill:var(--marker)}.mark__on{fill:var(--mark-text)}.wordmark__zh{font-size:1.25rem;font-weight:900;letter-spacing:.08em;line-height:1}.avatar{position:relative;display:block;flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(150deg,var(--pink),var(--coral));box-shadow:0 0 0 3px var(--marker),0 0 0 5px var(--outline)}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 28%}.masthead{position:relative;z-index:3;padding-top:env(safe-area-inset-top);background:var(--card);box-shadow:0 1px 0 var(--rule)}.masthead:after{content:"";position:absolute;right:0;bottom:-8px;left:0;height:8px;background:radial-gradient(circle at 8px 0,var(--card) 7px,transparent 7.5px) 0 0 /16px 8px repeat-x;pointer-events:none}.masthead__inner{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;max-width:76rem;min-height:3.75rem;margin-inline:auto;padding:.375rem var(--edge-r) .375rem var(--edge-l)}.masthead__brand{display:inline-flex;align-items:center;gap:.625rem;min-height:2.75rem;margin-right:auto;padding-left:5px}.nav{order:1;display:flex;flex-basis:100%;flex-wrap:wrap;gap:.25rem;padding-top:.375rem}.nav__link{position:relative;display:inline-flex;align-items:center;gap:.375rem;min-height:2.75rem;padding-inline:.75rem;border-radius:999px;color:var(--muted);font-size:.9375rem;font-weight:800}.nav__link .icon{display:none}.nav__link:hover{background:var(--paper-2);color:var(--ink)}.nav__link[aria-current=page]{background:var(--marker);color:var(--mark-text);box-shadow:inset 0 0 0 2px var(--outline),0 3px 0 var(--marker-lip)}.nav__link[aria-current=page]:before{content:"";position:absolute;top:-9px;left:50%;width:40px;height:10px;translate:-50% 0;background:var(--outline);-webkit-mask:var(--ears-outline) center /100% 100% no-repeat;mask:var(--ears-outline) center /100% 100% no-repeat}.masthead__logout{margin-left:.25rem}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-width:2.75rem;min-height:2.75rem;padding-inline:.625rem;border-radius:999px;color:var(--muted);font-size:.875rem;font-weight:750}.icon-button:hover{background:var(--paper-2);color:var(--ink)}.icon-button__text{display:none}@media (max-width:22.5em){.nav__link{padding-inline:.625rem}}@media (min-width:48em){.nav{order:0;flex-basis:auto;padding-top:0;margin-right:.75rem}.icon-button__text,.nav__link .icon{display:inline}}.button{--fill:var(--card);--button-lip:var(--lip);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:3rem;padding:.625rem 1.25rem;border:2px solid var(--outline);border-radius:999px;background:var(--fill);color:var(--ink);font-size:1rem;font-weight:800;line-height:1.25;text-align:center;box-shadow:0 4px 0 var(--button-lip);transition:background-color .14s,color .14s,box-shadow .14s,transform .14s var(--ease)}.button:disabled{opacity:.45;box-shadow:none}.button:active:not(:disabled){box-shadow:0 1px 0 var(--button-lip)}.button--ink{--fill:var(--ink);color:var(--paper)}.button--ink:hover:not(:disabled){--fill:var(--ink-2)}.button--marker{--fill:var(--marker);--button-lip:var(--marker-lip);color:var(--mark-text)}.button--marker:hover:not(:disabled){--fill:var(--marker-hover)}.button--ghost:hover:not(:disabled){--fill:var(--paper-2)}.button--wide{width:100%;justify-content:space-between;min-height:3.5rem;padding-inline:1.375rem;font-size:1.0625rem;text-align:left}.button--small{min-height:2.75rem;padding:.375rem .875rem;font-size:.875rem;box-shadow:0 3px 0 var(--button-lip)}.button--icon{min-width:2.75rem;min-height:2.75rem;padding:0}.button--icon:hover:not(:disabled){--fill:var(--paper-2)}.button--ears{margin-top:12px}.button--ears:after,.button--ears:before{content:"";position:absolute;top:-14px;left:50%;width:64px;height:16px;translate:-50% 0;pointer-events:none;transform-origin:50% 100%}.button--ears:before{background:var(--outline);-webkit-mask:var(--ears-outline) center /100% 100% no-repeat;mask:var(--ears-outline) center /100% 100% no-repeat}.button--ears:after{background:var(--fill);-webkit-mask:var(--ears-fill) center /100% 100% no-repeat;mask:var(--ears-fill) center /100% 100% no-repeat}.button--ears:disabled,.key-hint{opacity:.7}.key-hint{display:none;padding:.125rem .375rem;border:1px solid;border-radius:6px;font-size:.75rem;font-weight:700;line-height:1.2}@media (hover:hover) and (pointer:fine){.key-hint{display:inline-block}}.text-link{display:inline-flex;align-items:center;gap:.375rem;min-height:2.75rem;font-weight:800;text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:2px;text-underline-offset:.3em}.text-link:hover{text-decoration-color:currentColor}.spinner{width:1rem;height:1rem;flex:none;border:2px solid;border-right:2px solid transparent;border-radius:50%}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .625rem;border-radius:999px;background:var(--lavender);color:var(--ink);font-size:.8125rem;font-weight:800}.page{width:100%;max-width:76rem;margin-inline:auto;padding-right:var(--edge-r);padding-left:var(--edge-l)}.note{display:flex;align-items:flex-start;gap:.625rem;margin-top:1rem;padding:.75rem .875rem;border:2px solid var(--rule);border-left:6px solid var(--ink);border-radius:16px;background:var(--card);font-size:.9375rem;line-height:1.55}.note .icon{margin-top:.125rem}.note--warn{border-left-color:var(--pink)}.alert,.syncbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .875rem;margin-top:1rem;padding:.75rem .875rem;border:2px solid var(--rule);border-left:6px solid var(--marker);border-radius:16px;background:var(--card);box-shadow:var(--shadow);font-size:.9375rem;line-height:1.5}.alert,.syncbar[data-tone=problem]{border-left-color:var(--pink)}.alert p,.syncbar p{flex:1 1 13rem;min-width:0}.alert>.icon{color:var(--rose)}.status-line{min-height:1.5rem;color:var(--muted);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.status-line[data-tone=ok]{color:var(--ink);font-weight:800}.status-line[data-tone=error]{color:var(--rose);font-weight:800}.home{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"hello" "story" "stickers";row-gap:2.5rem;padding-top:1.5rem;padding-bottom:max(3rem,env(safe-area-inset-bottom))}.hello{grid-area:hello;container-type:inline-size}.hello__top{position:relative;z-index:0;display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem}.hello__words{min-width:0;padding-bottom:30px}.hello__date{display:inline-block;padding:.125rem .625rem;background:repeating-linear-gradient(-45deg,var(--pink-wash) 0 6px,color-mix(in srgb,var(--pink) 22%,var(--pink-wash)) 6px 12px);color:var(--ink);font:700 .75rem/1.6 var(--font-mono);letter-spacing:.04em;rotate:-2deg}.hello__title{margin-top:.5rem;font-size:clamp(2.5rem,8vw + 1rem,3.5rem);font-weight:900;letter-spacing:.04em;line-height:1}.hello__greet{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;color:var(--muted);font-weight:800}.hello__greet .icon{color:var(--pink)}.hello__art{position:relative;flex:none;width:140px;height:140px;margin-right:-4px}.hello__art:before{content:"";position:absolute;inset:16% 6% 0;border-radius:999px 999px 0 0;background:linear-gradient(160deg,var(--pink),var(--coral))}.hello__art img{position:relative;width:100%;height:100%;object-fit:contain;object-position:50% 100%}.dress{--focus:var(--marker);position:relative;z-index:1;margin-top:-22px;padding:1rem .875rem 1.75rem;border:2px solid var(--outline);border-radius:28px;background:var(--panel);color:var(--panel-ink);box-shadow:0 6px 0 var(--lip),var(--shadow)}.dress:after{content:"";position:absolute;right:1.5rem;bottom:.75rem;left:1.5rem;border-bottom:2px dashed rgb(214 172 82/65%)}.bubble{position:relative;display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1.375rem;padding:.625rem .875rem;border-radius:16px;color:var(--ink);font-size:.875rem;line-height:1.55}.bubble,.bubble:before{background:var(--pink-wash)}.bubble:before{content:"";position:absolute;top:-9px;right:3.25rem;width:18px;height:10px;clip-path:polygon(50% 0,100% 100%,0 100%)}.bubble .icon{margin-top:.125rem;color:var(--rose)}.bubble .text-link{margin-left:.375rem}.apron{position:relative;margin-top:.375rem;padding:1.75rem .75rem .875rem;border-radius:6px 6px 22px 22px;background:radial-gradient(circle,var(--lavender-lip) 1.6px,transparent 2.2px) 9px 6px /18px 12px repeat-x,var(--apron);color:var(--ink)}.apron:before{top:-9px;right:0;left:0;height:10px;background:radial-gradient(circle at 9px 10px,var(--apron) 8px,transparent 8.5px) 0 0 /18px 10px repeat-x}.apron:after,.apron:before{content:"";position:absolute}.apron:after{top:-6px;left:50%;width:38px;height:18px;translate:-50% 0;background:var(--marker);clip-path:polygon(0 0,42% 38%,58% 38%,100% 0,100% 100%,58% 62%,42% 62%,0 100%)}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@container (max-width: 21rem){.tiles{grid-template-columns:minmax(0,1fr)}}.tile,.tiles>form{display:grid}.tile{--fill:var(--lavender);--tile-lip:var(--lavender-lip);--trail:var(--ink);position:relative;align-content:start;gap:.25rem;width:100%;min-height:9.75rem;padding:1rem 14px .875rem;border:2px solid var(--outline);border-radius:22px;background:var(--fill);color:var(--ink);text-align:left;box-shadow:0 5px 0 var(--tile-lip);transition:box-shadow .14s,transform .16s var(--ease)}.tile[data-primary]{--fill:var(--marker);--tile-lip:var(--marker-lip);--trail:var(--mark-text);margin-top:12px;color:var(--mark-text)}.tile[data-primary]:after,.tile[data-primary]:before{content:"";position:absolute;top:-14px;left:50%;width:64px;height:16px;translate:-50% 0;transform-origin:50% 100%}.tile[data-primary]:before{background:var(--outline);-webkit-mask:var(--ears-outline) center /100% 100% no-repeat;mask:var(--ears-outline) center /100% 100% no-repeat}.tile[data-primary]:after{background:var(--fill);-webkit-mask:var(--ears-fill) center /100% 100% no-repeat;mask:var(--ears-fill) center /100% 100% no-repeat}.tile[data-state=empty],.tile[data-state=paused]{--fill:var(--paper-2);--tile-lip:var(--lip)}.tile:active{box-shadow:0 1px 0 var(--tile-lip)}.tile__head{display:flex;align-items:center;gap:.5rem;font-size:1.0625rem;font-weight:900}.tile__icon{display:grid;place-items:center;width:2rem;height:2rem;border:2px solid var(--outline);border-radius:50%;background:var(--card);color:var(--ink)}.tile__count{margin-top:.375rem;font-family:var(--font-round);font-size:clamp(2.5rem,6vw + 1.25rem,3.5rem);font-weight:900;line-height:1;letter-spacing:-.03em}.tile__count[data-zero]{opacity:.55}.tile__note{font-size:.8125rem;font-weight:750;opacity:.85}.trail{position:relative;display:block;height:8px;margin:.75rem 0 .375rem;border-radius:999px;background:rgb(28 27 33/12%)}.trail:before{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(var(--value, 0) * 100%);border-radius:inherit;background:var(--trail)}.trail__cat{position:absolute;top:50%;left:calc(var(--value, 0) * 100%);width:24px;height:24px;translate:-50% -58%;color:var(--trail)}.tile__go{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.375rem;font-weight:900;text-wrap:balance}.storybook{position:relative;grid-area:story;padding:1.75rem 1.25rem 1.25rem;overflow:hidden;border:2px solid var(--outline);border-radius:26px;background:var(--card);box-shadow:0 6px 0 var(--lip),var(--shadow)}.storybook:before{content:"";position:absolute;top:0;right:0;left:0;height:.75rem;background:linear-gradient(90deg,var(--pink),var(--coral))}.storybook:after{content:"";position:absolute;top:0;right:1.5rem;width:18px;height:44px;background:var(--marker);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.storybook__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .75rem;padding-right:2rem;color:var(--muted);font-size:.8125rem;font-weight:700}.storybook__title{margin:.75rem 0;font-family:var(--font-serif);font-size:clamp(1.75rem,5vw + 1rem,2.75rem);font-style:italic;font-weight:400;line-height:1.08;letter-spacing:-.015em;overflow-wrap:break-word}.storybook__link:after{content:"";position:absolute;inset:0}.storybook__meta{display:flex;flex-wrap:wrap;gap:.25rem 1rem;color:var(--muted);font-size:.9375rem}.storybook__go{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.375rem .375rem .375rem .875rem;border-radius:999px;background:var(--lavender);font-weight:900}.stickers{grid-area:stickers}.stickers__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1.25rem .875rem}.sticker{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:.125rem .5rem;padding:1.125rem 1rem .875rem;border:2px solid var(--rule);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}.sticker:before{content:"";position:absolute;top:-9px;left:1.25rem;width:58px;height:18px;rotate:-4deg;background:repeating-linear-gradient(45deg,var(--marker) 0 5px,var(--marker-wash) 5px 10px);opacity:.9}.sticker:nth-child(2):before{right:1.25rem;left:auto;rotate:3deg;background:repeating-linear-gradient(45deg,var(--pink) 0 5px,var(--pink-wash) 5px 10px);opacity:.7}.sticker:nth-child(3):before{rotate:2deg;background:repeating-linear-gradient(45deg,var(--lavender-lip) 0 5px,var(--lavender) 5px 10px)}.sticker dt{width:100%;color:var(--muted);font-size:.8125rem;font-weight:800}.sticker dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .375rem}.sticker dd+dd{margin-left:auto}.sticker strong{font-family:var(--font-round);font-size:1.5rem;font-weight:900;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.empty{padding-block:3rem}.empty h1{font-size:1.75rem;font-weight:900}.empty p{margin-top:.75rem;color:var(--ink-2)}@media (min-width:48em){.home{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"hello hello" "story stickers";column-gap:2rem;row-gap:2.5rem;padding-top:2.25rem;align-items:start}.hello__art{width:184px;height:184px}.dress{padding:1.25rem 1.25rem 2rem}.apron{padding:2rem 1.25rem 1.25rem}}@media (min-width:64em){.home{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"hello story" "hello stickers";column-gap:3rem}.stickers__list{grid-template-columns:minmax(0,1fr)}}.review{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.review__bar{position:relative;z-index:3;display:flex;align-items:center;gap:.5rem .75rem;min-height:calc(3.75rem + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--edge-r) .25rem var(--edge-l);background:var(--card);box-shadow:0 1px 0 var(--rule)}.review__exit{display:inline-flex;align-items:center;gap:.25rem;min-height:2.75rem;padding:0 .875rem 0 .625rem;border-radius:999px;background:var(--paper-2);color:var(--ink);font-weight:800}.review__exit:hover{background:var(--lavender)}.review__tally{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.25rem .75rem;margin-left:auto;color:var(--muted);font-size:.8125rem;font-weight:700}.review__tally strong{color:var(--ink);font-family:var(--font-round);font-size:1rem;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.review__mode{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:999px;background:var(--lavender);color:var(--ink);font-weight:900}.review__mode[data-mode=learn]{background:var(--marker);color:var(--mark-text)}.buddy{position:relative;flex:none}.buddy .avatar{width:36px;height:36px}.buddy__pop{position:absolute;top:-6px;left:50%;color:var(--pink);opacity:0;pointer-events:none}.review__meter{position:absolute;right:var(--edge-r);bottom:-4px;left:var(--edge-l);height:8px;border:2px solid var(--outline);border-radius:999px;background:var(--card)}.review__meter:before{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(var(--done, 0) * 100%);border-radius:inherit;background:var(--marker);transition:width .32s var(--ease)}.review__cat{position:absolute;top:50%;left:calc(var(--done, 0) * 100%);width:24px;height:24px;translate:-50% -60%;color:var(--ink);transition:left .32s var(--ease)}.review__main{width:100%;max-width:46rem;margin-inline:auto;padding:.75rem var(--edge-r) 0 var(--edge-l)}.review__main,.stage{display:flex;flex:1 1;flex-direction:column}.stage{justify-content:center;padding:1.75rem 0 5rem}.card{position:relative;padding:1.75rem 1.25rem 1.5rem;border:2px solid var(--outline);border-radius:26px;background:var(--card);box-shadow:0 6px 0 var(--lip),var(--shadow);container-type:inline-size}.card:before{content:"";position:absolute;top:-13px;left:50%;width:96px;height:24px;translate:-50% 0;rotate:-3deg;background:repeating-linear-gradient(-45deg,rgb(196 240 74/92%) 0 7px,rgb(228 250 170/92%) 7px 14px);box-shadow:0 1px 2px rgb(0 0 0/8%)}.card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;color:var(--muted);font:700 .75rem/1.4 var(--font-mono);letter-spacing:.06em}.card__stage{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:999px;background:var(--lavender);color:var(--ink);font-family:var(--font-sans);font-size:.8125rem;font-weight:800;letter-spacing:.02em}.card__stage[data-stage=new]{background:var(--marker);color:var(--mark-text)}.card__stage[data-stage=again]{background:var(--pink-wash);color:var(--rose)}.beans{display:inline-flex;gap:3px}.beans i{width:11px;height:10px;border-radius:50% 50% 45% 45%;background:var(--rule)}.beans i[data-on]{background:var(--pink)}.card__word{margin-top:1rem;font-family:var(--font-serif);font-size:clamp(2.25rem,12vw,5.5rem);font-weight:400;line-height:1.04;letter-spacing:-.025em;overflow-wrap:anywhere}@supports (font-size:1cqi){.card__word{font-size:clamp(2rem,100cqi/(var(--chars,8) * .58),6rem)}}.answer{margin-top:1.25rem;padding-top:1rem;border-top:2px dashed var(--rule)}.answer__gloss{margin-top:.25rem;font-size:clamp(1.625rem,4vw + 1rem,2.5rem);font-weight:900;line-height:1.35;overflow-wrap:anywhere}.answer__glosses{display:grid;gap:.375rem;margin-top:.25rem;counter-reset:gloss}.answer__glosses li{display:grid;grid-template-columns:1.875rem minmax(0,1fr);align-items:baseline;font-size:clamp(1.25rem,2.5vw + .875rem,1.875rem);font-weight:900;line-height:1.4;overflow-wrap:anywhere;counter-increment:gloss}.answer__glosses li:before{content:counter(gloss);display:inline-grid;place-items:center;width:1.375rem;height:1.375rem;border-radius:50%;background:var(--pink-wash);color:var(--rose);font:800 .75rem/1 var(--font-round)}.answer__gloss mark,.answer__glosses mark,.vocab{padding-inline:.08em;border-radius:.2em;background:linear-gradient(var(--marker),var(--marker)) no-repeat 0 88% /100% var(--mark-band);color:var(--mark-text);-webkit-box-decoration-break:clone;box-decoration-break:clone}.analogies{position:relative;margin-top:1.25rem;padding:.75rem 1rem .875rem;border-radius:14px 4px 14px 14px;background:linear-gradient(225deg,transparent 15px,var(--lavender) 15.5px)}.analogies:after{content:"";position:absolute;top:0;right:0;width:21px;height:21px;border-bottom-left-radius:6px;background:linear-gradient(to bottom left,transparent 50%,var(--lavender-lip) 0)}.analogies__title{color:var(--muted);font:700 .75rem/1.4 var(--font-mono);letter-spacing:.08em}.analogies__list{display:grid;gap:.25rem;margin-top:.25rem}.analogies__list div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .75rem}.analogies__list dt{font-family:var(--font-serif);font-size:1.1875rem;line-height:1.4;overflow-wrap:anywhere}.analogies__list dd{color:var(--ink-2);font-size:.9375rem;line-height:1.5}.answer__audio{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:1.25rem}.answer__audio .button--icon{--fill:var(--marker);--button-lip:var(--marker-lip);width:3rem;height:3rem;color:var(--mark-text)}.answer__error{color:var(--rose);font-size:.875rem;font-weight:800}.dock{position:sticky;bottom:0;z-index:2;margin:auto calc(-1 * var(--edge-r)) 0 calc(-1 * var(--edge-l));padding:.875rem var(--edge-r) max(.875rem,env(safe-area-inset-bottom)) var(--edge-l);background:var(--card);box-shadow:0 -1px 0 var(--rule);container-type:inline-size}.dock:after{top:-8px;height:8px;background:radial-gradient(circle at 8px 8px,var(--card) 7px,transparent 7.5px) 0 0 /16px 8px repeat-x;pointer-events:none}.dock:after,.dock[data-busy]:before{content:"";position:absolute;right:0;left:0}.dock[data-busy]:before{top:0;height:3px;background:var(--pink)}.dock__undo{position:absolute;right:var(--edge-r);bottom:calc(100% + 1rem);border-color:var(--pink)}.ratings__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.rating{--fill:var(--card);--rating-lip:var(--lip);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:4.25rem;padding:.5rem .375rem;border:2px solid var(--outline);border-radius:20px;background:var(--fill);color:var(--ink);box-shadow:0 4px 0 var(--rating-lip);overflow-wrap:anywhere;transition:background-color .12s,box-shadow .12s,transform .12s var(--ease)}.rating[data-rating="2"]{--fill:var(--marker);--rating-lip:var(--marker-lip);color:var(--mark-text)}.rating[data-rating="1"]{--fill:var(--lavender);--rating-lip:var(--lavender-lip)}.rating[data-rating="0"]{--fill:var(--pink-wash);--rating-lip:var(--pink-lip);color:var(--rose)}.rating:disabled{opacity:.45;box-shadow:none}.rating:hover:not(:disabled){filter:saturate(1.15) brightness(1.03)}.rating:active:not(:disabled){box-shadow:0 1px 0 var(--rating-lip)}.rating__meter{position:relative;display:block;flex:none;width:24px;height:20px}.rating__meter:after{content:"";bottom:0;left:6px;width:12px;height:10px;border-radius:50% 50% 45% 45%}.rating__meter i,.rating__meter:after{position:absolute;background:currentColor}.rating__meter i{width:7px;height:8px;border-radius:50%;opacity:.22}.rating__meter i:first-child{top:6px;left:0}.rating__meter i:nth-child(2){top:0;left:8.5px}.rating__meter i:nth-child(3){top:6px;right:0}.rating__meter i[data-on]{opacity:1}.rating__label{font-size:1.0625rem;font-weight:900;line-height:1.2}.rating__key{position:absolute;top:.375rem;right:.5rem}@container (max-width: 24rem){.rating__key{display:none}}.countdown{display:inline-flex;align-items:center;gap:.3rem}.countdown i{width:10px;height:9px;border-radius:50% 50% 45% 45%;background:currentColor;opacity:.2}.countdown i[data-on]{opacity:1}.countdown b{margin-left:.375rem;font-family:var(--font-round);font-weight:900}.dock__links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1.5rem;margin-top:.375rem}.phase{position:relative;display:flex;flex-direction:column;align-items:center;padding:.5rem 0;text-align:center}.phase__art{width:200px;height:150px;object-fit:contain}.phase__art--cheer{width:156px;height:208px}@media (max-height:34em){.phase__art{display:none}}.phase__title{margin-top:.75rem;font-size:clamp(1.625rem,4vw + 1rem,2.5rem);font-weight:900;line-height:1.25}.phase__figure{display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.375rem;margin-top:1rem;padding:.375rem 1.25rem;border:3px dashed var(--pink);border-radius:999px;rotate:-2deg}.phase__figure strong{font-family:var(--font-round);font-size:clamp(2.5rem,10vw,3.5rem);font-weight:900;line-height:1;letter-spacing:-.03em}.phase__figure span{color:var(--muted);font-size:1rem;font-weight:800}.phase__list{display:grid;gap:.5rem;max-width:30rem;margin-top:1.125rem;text-align:left}.phase__list li{padding:.625rem .875rem;border:2px solid var(--rule);border-radius:14px;background:var(--card);color:var(--ink-2);line-height:1.55}.confetti{position:absolute;top:-1rem;right:0;left:0;height:18rem;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:0;width:10px;height:10px;opacity:0}.confetti i:nth-child(3n+1){background:var(--marker);clip-path:polygon(50% 0,62% 32%,100% 30%,70% 55%,82% 95%,50% 72%,18% 95%,30% 55%,0 30%,38% 32%)}.confetti i:nth-child(3n+2){background:var(--pink);clip-path:path("M5 9.5S0 6.3 0 3a2.5 2.5 0 0 1 5-.9A2.5 2.5 0 0 1 10 3c0 3.3-5 6.5-5 6.5Z")}.confetti i:nth-child(3n){width:8px;height:8px;border-radius:50%;background:var(--coral)}.confetti i:first-child{left:6%}.confetti i:nth-child(2){left:14%}.confetti i:nth-child(3){left:22%}.confetti i:nth-child(4){left:30%}.confetti i:nth-child(5){left:38%}.confetti i:nth-child(6){left:46%}.confetti i:nth-child(7){left:54%}.confetti i:nth-child(8){left:62%}.confetti i:nth-child(9){left:70%}.confetti i:nth-child(10){left:78%}.confetti i:nth-child(11){left:86%}.confetti i:nth-child(12){left:94%}.confetti i:nth-child(13){left:10%}.confetti i:nth-child(14){left:82%}@media (min-width:48em){.stage{padding-block:2.5rem 5.5rem}.card{padding:2.25rem 2rem 1.75rem}.dock{margin-inline:0;padding-inline:0}.dock__undo{right:0}.phase__art--cheer{width:180px;height:240px}}.reader{width:100%;max-width:48rem;margin-inline:auto;padding:1.75rem var(--edge-r) max(4rem,env(safe-area-inset-bottom)) var(--edge-l)}.reader__head{position:relative;padding:1.75rem 1.25rem 1.25rem;overflow:hidden;border:2px solid var(--outline);border-radius:26px;background:var(--card);box-shadow:0 6px 0 var(--lip),var(--shadow)}.reader__head:before{content:"";position:absolute;top:0;right:0;left:0;height:.75rem;background:linear-gradient(90deg,var(--pink),var(--coral))}.reader__head:after{content:"";position:absolute;top:0;right:1.5rem;width:18px;height:44px;background:var(--marker);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.reader__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .75rem;padding-right:2rem;color:var(--muted);font-size:.8125rem;font-weight:700}.reader__title{margin-top:.75rem;font-family:var(--font-serif);font-size:clamp(2.25rem,7vw + 1rem,4rem);font-weight:400;line-height:1.02;letter-spacing:-.025em;overflow-wrap:break-word}.reader__title-zh{margin-top:.75rem;color:var(--muted);font-size:1.125rem}.reader__facts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.reader__facts div{display:inline-flex;align-items:baseline;gap:.375rem;padding:.25rem .75rem;border-radius:999px;background:var(--paper-2)}.reader__facts dt{color:var(--muted);font-size:.8125rem;font-weight:700}.reader__facts dd{font-family:var(--font-round);font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.reader__tools{display:flex;justify-content:flex-end;padding-top:1.25rem}.toggle{display:inline-flex;align-items:center;gap:.625rem;min-height:2.75rem;padding:.375rem 1rem .375rem .5rem;background:var(--card);box-shadow:0 3px 0 var(--lip);font-size:.9375rem;font-weight:800;transition:background-color .14s,transform .14s var(--ease)}.toggle,.toggle__box{border:2px solid var(--outline);border-radius:999px}.toggle__box{position:relative;width:2.375rem;height:1.375rem;flex:none;background:var(--paper-2)}.toggle__box:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:left .16s var(--ease)}.toggle[aria-pressed=true] .toggle__box{background:var(--marker)}.toggle[aria-pressed=true] .toggle__box:after{left:calc(100% - 16px);background:var(--mark-text)}.text{margin-top:1.75rem}.para{display:grid;grid-template-columns:minmax(0,1fr);padding-block:.5rem 1rem}.para__num{display:inline-grid;justify-self:start;place-items:center;width:1.75rem;height:1.75rem;margin-bottom:.375rem;border-radius:50%;background:var(--lavender);color:var(--ink);font:800 .75rem/1 var(--font-round)}.para__en{font-family:var(--font-serif);font-size:clamp(1.125rem,.95rem + .6vw,1.3125rem);line-height:1.78}.para__toggle{display:inline-flex;justify-self:start;align-items:center;gap:.375rem;min-height:2.75rem;margin-top:.25rem;padding:0 .875rem;border-radius:999px;background:var(--paper-2);color:var(--ink-2);font-size:.875rem;font-weight:800}.para__toggle:before{content:"+";width:1ch;font-family:var(--font-mono)}.para__toggle[aria-expanded=true]:before{content:"−"}.para__toggle:hover{background:var(--lavender);color:var(--ink)}.para__zh{position:relative;margin-top:.375rem;padding:1rem 1.25rem 1.125rem;border-radius:16px 4px 16px 16px;background:linear-gradient(225deg,transparent 16px,var(--lavender) 16.5px)}.para__zh:after{content:"";position:absolute;top:0;right:0;width:22px;height:22px;border-bottom-left-radius:6px;background:linear-gradient(to bottom left,transparent 50%,var(--lavender-lip) 0)}.para__zh>p{color:var(--ink-2);line-height:1.9}.para__keys{display:grid;gap:.25rem;margin-top:.875rem;padding-top:.75rem;border-top:2px dashed var(--lavender-lip);font-size:.9375rem}.para__keys div{display:grid;grid-template-columns:minmax(6rem,38%) minmax(0,1fr);gap:.75rem}.para__keys dt{font-family:var(--font-serif);font-style:italic;overflow-wrap:anywhere}.para__keys dd{color:var(--ink-2)}.finish{margin-top:160px;padding:0 1.25rem 1.5rem;border:2px solid var(--outline);border-radius:26px;background:var(--card);box-shadow:0 6px 0 var(--lip),var(--shadow);text-align:center}.finish__art{display:block;width:200px;height:150px;margin:-136px auto .25rem;object-fit:contain;pointer-events:none}.finish__title{font-size:1.5rem;font-weight:900}.finish .button--wide{max-width:26rem;margin:1.25rem auto .5rem}.finish__next{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1.5rem;margin-top:1.25rem}@media (min-width:48em){.reader{padding-top:2.75rem}.reader__head{padding:2.25rem 2rem 1.75rem}.para{grid-template-columns:3rem minmax(0,1fr);column-gap:1rem}.para__num{grid-row:1;grid-column:1;margin:.35em 0 0}.para>:not(.para__num){grid-column:2}}.login{min-height:100vh;min-height:100dvh}.login,.login__art{display:flex;flex-direction:column}.login__art{order:-1;position:relative;align-items:center;justify-content:center;gap:1rem;min-height:14rem;padding:calc(1.75rem + env(safe-area-inset-top)) var(--edge-r) 3rem var(--edge-l);overflow:hidden;color:#1c1b21;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='%23fff' fill-opacity='.3'%3E%3Cpath d='M18 22c-3 0-5.5 2.4-5.5 4.8 0 1.6 1.3 2.6 2.9 2.6.9 0 1.6-.5 2.6-.5s1.7.5 2.6.5c1.6 0 2.9-1 2.9-2.6 0-2.4-2.5-4.8-5.5-4.8Z'/%3E%3Ccircle cx='11.5' cy='20' r='1.9'/%3E%3Ccircle cx='15' cy='16' r='1.9'/%3E%3Ccircle cx='21' cy='16' r='1.9'/%3E%3Ccircle cx='24.5' cy='20' r='1.9'/%3E%3Cpath d='M52 58s-8-4.6-8-10.2a4.2 4.2 0 0 1 8-1.8 4.2 4.2 0 0 1 8 1.8C60 53.4 52 58 52 58Z'/%3E%3C/g%3E%3C/svg%3E") 0 0 /72px 72px,linear-gradient(160deg,var(--pink),var(--coral))}.login__emblem{width:5.5rem;height:5.5rem;padding:.875rem;border:3px solid #1c1b21;border-radius:50%;background:#fffafc;color:#1c1b21;box-shadow:0 5px 0 rgb(28 27 33/35%)}.specimen{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:24rem}.specimen li{display:inline-flex;padding:.2rem .75rem;border:2px solid #1c1b21;border-radius:999px;background:rgb(255 255 255/88%);rotate:-3deg}.specimen li:nth-child(2n){rotate:2.5deg}.specimen li:nth-child(n+6),.specimen span{display:none}.specimen b{font-family:var(--font-serif);font-size:1.0625rem;font-style:italic;font-weight:400;line-height:1.3}.specimen li[data-mark]{background:var(--marker)}.login__panel{position:relative;z-index:1;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;width:calc(100% - 2 * var(--pad));max-width:30rem;margin:-1.75rem auto 0;padding:1.75rem 1.25rem max(2.5rem,env(safe-area-inset-bottom));border:2px solid var(--outline);border-bottom:0;border-radius:28px 28px 0 0;background:var(--card)}.login__title{margin-top:1.25rem;font-size:clamp(2.25rem,5vw + 1rem,3rem);font-weight:900;line-height:1.1}.login__form{display:grid;gap:.625rem;margin-top:1.75rem}.field__label{font-weight:800}.field__input{width:100%;min-height:3.25rem;padding:.75rem 1rem;border:2px solid var(--outline);border-radius:18px;background:var(--paper);color:var(--ink);font-size:1rem}.field__input[aria-invalid=true]{border-color:var(--rose)}.field__error{display:flex;align-items:flex-start;gap:.5rem;color:var(--rose);font-weight:800}.field__error .icon{margin-top:.125rem}.login__form .button{margin-top:1.25rem}@media (min-width:56em){.login{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.login__art{order:0;padding:3rem}.login__emblem{width:8rem;height:8rem;padding:1.25rem}.specimen li:nth-child(n+6){display:inline-flex}.login__panel{justify-content:center;width:100%;margin:0 auto;border:0;border-radius:0;background:transparent;padding-inline:var(--edge-l) var(--edge-r)}}.settings{padding-top:1.75rem;padding-bottom:max(3rem,env(safe-area-inset-bottom))}.settings>*{max-width:48rem}.settings__title{font-size:clamp(2.25rem,3vw + 1.25rem,2.75rem);font-weight:900;letter-spacing:.04em;line-height:1.1}.settings__form{margin-top:1.5rem}.settings__fields{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.limit{--tint:var(--marker);--tint-text:var(--mark-text);display:grid;justify-items:center;gap:.625rem;padding:1.25rem min(1rem,4vw);border:2px solid var(--outline);border-radius:26px;background:var(--card);box-shadow:0 6px 0 var(--lip),var(--shadow);text-align:center;container-type:inline-size}.limit[data-mode=review]{--tint:var(--lavender);--tint-text:var(--ink)}.limit__label{display:inline-flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:900}.limit__icon{display:grid;flex:none;place-items:center;width:32px;height:32px;border:2px solid var(--outline);border-radius:50%;background:var(--tint);color:var(--tint-text)}.limit__control{display:grid;grid-template-columns:48px minmax(0,7rem) 48px;align-items:center;justify-content:center;justify-self:stretch;gap:8px}.stepper{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--outline);border-radius:50%;background:var(--tint);color:var(--tint-text);box-shadow:0 4px 0 var(--lip);transition:box-shadow .12s,transform .12s var(--ease)}.stepper:active{box-shadow:0 1px 0 var(--lip)}.limit__input{width:100%;min-width:0;min-height:64px;padding:.25rem 2px;border:2px solid var(--outline);border-radius:20px;background:var(--paper);color:var(--ink);font:900 2.5rem/1 var(--font-round);font-size:min(2.5rem,18cqi);letter-spacing:-.02em;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.limit__input[aria-invalid=true]{border-color:var(--rose)}@container (width < 176px){.limit__control{grid-template:"value value" auto "less more" auto/minmax(0,1fr) minmax(0,1fr);row-gap:12px}.limit__input{grid-area:value;font-size:min(2.5rem,34cqi)}.stepper{grid-area:less;justify-self:center}.stepper:last-child{grid-area:more}}.limit__hint{padding:.125rem .75rem;border-radius:1rem;background:var(--paper-2);color:var(--muted);font-size:.8125rem;font-weight:750}.limit__today{color:var(--ink-2);font-size:.875rem;line-height:1.55}.limit .field__error{justify-content:center}.limit .note{flex-wrap:wrap;align-items:center;justify-self:stretch;margin-top:.25rem;text-align:left}.limit .note p{flex:1 1 14rem;min-width:0}.settings__actions{display:grid;gap:.5rem;max-width:26rem;margin-top:2rem}.settings__dirty{color:var(--muted);font-size:.875rem}@media (min-width:48em){.settings{padding-top:2.75rem}.settings__fields{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}}.solo{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:34rem;min-height:100vh;min-height:100dvh;margin-inline:auto;padding:max(2rem,env(safe-area-inset-top)) var(--edge-r) max(2rem,env(safe-area-inset-bottom)) var(--edge-l);text-align:center}.solo__emblem{width:6rem;height:6rem;margin-top:2.5rem;padding:1rem;border:3px solid var(--outline);border-radius:50%;background:linear-gradient(160deg,var(--pink),var(--coral));color:#1c1b21;box-shadow:0 5px 0 var(--lip)}.solo__art{width:220px;height:165px;margin-top:2rem;object-fit:contain}.solo__kicker{margin-top:1.5rem;color:var(--rose);font:800 .75rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.solo__title{margin-top:.75rem;font-size:clamp(2rem,5vw + 1rem,2.75rem);font-weight:900;line-height:1.2}.solo__text{margin-top:1rem;color:var(--ink-2);line-height:1.7}.solo__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.75rem}@media (prefers-color-scheme:dark){.vocab{background:none;color:var(--marker);-webkit-text-decoration:underline 1px;text-decoration:underline 1px;text-underline-offset:.22em}.trail{background:rgb(255 255 255/14%)}.tile[data-primary] .trail{background:rgb(22 20 27/18%)}}@keyframes rise{0%{opacity:0;transform:translateY(.5rem)}}@keyframes slide-in{0%{opacity:0;transform:translateX(1rem)}}@keyframes marker{0%{background-size:0 var(--mark-band)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.25}}@keyframes peek{0%{opacity:0;transform:translateY(18px) scale(.94)}}@keyframes hop{0%{opacity:0;transform:translateY(18px) scale(.92)}60%{opacity:1;transform:translateY(-6px) scale(1.02)}to{transform:none}}@keyframes float-up{0%{opacity:0;transform:translate(-50%,6px) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-24px) scale(1)}}@keyframes fall{0%{opacity:0;transform:translateY(-16px) rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(17rem) rotate(260deg)}}@keyframes twitch{0%,to{transform:rotate(0)}30%{transform:rotate(-6deg)}65%{transform:rotate(4deg)}}@media (prefers-reduced-motion:no-preference){.dress,.hello__top,.login__panel,.phase,.reader__head,.settings__form,.settings__head,.solo>*,.stickers,.storybook{animation:rise .32s var(--ease) both}.dress,.settings__form{animation-delay:60ms}.storybook{animation-delay:.11s}.stickers{animation-delay:.15s}.hello__art img{animation:peek .56s var(--spring) .12s both}.card__word{animation:slide-in .26s var(--ease) both}.answer,.para__zh,.ratings{animation:rise .2s var(--ease) both}.answer__gloss mark,.answer__glosses mark{animation:marker .46s var(--ease) .1s both}.spinner{animation:spin .7s linear infinite}.dock[data-busy]:before{animation:pulse .9s ease-in-out infinite}.buddy__pop{animation:float-up .9s ease-out both}.phase__art--cheer{animation:hop .64s var(--spring) both}.confetti i{animation:fall 1.8s var(--ease) both}.confetti i:nth-child(2n){animation-delay:.18s}.confetti i:nth-child(3n){animation-delay:.32s;animation-duration:2.1s}.confetti i:nth-child(5n){animation-delay:.46s}:is(.button--ears,.tile[data-primary]):is(:hover,:focus-visible):after,:is(.button--ears,.tile[data-primary]):is(:hover,:focus-visible):before{animation:twitch .42s ease-in-out}:is(.button,.rating,.toggle,.tile,.stepper):active:not(:disabled){transform:translateY(3px)}@media (hover:hover){.storybook:hover,.tile:hover{transform:translateY(-2px)}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition-duration:.01ms!important}}