@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #fbf4ec;--bg-2: #f3e5d7;--floor: #ebd9c6;--ink: #3b2f2a;--ink-2: rgba(59, 47, 42, .68);--ink-3: rgba(59, 47, 42, .46);--line: rgba(59, 47, 42, .09);--hover: rgba(59, 47, 42, .06);--accent: #e8735a;--accent-soft: rgba(232, 115, 90, .16);--on-ink: #fff8f1;--rec: #e0473f;--focus: #e8735a;--glass: rgba(255, 250, 245, .7);--glass-strong: rgba(255, 251, 247, .94);--glass-edge: rgba(255, 255, 255, .75);--shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 14px 34px -16px rgba(94, 67, 52, .32), 0 2px 8px -3px rgba(94, 67, 52, .12);--shadow-lg: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 30px 60px -24px rgba(94, 67, 52, .38), 0 6px 18px -8px rgba(94, 67, 52, .16);--font-display: "Fredoka Variable", "Fredoka", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--font-ui: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--tap: 44px;--edge: 20px;--dock-bottom: 40px;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--plush: #f1a8b7;--plush-light: #fbd6de;--plush-dark: #cb7287}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{overflow:hidden;overscroll-behavior:none;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%) fixed;color:var(--ink);font-family:var(--font-ui);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}button,a{font:inherit;color:inherit}button{-webkit-appearance:none;appearance:none;border:0;margin:0;padding:0;background:none;cursor:pointer;touch-action:manipulation}:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab;outline:none}body.is-grabbing #stage{cursor:grabbing}body.tool-brush #stage{cursor:none}#stage:focus-visible{outline:2.5px solid var(--focus);outline-offset:-6px}.ui{position:fixed;inset:0;z-index:2;pointer-events:none;user-select:none;-webkit-user-select:none}.ui>*{pointer-events:auto}.glass,.top-actions,.dock-panels,.tools,.menu,.toast,.rec-badge{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25)}.ico{width:22px;height:22px;flex:none;display:block}.icon-btn,.chip,.swatch,.seg-btn,.tab,.btn,.mi{transition:transform .32s var(--ease-spring),background-color .2s var(--ease-out),color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.icon-btn:active,.chip:active,.seg-btn:active,.tab:active,.btn:active{transform:scale(.9);transition-duration:.08s}.swatch:active .swatch-dot{transform:scale(.82);transition-duration:.08s}.topbar{position:absolute;top:calc(var(--safe-t) + 16px);left:calc(var(--safe-l) + var(--edge));right:calc(var(--safe-r) + var(--edge));display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;flex:none;white-space:nowrap;gap:9px;height:var(--tap);padding:0 4px}.brand-mark{width:28px;height:28px;overflow:visible}.brand-mark path:first-child{fill:var(--plush);stroke:var(--ink);stroke-width:2;transition:fill .4s var(--ease-out)}.brand-mark circle{fill:var(--ink)}.brand-mark path:last-child{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round}.brand:hover .brand-mark{animation:wobble .7s var(--ease-out)}.wordmark{font-family:var(--font-display);font-weight:600;font-size:23px;letter-spacing:-.015em;line-height:1;color:var(--ink);font-variation-settings:"wdth" 100}.top-actions{display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px}.top-buttons{display:flex;align-items:center;gap:2px}.counter{display:inline-flex;align-items:center;height:36px;padding:0 12px;margin-right:2px;border-right:1px solid var(--line);font-size:13px;font-weight:560;font-variant-numeric:tabular-nums;letter-spacing:-.005em;color:var(--ink-2);white-space:nowrap}.counter.is-bump{animation:bump .36s var(--ease-spring)}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:var(--tap);height:var(--tap);border-radius:999px;color:var(--ink)}.icon-btn[aria-pressed=true],.share-btn[aria-expanded=true]{background:var(--ink);color:var(--on-ink)}.share{position:relative}.share-btn .ring{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);opacity:0;transition:opacity .2s}.share-btn.is-recording .ring{opacity:1}.ring{overflow:visible;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:2}.ring-bg{stroke:#e0473f29}.ring-fg{stroke:var(--rec);stroke-linecap:round;transition:stroke-dashoffset .1s linear}.menu{position:absolute;top:calc(100% + 12px);right:-4px;z-index:5;min-width:232px;padding:6px;border-radius:20px;background:var(--glass-strong);box-shadow:var(--shadow-lg);transform-origin:calc(100% - 26px) -6px;opacity:0;transform:translateY(-6px) scale(.96);transition:opacity .18s var(--ease-out),transform .32s var(--ease-spring)}.menu.is-open{opacity:1;transform:none}.mi{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--tap);padding:0 10px 0 12px;border-radius:14px;font-size:14px;font-weight:520;letter-spacing:-.005em;text-align:left;text-decoration:none;color:var(--ink);cursor:pointer}.mi .ico{width:20px;height:20px;color:var(--ink-2)}.mi-label{flex:1}.mi kbd{font-family:var(--font-ui);font-size:11px;font-weight:600;line-height:1;color:var(--ink-3);padding:4px 6px;border-radius:6px;border:1px solid var(--line);background:#fff9}.mi:active{transform:scale(.97)}.mi-rec{position:relative;width:20px;height:20px;flex:none}.mi-rec .ring{position:absolute;inset:-3px;width:26px;height:26px;opacity:0}.mi-rec .ico{color:var(--rec);transition:transform .3s var(--ease-spring)}.mi.is-recording{cursor:default;color:var(--rec)}.mi.is-recording .ring{opacity:1}.mi.is-recording .mi-rec .ico{transform:scale(.62)}.mi.is-recording kbd{visibility:hidden}.rec-badge{position:absolute;left:50%;top:4px;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink);animation:drop-in .4s var(--ease-spring)}.rec-dot{width:9px;height:9px;border-radius:50%;background:var(--rec);box-shadow:0 0 #e0473f80;animation:rec-pulse 1.2s ease-out infinite}.rec-time{min-width:2ch;color:var(--ink-3);font-variant-numeric:tabular-nums}.dock{position:absolute;left:50%;bottom:calc(var(--safe-b) + var(--dock-bottom));transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 2 * var(--edge));pointer-events:none}.dock>*{pointer-events:auto}.dock-tabs{display:none}.dock-panels{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:28px}.group{display:flex;align-items:center;gap:4px}.group-colors{gap:0}.sep{width:1px;height:24px;margin:0 4px;background:var(--line);flex:none}.chip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border-radius:50%;color:var(--ink-2);flex:none}.chip-char .face{width:32px;height:32px;overflow:visible;transition:transform .35s var(--ease-spring)}.face-fill{fill:var(--plush);stroke:var(--ink);stroke-width:1.5;paint-order:stroke;transition:fill .4s var(--ease-out)}.face-inner{fill:var(--plush-dark);opacity:.45}.face-white{fill:#fff}.face-eye{fill:var(--ink)}.face-cheek{fill:#f08f86;opacity:.45}.face-mouth{fill:none;stroke:var(--ink);stroke-width:1.3;stroke-linecap:round}.chip-char[aria-pressed=true]{background:#fff;box-shadow:0 0 0 2px var(--ink) inset,0 6px 14px -8px #5e433473}.chip-acc[aria-pressed=true]{background:var(--ink);color:var(--on-ink);box-shadow:0 6px 14px -8px #3b2f2a99}.swatch{display:inline-flex;align-items:center;justify-content:center;width:30px;height:var(--tap);flex:none;border-radius:999px}.swatch-dot{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 34% 30%,var(--sw-light) 0 18%,transparent 62%),var(--sw);box-shadow:0 0 0 1px #3b2f2a1f inset,0 3px 6px -3px var(--sw-dark);transition:transform .32s var(--ease-spring),box-shadow .2s var(--ease-out)}.swatch[aria-pressed=true] .swatch-dot{transform:scale(1.06);box-shadow:0 0 0 2.5px var(--glass-strong),0 0 0 4.5px var(--ink),0 4px 10px -4px var(--sw-dark)}.is-pop{animation:pop .42s var(--ease-spring)}.swatch.is-pop{animation:none}.swatch.is-pop .swatch-dot{animation:pop .42s var(--ease-spring)}.tools{display:flex;align-items:center;gap:4px;padding:6px;border-radius:28px}.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:999px;background:var(--hover)}.seg:before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:#fff;box-shadow:0 1px #ffffffe6 inset,0 4px 10px -4px #5e433459;transition:transform .42s var(--ease-spring)}.tools[data-active=brush] .seg:before{transform:translate(100%)}.seg-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:96px;height:38px;padding:0 14px 0 12px;border-radius:999px;font-size:13.5px;font-weight:580;letter-spacing:-.005em;color:var(--ink-2)}.seg-btn .ico{width:20px;height:20px}.seg-btn[aria-pressed=true]{color:var(--ink)}.fluff{padding:0 14px 0 12px;font-size:13.5px;font-weight:580;color:var(--ink)}.fluff .ico{width:20px;height:20px}.fluff:active .ico,.fluff.is-pulse .ico{animation:spin-pop .6s var(--ease-spring)}@media(hover:hover){.icon-btn:not([aria-pressed=true]):not([aria-expanded=true]):hover,.chip:not([aria-pressed=true]):hover,.mi:hover,.tab:not([aria-selected=true]):hover{background:var(--hover)}.chip-char:hover .face{transform:translateY(-2px) rotate(-4deg)}.swatch:hover .swatch-dot{transform:scale(1.12)}.swatch[aria-pressed=true]:hover .swatch-dot{transform:scale(1.06)}.seg-btn:not([aria-pressed=true]):hover{color:var(--ink)}.btn-primary:hover{background:#2c231f}.btn-ghost:hover{background:var(--hover);color:var(--ink)}}.credit{position:absolute;right:calc(var(--safe-r) + var(--edge));bottom:calc(var(--safe-b) + 12px);margin:0;font-size:11.5px;font-weight:500;letter-spacing:.005em;color:var(--ink-3);white-space:nowrap;pointer-events:auto;user-select:text;-webkit-user-select:text}.toasts{position:absolute;left:50%;bottom:calc(var(--safe-b) + var(--dock-bottom) + 76px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);pointer-events:none}.toast{padding:10px 16px;border-radius:999px;background:var(--ink);border-color:transparent;color:var(--on-ink);font-size:13.5px;font-weight:540;letter-spacing:-.005em;text-align:center;box-shadow:0 14px 30px -14px #3b2f2a99;opacity:0;transform:translateY(14px) scale(.96);transition:opacity .22s var(--ease-out),transform .42s var(--ease-spring)}.toast.is-in{opacity:1;transform:none}.toast.is-out{opacity:0;transform:translateY(-6px) scale(.98);transition-duration:.28s}.ob{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:16px;pointer-events:auto}.ob-scrim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#fbf4ec26,#f3e5d78c);opacity:0;transition:opacity .3s var(--ease-out)}.ob-card{position:relative;width:min(372px,100%);padding:10px 10px 14px;border-radius:30px;background:var(--glass-strong);border:1px solid var(--glass-edge);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);opacity:0;transform:translateY(18px) scale(.97);transition:opacity .24s var(--ease-out),transform .5s var(--ease-spring);outline:none}.ob.is-open .ob-scrim,.ob.is-open .ob-card{opacity:1;transform:none}.ob.is-leaving .ob-card{transform:translateY(8px) scale(.98)}.ob-stage{height:168px;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.9),transparent 70%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);box-shadow:0 0 0 1px var(--line) inset}.ob-scene{display:block;width:100%;height:100%;color:var(--ink)}.ob-copy{padding:16px 10px 4px}.ob-card.is-stepping .ob-copy{animation:fade-up .42s var(--ease-out)}.ob-count{display:block;font-size:11px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.ob-title{margin:6px 0 4px;font-family:var(--font-display);font-weight:600;font-size:28px;line-height:1.1;letter-spacing:-.015em}.ob-body{margin:0;min-height:3em;font-size:14.5px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}.ob-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 4px 0 10px}.ob-dots{display:flex;gap:6px}.ob-dot{width:6px;height:6px;border-radius:999px;background:#3b2f2a29;transition:width .36s var(--ease-spring),background-color .2s}.ob-dot.is-on{width:20px;background:var(--ink)}.ob-actions{display:flex;gap:4px}.btn{display:inline-flex;align-items:center;justify-content:center;height:var(--tap);padding:0 18px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:-.005em;white-space:nowrap}.btn-primary{background:var(--ink);color:var(--on-ink);padding:0 22px;box-shadow:0 10px 20px -12px #3b2f2ab3}.btn-ghost{color:var(--ink-2)}.ob-shadow{fill:#5e433421}.ob-skin,.ob-ear{fill:var(--plush);stroke:var(--ink);stroke-width:2.2;stroke-linejoin:round;transition:fill .4s}.ob-eye{fill:var(--ink)}.ob-cheek{fill:#f08f86;opacity:.45}.ob-mouth{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}.ob-fur path{fill:none;stroke:var(--plush-dark);stroke-width:2.4;stroke-linecap:round;opacity:.75;transform-box:fill-box;transform-origin:50% 100%;transform:rotate(-24deg)}.ob-sparkles path{fill:var(--accent);transform-box:fill-box;transform-origin:center;opacity:0}.ob-wall{stroke:#3b2f2a24;stroke-width:2;stroke-dasharray:3 6;stroke-linecap:round}.ob-blob,.ob-mover{transform-box:fill-box;transform-origin:50% 100%}.ob-hand{color:var(--ink)}.ob-hand-inner{transform-box:fill-box;transform-origin:40% 10%}.ob-hand-pos{filter:drop-shadow(0 4px 4px rgba(59,47,42,.16))}.ob-scene--squeeze .ob-hand-pos{transform:translate(106px,64px)}.ob-scene--squeeze .ob-blob{transform:scale(1.08,.9)}.ob-scene--fling .ob-hand-pos{transform:translate(64px,56px)}.ob-scene--fling .ob-mover{transform:translate(-40px,-22px) rotate(-6deg)}.ob-scene--brush .ob-hand-pos{transform:translate(118px,70px)}.ob-scene--brush .ob-fur path{transform:rotate(30deg)}.ob-scene--squeeze .ob-hand-pos{animation:ob-sq-hand 2.6s var(--ease-out) infinite}.ob-scene--squeeze .ob-hand-inner{animation:ob-sq-press 2.6s var(--ease-out) infinite}.ob-scene--squeeze .ob-blob{animation:ob-sq-blob 2.6s ease-out infinite}.ob-scene--squeeze .ob-shadow{animation:ob-sq-shadow 2.6s ease-out infinite;transform-box:fill-box;transform-origin:center}.ob-scene--fling .ob-hand-pos{animation:ob-fl-hand 3s var(--ease-out) infinite}.ob-scene--fling .ob-mover{animation:ob-fl-mover 3s infinite}.ob-scene--fling .ob-blob{animation:ob-fl-blob 3s infinite}.ob-scene--brush .ob-hand-pos{animation:ob-br-hand 1.3s ease-in-out infinite alternate}.ob-scene--brush .ob-fur path{animation:ob-br-fur 1.3s ease-in-out infinite alternate}.ob-scene--brush .ob-fur path:nth-child(2n){animation-delay:.08s}.ob-scene--brush .ob-sparkles path{animation:twinkle 1.3s ease-in-out infinite}.ob-scene--brush .ob-sparkles path:nth-child(2){animation-delay:.65s}@keyframes ob-sq-hand{0%,to{transform:translate(128px,30px)}22%{transform:translate(106px,58px)}32%,62%{transform:translate(106px,68px)}80%{transform:translate(128px,30px)}}@keyframes ob-sq-press{0%,22%,72%,to{transform:scale(1)}32%,62%{transform:scale(.9)}}@keyframes ob-sq-blob{0%,24%,to{transform:scale(1)}34%,62%{transform:scale(1.13,.84)}71%{transform:scale(.94,1.08)}80%{transform:scale(1.03,.97)}88%{transform:scale(1)}}@keyframes ob-sq-shadow{0%,24%,88%,to{transform:scale(1)}34%,62%{transform:scaleX(1.16)}}@keyframes ob-fl-hand{0%{transform:translate(122px,50px);opacity:1}12%{transform:translate(104px,74px);opacity:1}36%{transform:translate(64px,52px);opacity:1}44%{transform:translate(92px,44px);opacity:1}54%{transform:translate(100px,42px);opacity:0}86%{transform:translate(122px,50px);opacity:0}to{transform:translate(122px,50px);opacity:1}}@keyframes ob-fl-mover{0%,12%{transform:translate(0) rotate(0);animation-timing-function:var(--ease-out)}36%{transform:translate(-40px,-22px) rotate(-6deg);animation-timing-function:cubic-bezier(.5,0,.9,.6)}50%{transform:translate(58px,-8px) rotate(10deg);animation-timing-function:var(--ease-out)}74%{transform:translate(0) rotate(-3deg)}84%,to{transform:translate(0) rotate(0)}}@keyframes ob-fl-blob{0%,46%,to{transform:scale(1)}50%{transform:scale(.8,1.1)}58%{transform:scale(1.08,.95)}66%,74%{transform:scale(1)}78%{transform:scale(1.1,.88)}86%{transform:scale(.97,1.04)}}@keyframes ob-br-hand{0%{transform:translate(76px,64px) rotate(-6deg)}to{transform:translate(132px,60px) rotate(6deg)}}@keyframes ob-br-fur{0%{transform:rotate(-30deg)}to{transform:rotate(30deg)}}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.22)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes bump{0%{transform:translateY(0)}40%{transform:translateY(-2px) scale(1.04)}to{transform:none}}@keyframes spin-pop{0%{transform:rotate(0) scale(1)}50%{transform:rotate(90deg) scale(1.2)}to{transform:rotate(180deg) scale(1)}}@keyframes wobble{0%,to{transform:none}30%{transform:scale(1.12,.88)}55%{transform:scale(.94,1.06)}80%{transform:scale(1.03,.98)}}@keyframes rec-pulse{0%{box-shadow:0 0 #e0473f80}to{box-shadow:0 0 0 8px #e0473f00}}@keyframes drop-in{0%{opacity:0;transform:translate(-50%,-8px) scale(.95)}to{opacity:1;transform:translate(-50%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:1180px){.seg-btn{min-width:var(--tap);padding:0;width:var(--tap)}.seg-label,.fluff-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.fluff{padding:0;width:var(--tap)}}@media(max-width:860px){:root{--edge: 12px;--dock-bottom: 30px}.topbar{top:calc(var(--safe-t) + 10px)}.wordmark{font-size:21px}.brand{align-self:flex-start}.top-actions{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.top-buttons{padding:4px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25)}.counter{position:absolute;left:4px;top:calc(100% - 6px);height:auto;padding:0;margin:0;border:0;font-size:12.5px;color:var(--ink-3)}.rec-badge{top:calc(100% + 12px)}.mi kbd{display:none}.dock{left:calc(var(--safe-l) + var(--edge));right:calc(var(--safe-r) + var(--edge));transform:none;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"panels panels" "tabs tools";gap:0;padding:6px;border-radius:26px;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25)}.dock-panels{grid-area:panels;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:2px 0 6px;margin:0 0 6px;border-radius:0;border-bottom:1px solid var(--line);justify-content:center;min-width:0}.dock-panels .sep{display:none}.dock .group{display:none;max-width:100%;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:6px}.dock .group::-webkit-scrollbar{display:none}.dock[data-tab=char] [data-panel=char],.dock[data-tab=color] [data-panel=color],.dock[data-tab=wear] [data-panel=wear]{display:flex;animation:fade-up .3s var(--ease-out)}.dock .group-colors{gap:0}.swatch{width:40px}.swatch-dot{width:26px;height:26px}.dock-tabs{grid-area:tabs;display:flex;align-items:center;gap:2px;min-width:0}.tab{flex:0 1 auto;min-width:0;height:var(--tap);padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab[aria-selected=true]{color:var(--ink);background:var(--hover)}.tools{grid-area:tools;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;gap:2px}.seg{padding:0}.seg:before{top:0;bottom:0;left:0;width:50%}.seg-btn{height:var(--tap)}.credit{left:0;right:0;bottom:calc(var(--safe-b) + 8px);text-align:center;font-size:11px}.toasts{bottom:calc(var(--safe-b) + var(--dock-bottom) + 128px)}.menu{right:-4px}}@media(max-width:400px){.tab{padding:0 9px;font-size:12.5px}}@media(max-width:352px){.wordmark{font-size:19px}.tab{padding:0 7px}}@media(hover:none){.mi kbd{display:none}}@media(max-height:520px)and (orientation:landscape){:root{--dock-bottom: 26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.ob-scene *,.is-pop,.is-bump,.is-pop .swatch-dot{animation:none!important}.ob-scene--brush .ob-sparkles path{opacity:1}.rec-dot{animation:none!important;box-shadow:0 0 0 3px #e0473f33}}
