.cat{--cat-ease:cubic-bezier(.2, .7, .2, 1);--cat-pop:cubic-bezier(.3, 1.6, .5, 1);--cat-card:#fff;--cat-card-2:color-mix(in srgb, var(--cat-bg) 55%, #fff);--cat-line:#002e271c;--cat-rule:color-mix(in srgb, var(--color-fx-dim) 38%, transparent);--cat-ink:var(--color-jungle-green);--cat-on-ink:var(--color-brand-powder);--cat-shadow:0 1px 2px #002e270f, 0 14px 34px -16px #002e273d;--cat-ok-bg:#00bf6f29;--cat-ok-ink:#006b43;--cat-warn-bg:#f7900929;--cat-warn-ink:#8a4b06;--cat-bad-bg:#f0443821;--cat-bad-ink:#a8200f;--cat-sec-bg:#7c68e629;--cat-sec-ink:#3d2f8f;--color-fx-fg:var(--color-jungle-green);--color-fx-accent:#006b43}[data-theme=dark] .cat{--cat-card:color-mix(in srgb, var(--cat-bg), #fff 6%);--cat-card-2:color-mix(in srgb, var(--cat-bg), #fff 10%);--cat-line:#eaf3ef1c;--cat-ink:var(--color-pastel-green);--cat-on-ink:var(--color-jungle-green);--cat-shadow:0 1px 2px #0006, 0 18px 38px -16px #000000a6;--cat-ok-bg:#00bf6f33;--cat-ok-ink:#8fe7b5;--cat-warn-bg:#f7900933;--cat-warn-ink:#f7c46c;--cat-bad-bg:#f0443833;--cat-bad-ink:#ff9e92;--cat-sec-bg:#9682ff38;--cat-sec-ink:#cfc6ff;--color-fx-fg:var(--color-brand-powder);--color-fx-accent:var(--color-pastel-green)}.cat-tone-hero{--cat-bg:#f8f1ec;--cat-glow:#f5d5c3;--cat-glow-2:#e4daf6;--color-fx-line:#eadbd2;--color-fx-dim:#5f4f57}.cat-tone-cream{--cat-bg:#fbf6e6;--cat-glow:#f3e4b0;--color-fx-line:#e3d8b9;--color-fx-dim:#5f5a44}.cat-tone-mint{--cat-bg:#eef7f1;--cat-glow:#c4ecd6;--color-fx-line:#cfe2d6;--color-fx-dim:#4d655b}.cat-tone-sky{--cat-bg:#eef4fc;--cat-glow:#c7defb;--color-fx-line:#d3dfee;--color-fx-dim:#4f5f72}.cat-tone-lilac{--cat-bg:#f4f1fc;--cat-glow:#d9d0fa;--color-fx-line:#ddd6f1;--color-fx-dim:#5d5873}.cat-tone-green{--cat-bg:#e9f7ef;--cat-glow:#c3efd6;--color-fx-line:#cbe5d6;--color-fx-dim:#4d655b}.cat-tone-peach{--cat-bg:#fcf4ec;--cat-glow:#f8d9be;--color-fx-line:#ecdccb;--color-fx-dim:#6b5947}.cat-tone-plain{--cat-bg:#f5f7f6;--cat-glow:#e6eeea;--color-fx-line:#dbe3df;--color-fx-dim:#4f6b66}[data-theme=dark] .cat-tone-hero{--cat-bg:#1a1418;--cat-glow:#4a2a3d;--cat-glow-2:#2c2346;--color-fx-line:#3a2d35;--color-fx-dim:#cdbec6}[data-theme=dark] .cat-tone-cream{--cat-bg:#1b1912;--cat-glow:#4a4220;--color-fx-line:#3d3828;--color-fx-dim:#cdc6ad}[data-theme=dark] .cat-tone-mint{--cat-bg:#0f1f19;--cat-glow:#1d5141;--color-fx-line:#2c4439;--color-fx-dim:#b8cbc1}[data-theme=dark] .cat-tone-sky{--cat-bg:#0f1a26;--cat-glow:#1f3d66;--color-fx-line:#2a3a4e;--color-fx-dim:#b6c3d3}[data-theme=dark] .cat-tone-lilac{--cat-bg:#17141f;--cat-glow:#3b3166;--color-fx-line:#3a3350;--color-fx-dim:#c4bdd8}[data-theme=dark] .cat-tone-green{--cat-bg:#0b231b;--cat-glow:#1d5141;--color-fx-line:#2a4a3c;--color-fx-dim:#b8cbc1}[data-theme=dark] .cat-tone-peach{--cat-bg:#1d1712;--cat-glow:#5b3618;--color-fx-line:#43362a;--color-fx-dim:#d4c3b1}[data-theme=dark] .cat-tone-plain{--cat-bg:#111f1c;--cat-glow:#1d3a32;--color-fx-line:#2a3c37;--color-fx-dim:#b8cbc1}.cat-stage{background:linear-gradient(160deg, color-mix(in srgb, var(--cat-glow) 70%, var(--cat-card)) 0%, var(--cat-card) 78%)}.cat-card{border:1px solid var(--cat-line);background:var(--cat-card);box-shadow:var(--cat-shadow);border-radius:18px}@keyframes cat-rise{0%{transform:translateY(36px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.cat-rise{animation:linear backwards cat-rise;animation-timeline:view();animation-range:entry entry 75%}}}.cat-tag{font:600 12px / 1 var(--font-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:6px 9px;display:inline-flex}.cat-tag-ok{background:var(--cat-ok-bg);color:var(--cat-ok-ink)}.cat-tag-warn{background:var(--cat-warn-bg);color:var(--cat-warn-ink)}.cat-tag-bad{background:var(--cat-bad-bg);color:var(--cat-bad-ink)}.cat-tag-sec{background:var(--cat-sec-bg);color:var(--cat-sec-ink)}.cat-tag-neutral{background:var(--cat-card-2);color:var(--color-fx-dim);box-shadow:inset 0 0 0 1px var(--cat-line)}.cat-switch{background:var(--cat-rule);border-radius:999px;flex:none;width:34px;height:20px;transition:background-color .25s;position:relative}.cat-switch:after{content:"";width:16px;height:16px;transition:transform .25s var(--cat-ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}[aria-checked=true]>.cat-switch,[data-checked]>.cat-switch{background:var(--color-green)}[aria-checked=true]>.cat-switch:after,[data-checked]>.cat-switch:after{transform:translate(14px)}.cat-radio{border:2px solid var(--cat-rule);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin-top:2px;display:grid}[aria-pressed=true]>.cat-radio{border-color:var(--cat-ink)}[aria-pressed=true]>.cat-radio:after{content:"";background:var(--cat-ink);border-radius:50%;width:8px;height:8px}.cat-stack{display:grid}.cat-stack>*{min-width:0;transition:opacity .35s, transform .45s var(--cat-ease), visibility 0s;grid-area:1/1}.cat-stack>[data-on=false]{opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s .2s;transform:translateY(8px)}@keyframes cat-pop{0%{opacity:0;transform:scale(.5)}}@keyframes cat-in{0%{opacity:0;transform:translateY(8px)}}.cat-hero{--cat-rig:#1c1419;--cat-rig-back:#251a24;background:radial-gradient(55% 60% at 88% 18%, color-mix(in srgb, var(--cat-glow) 70%, transparent), transparent 70%), radial-gradient(40% 50% at 62% 96%, color-mix(in srgb, var(--cat-glow-2) 75%, transparent), transparent 70%), var(--cat-bg)}.cat-ha-camera{transform-origin:50% 90%;animation:cat-ha-camera 1.2s var(--cat-ease) backwards}.cat-ha-identity{animation:cat-ha-in .9s var(--cat-ease) .2s backwards}.cat-ha-lead{animation:1s cubic-bezier(.4,0,.2,1) .6s backwards cat-ha-trace}.cat-ha-card{z-index:1;color:#2a1a28;animation:cat-ha-paper 1.1s var(--cat-ease) .4s backwards;background:linear-gradient(160deg,#fffdfa,#f6eef3);border:1px solid #fff;border-radius:16px;padding:14px 18px;position:relative;transform:rotate(3.5deg);box-shadow:0 1px 2px #28141e14,0 26px 46px -24px #28141e73}[data-theme=dark] .cat-hero{--cat-rig:#a8949f;--cat-rig-back:#4a3a46}[data-theme=dark] .cat-ha-card{box-shadow:0 1px 2px #0006,0 30px 50px -22px #000000bf}.cat-ha-row>*{animation:cat-ha-rise .5s var(--cat-ease) calc(1.3s + var(--i) * .6s) backwards}.cat-ha-dot{display:block}.cat-ha-chip{animation:cat-pop .4s var(--cat-pop) calc(3.1s + var(--i) * .12s) backwards}.cat-ha-proof{animation:cat-ha-rise .5s var(--cat-ease) 3.8s backwards}.cat-ha-flash{opacity:0;animation:.7s ease-out .7s cat-ha-flash}.cat-ha-beam{animation:.9s .75s backwards cat-ha-show}.cat-ha-swatch{stroke-dasharray:100;animation:cat-ha-brush .55s cubic-bezier(.5, 0, .3, 1) calc(1.4s + var(--i) * .3s) backwards}.cat-ha-tag{transform-box:view-box;transform-origin:187px 146px;animation:cat-ha-swing 1s var(--cat-pop) 2.4s backwards}@keyframes cat-ha-camera{0%{transform:translateY(10px)scale(.97)}}@keyframes cat-ha-in{0%{transform:translate(18px)}}@keyframes cat-ha-trace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes cat-ha-paper{0%{opacity:0;transform:translate(26px,18px)rotate(3.5deg)}}@keyframes cat-ha-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes cat-ha-show{0%{opacity:0}}@keyframes cat-ha-flash{12%{opacity:.6}to{opacity:0}}@keyframes cat-ha-brush{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes cat-ha-swing{0%{opacity:0;transform:rotate(-40deg)}40%{opacity:1}}@media not (min-width:768px){.cat-ha-card{transform:rotate(2deg)}@keyframes cat-ha-paper{0%{opacity:0;transform:translate(18px,14px)rotate(2deg)}}}.cat-bottle{--w:26px;width:var(--w);height:calc(var(--w) * 1.9);margin-top:calc(var(--w) * .5);border-radius:calc(var(--w) * .26);background:linear-gradient(90deg, color-mix(in srgb, var(--tint) 70%, #1d0f1c), color-mix(in srgb, var(--tint) 70%, #fff) 35%, var(--tint) 70%, color-mix(in srgb, var(--tint) 70%, #1d0f1c));flex:none;display:block;position:relative;box-shadow:0 6px 10px -6px #1d0f1c80}.cat-bottle:before{content:"";width:52%;height:calc(var(--w) * .46);background:linear-gradient(90deg,#1f1220,#5a3a57 40%,#1f1220);border-radius:3px 3px 1px 1px;position:absolute;bottom:100%;left:24%}.cat-bottle:after{content:"";background:#fffaf3;border-radius:2px;height:36%;position:absolute;top:36%;left:15%;right:15%}.cat-ch-surface{border:1px solid var(--cat-line);background:var(--cat-card);min-width:0;box-shadow:var(--cat-shadow);transition:filter .4s, transform .5s var(--cat-ease);border-radius:16px;position:relative;overflow:hidden}.cat-ch-surface[data-live=false]{filter:saturate(0);transform:scale(.97)}.cat-ch-chrome{border-bottom:1px solid var(--cat-line);background:var(--cat-card-2);font:600 12px / 1.3 var(--font-secondary);color:var(--color-fx-dim);align-items:center;gap:7px;padding:8px 14px;display:flex}.cat-ch-chrome i{flex:none;display:block}[data-kind=web] .cat-ch-chrome i{background-color:#0000;background-image:radial-gradient(circle,#f26b5b 2.5px,#0000 3px),radial-gradient(circle,#f5b83d 2.5px,#0000 3px),radial-gradient(circle,#46c36f 2.5px,#0000 3px);background-position:0 0,8px 0,16px 0;background-repeat:no-repeat;background-size:8px 6px,8px 6px,8px 6px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:22px;height:6px}[data-kind=app] .cat-ch-chrome{border-radius:0;justify-content:center}[data-kind=app] .cat-ch-chrome i{background:var(--cat-rule);border-radius:3px;width:36px;height:5px;margin-left:-18px;position:absolute;top:5px;left:50%}[data-kind=app] .cat-ch-chrome{padding-top:14px;position:relative}[data-kind=app]{border-radius:22px}[data-kind=store] .cat-ch-chrome{color:#e7f3ef;background:#1f2b29}[data-kind=store] .cat-ch-chrome i{background:#46c36f;border-radius:50%;width:8px;height:8px}[data-kind=market] .cat-ch-chrome{color:#6b4b06;background:#fff4dc}[data-theme=dark] [data-kind=market] .cat-ch-chrome{color:#f7d58a;background:#3a2e14}[data-kind=market] .cat-ch-chrome i{background:#f5b83d;border-radius:3px;width:10px;height:10px}.cat-ch-stock[data-state=in]{background:var(--cat-ok-bg);color:var(--cat-ok-ink)}.cat-ch-stock[data-state=out]{background:var(--cat-bad-bg);color:var(--cat-bad-ink)}.cat-ch-stock[data-sync]{animation:cat-ch-sync .6s var(--cat-pop)}.cat-ch-buy{background:var(--cat-ink);min-height:44px;color:var(--cat-on-ink);font:700 12px / 1.2 var(--font-secondary);cursor:pointer;border-radius:10px;padding:0 12px;transition:transform .2s,background-color .3s}.cat-ch-buy:hover:not(:disabled){transform:translateY(-1px)}.cat-ch-buy:active:not(:disabled){transform:scale(.96)}.cat-ch-buy:disabled{background:var(--cat-card-2);color:var(--color-fx-dim);box-shadow:inset 0 0 0 1px var(--cat-line);cursor:default}.cat-ch-buy:focus-visible,.cat-ch-restock:focus-visible{outline-offset:2px;outline:2px solid}[data-kind=store] .cat-ch-buy:not(:disabled){color:#002e27;background:#00bf6f}.cat-ch-toast{background:var(--cat-ink);color:var(--cat-on-ink);font:700 12px / 1 var(--font-secondary);opacity:0;animation:cat-ch-toast 1.6s var(--cat-ease) backwards;border-radius:999px;padding:6px 10px;position:absolute;top:40px;right:10px}.cat-ch-off{background:color-mix(in srgb, var(--cat-card) 82%, transparent);font:700 13px / 1.2 var(--font-secondary);color:var(--color-fx-fg);opacity:0;pointer-events:none;place-items:center;transition:opacity .3s;display:grid;position:absolute;inset:34px 0 0}[data-live=false]>.cat-ch-off{opacity:1}.cat-ch-hub{background:var(--cat-ink);color:var(--cat-on-ink);--color-fx-dim:color-mix(in srgb, var(--cat-on-ink) 78%, transparent);border-radius:18px;align-items:center;gap:14px;padding:12px 18px;display:flex;position:relative}.cat-ch-hub:before,.cat-ch-hub:after{content:"";border-inline:2px dashed color-mix(in srgb, var(--color-fx-accent) 55%, transparent);height:14px;position:absolute;left:25%;right:25%}.cat-ch-hub:before{bottom:100%}.cat-ch-hub:after{top:100%}.cat-ch-ripple{border-radius:inherit;box-shadow:0 0 0 3px var(--color-green);opacity:0;pointer-events:none;position:absolute;inset:0}.cat-ch-ripple[data-on]{animation:cat-ch-ripple .9s var(--cat-ease)}.cat-ch-restock{background:var(--color-green);color:#002e27;min-height:40px;font:700 12px / 1 var(--font-secondary);cursor:pointer;border-radius:10px;padding:0 12px}@keyframes cat-ch-sync{40%{transform:scale(1.12)}}@keyframes cat-ch-toast{0%{opacity:0;transform:translateY(6px)}15%,75%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}@keyframes cat-ch-ripple{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.04,1.25)}}.cat-ty-art{background:radial-gradient(70% 60% at 40% 30%, color-mix(in srgb, var(--cat-glow) 85%, transparent), transparent), var(--cat-card-2);border-radius:18px;flex:none;width:124px;height:136px;position:relative}.cat-ty-art>span{opacity:0;transition:opacity .35s, transform .5s var(--cat-pop);place-items:center;display:grid;position:absolute;inset:0;transform:scale(.8)translateY(8px)}.cat-ty[data-kind=physical] .cat-ty-physical,.cat-ty[data-kind=digital] .cat-ty-digital,.cat-ty[data-kind=bundle] .cat-ty-bundle{opacity:1;transform:none}.cat-ty-physical .cat-bottle{position:absolute;top:26px;left:30px}.cat-ty-box{background:linear-gradient(90deg,#0000 42%,#ffffff59 42% 58%,#0000 58%),linear-gradient(160deg,#e2bb87,#b88650);border-radius:4px;width:54px;height:44px;position:absolute;bottom:20px;right:18px;box-shadow:0 8px 14px -8px #3c1e0a80}.cat-ty-cover{color:#fdf4ec;background:linear-gradient(160deg,#6b4566,#3a2340);border-radius:10px;flex-direction:column;gap:6px;width:86px;height:104px;margin-top:8px;padding:16px 9px 9px;display:flex;position:relative;transform:rotate(-4deg);box-shadow:0 10px 18px -10px #1d0f1c99}.cat-ty-cover:before{content:"";background:radial-gradient(circle,#d9cbd6 3px,#0000 3.5px) 0/12px 12px no-repeat,radial-gradient(circle,#d9cbd6 3px,#0000 3.5px) 100%/12px 12px no-repeat;height:12px;position:absolute;top:-6px;left:18px;right:18px}.cat-ty-cover b{font:800 12px / 1 var(--font-secondary);letter-spacing:.2em}.cat-ty-cover span{font:600 12px / 1.15 var(--font-secondary)}.cat-ty-cover i{color:#2a1a28;font:700 12px / 1 var(--font-secondary);background:#f5b83d;border-radius:4px;align-self:flex-start;margin-top:auto;padding:3px 6px;font-style:normal}.cat-ty-gift{background:linear-gradient(90deg,#0000 43%,#f5b83d 43% 57%,#0000 57%),linear-gradient(160deg,#8e5f8a,#4a2d4a);border-radius:5px;width:78px;height:58px;margin-top:26px;position:relative;box-shadow:0 10px 16px -10px #1d0f1c99}.cat-ty-gift:before{content:"";background:linear-gradient(90deg,#0000 43%,#f8c65a 43% 57%,#0000 57%),linear-gradient(160deg,#a47199,#5a3a57);border-radius:4px;height:17px;position:absolute;top:-15px;left:-5px;right:-5px}.cat-ty-gift:after{content:"";background:radial-gradient(46% 48% at 26% 60%,#f5b83d 62%,#0000 66%),radial-gradient(46% 48% at 74% 60%,#f5b83d 62%,#0000 66%);width:40px;height:20px;margin-left:-20px;position:absolute;top:-33px;left:50%}[data-on=true] .cat-ty-row{animation:cat-in .45s var(--cat-ease) calc(80ms + var(--i) * 80ms) backwards}.cat-at-input{border:1px solid var(--cat-line);background:var(--cat-card);border-radius:12px;box-shadow:inset 0 1px 2px #0000000a}.cat-at-ghost{box-shadow:inset 0 0 0 1px var(--cat-line);color:var(--color-fx-dim)}.cat-at-dot,.cat-at-box{border:2px solid var(--cat-rule);border-radius:50%;flex:none;width:16px;height:16px}.cat-at-box{border-radius:4px}.cat-at-dot[data-on=true]{border-color:var(--cat-ink);background:radial-gradient(circle, var(--cat-ink) 3.5px, transparent 4px)}.cat-at-box[data-on=true]{border-color:var(--cat-ink);background:var(--cat-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8.5 2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100%}.cat-at-swatch{border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0000001f}.cat-at-swatch[data-on=true]{box-shadow:0 0 0 2px var(--cat-card), 0 0 0 4px var(--cat-ink)}.cat-at-range{background:var(--cat-card-2);height:6px;box-shadow:inset 0 0 0 1px var(--cat-line);border-radius:3px;margin:0 9px;position:relative}.cat-at-range i{background:var(--color-green);transform-origin:0;translate:calc(var(--from) * 100%) 0;scale:calc(var(--to) - var(--from)) 1;border-radius:3px;position:absolute;inset:0}.cat-at-range:before,.cat-at-range:after{content:"";width:18px;height:18px;box-shadow:0 0 0 2px var(--cat-ink), 0 2px 4px #0003;background:#fff;border-radius:50%;margin:-9px 0 0 -9px;position:absolute;top:50%}.cat-at-range:before{left:calc(var(--from) * 100%)}.cat-at-range:after{left:calc(var(--to) * 100%)}.cat-at-line{transition:background-color .3s, transform .4s var(--cat-ease)}.cat-at-line[data-on=true]{background:var(--cat-ok-bg);border-bottom-color:#0000;border-radius:8px;margin-inline:-8px;padding-inline:8px}.cat-at-line[data-on=true] dt{color:var(--cat-ok-ink);font-weight:600}.cat-va-cell{border:1.5px solid var(--cat-line);background:var(--cat-card);cursor:pointer;width:100%;min-height:48px;transition:opacity .3s, transform .45s var(--cat-pop), border-color .25s, box-shadow .25s;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;padding:6px 10px 6px 14px;display:flex;position:relative}.cat-va-cell:before{content:"";background:var(--tint);border-radius:2px;width:4px;position:absolute;top:8px;bottom:8px;left:5px}.cat-va-cell:hover{border-color:color-mix(in srgb, var(--color-fx-dim) 45%, transparent)}.cat-va-cell[aria-pressed=true]{border-color:var(--cat-ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-green) 30%, transparent)}.cat-va-cell[data-pending]{opacity:0;transform:scale(.6)}.cat-va-card{animation:cat-in .45s var(--cat-ease) backwards;transition:opacity .4s, transform .5s var(--cat-ease)}.cat-va-card[data-ready=false]{opacity:0;transform:translateY(12px)}.cat-va-photo{background:radial-gradient(60% 50% at 30% 30%, #ffffff8c, transparent), linear-gradient(150deg, color-mix(in srgb, var(--tint) 55%, #fff), var(--tint));border-radius:10px;width:44px;height:44px;display:block}.cat-va-photo[data-n="1"]{background:radial-gradient(40% 70% at 50% 60%, var(--tint), transparent 70%), linear-gradient(160deg, #f6e8dc, #e9d4c4)}.cat-va-photo[data-n="2"]{background:linear-gradient(100deg, transparent 30%, var(--tint) 30% 70%, transparent 70%) center / 70% 30% no-repeat, linear-gradient(160deg, #efe3ee, #dccbd8)}.cat-me-thumb{background:radial-gradient(60% 40% at 50% 92%,#1d0f1c2e,#0000 70%),linear-gradient(160deg,#f6e4d6,#dcb9a3);border-radius:12px;flex:none;place-items:center;width:64px;height:64px;padding-bottom:6px;display:grid;box-shadow:inset 0 0 0 1px #0000000f}.cat-me-swap{animation:cat-in .4s var(--cat-ease) backwards}.cat-me-bar{background:color-mix(in srgb, var(--color-fx-dim) 30%, transparent);border-radius:4px;height:8px;display:block}.cat-me-bar[data-sent]{background:var(--color-green);transform:scaleX(var(--share));transform-origin:0;transition:transform .6s var(--cat-ease)}.cat-me-player{aspect-ratio:16/9;background:radial-gradient(50% 60% at 30% 40%,#ffe9d259,#0000 70%),linear-gradient(160deg,#6b4566,#2a1730);border-radius:12px;justify-content:center;align-items:center;gap:22px;display:flex;position:relative;overflow:hidden}.cat-me-player .cat-bottle{margin-left:-40%}.cat-me-smear{background:linear-gradient(90deg,#c98d5e,#c98d5e99);border-radius:999px;width:34%;height:16%;position:absolute;top:46%;left:52%;transform:rotate(-8deg)}.cat-me-play{z-index:1;background:#ffffffe6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M16 13v14l11-7z' fill='%232a1730'/%3E%3C/svg%3E") 50%/100%;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%}.cat-me-quality{color:#fff;font:700 12px / 1 var(--font-secondary);background:#0000008c;border-radius:6px;padding:4px 7px;position:absolute;top:8px;right:8px}.cat-me-progress{background:#ffffff4d;border-radius:2px;height:4px;position:absolute;bottom:9px;left:10px;right:10px;overflow:hidden}.cat-me-progress i{transform-origin:0;background:#fff;height:100%;animation:2.4s linear backwards cat-me-play;display:block;transform:scaleX(.42)}.cat-me-rung{background:var(--cat-card-2);box-shadow:inset 0 0 0 1px var(--cat-line);color:var(--color-fx-dim);font:600 12px / 1 var(--font-secondary);text-align:center;border-radius:8px;flex:1;padding:7px 0;transition:background-color .3s,color .3s}.cat-me-rung[data-state=below]{color:var(--color-fx-fg)}.cat-me-rung[data-state=on]{background:var(--cat-ink);color:var(--cat-on-ink);box-shadow:none}@keyframes cat-me-play{0%{transform:scaleX(.04)}}.cat-cms-bar{border-bottom:1px solid var(--cat-line);font:700 12px / 1.3 var(--font-secondary);align-items:center;gap:8px;padding:9px 16px;display:flex}[data-kind=ce] .cat-cms-bar{background:var(--color-jungle-green);color:var(--color-brand-powder)}[data-kind=cms] .cat-cms-bar{color:#3a1d12;background:#fff2ed}[data-theme=dark] [data-kind=cms] .cat-cms-bar{color:#ffd9cc;background:#2e1d17}.cat-cms-after{color:var(--cat-ok-ink)}.cat-cms-saved{transition:opacity .3s, transform .4s var(--cat-pop)}.cat-cms[data-phase=before] .cat-cms-saved{opacity:0;transform:scale(.6)}.cat-cms-wire{place-items:center;height:100%;min-height:56px;display:grid;position:relative}.cat-cms-wire:before{content:"";border-top:2px dashed color-mix(in srgb, var(--color-fx-accent) 50%, transparent);position:absolute;top:50%;left:6px;right:6px}.cat-cms-wire i{background:var(--color-green);width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-green) 25%, transparent);opacity:0;border-radius:50%;margin-top:-6px;position:absolute;top:50%;left:6px}.cat-cms[data-phase=syncing] .cat-cms-wire i{animation:cat-cms-packet .9s var(--cat-ease) backwards}.cat-cms-wire span{font:600 12px / 1 var(--font-secondary);color:var(--color-fx-dim);white-space:nowrap;margin-top:34px;position:relative}@keyframes cat-cms-packet{0%{opacity:1;transform:translate(0)}85%{opacity:1}to{opacity:0;transform:translate(54px)}}@media not (min-width:992px){.cat-cms-wire{min-height:64px}.cat-cms-wire:before{border-top:0;border-left:2px dashed color-mix(in srgb, var(--color-fx-accent) 50%, transparent);inset:4px auto 4px 50%}.cat-cms-wire i{margin:0 0 0 -5px;top:4px;left:50%}.cat-cms-wire span{margin:0 0 0 96px}@keyframes cat-cms-packet{0%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0;transform:translateY(44px)}}}.cat-st-num{animation:cat-st-tick .45s var(--cat-pop) backwards;display:block}.cat-st-batch{border-radius:6px;margin-inline:-6px;padding-inline:6px;transition:background-color .4s}.cat-st-batch[data-touched=true]{background:var(--cat-ok-bg);animation:cat-in .45s var(--cat-ease) backwards}.cat-st-log[data-on=true]{animation:cat-in .4s var(--cat-ease) backwards}.cat-st-log[data-on=false],.cat-st-batch[data-pending]{visibility:hidden}.cat-card[data-touched=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-green) 45%, transparent), var(--cat-shadow)}@keyframes cat-st-tick{0%{opacity:0;transform:translateY(-6px)}}.cat-se-caret{vertical-align:-.18em;background:var(--color-green);width:2px;height:1.1em;margin-left:2px;display:inline-block}.cat-se-caret[data-typing=false]{opacity:0}.cat-se-hint{animation:cat-pop .4s var(--cat-pop) backwards}.cat-se-results{transition:opacity .3s, transform .4s var(--cat-ease)}.cat-se-results[data-showing=false]{opacity:0;transform:translateY(10px)}.cat-se-item{animation:cat-in .4s var(--cat-ease) calc(var(--i) * 60ms) backwards}.cat-se-item .cat-bottle{margin-top:11px}.cat-se-mark{background:color-mix(in srgb, var(--color-green) 26%, transparent);color:inherit;border-radius:3px}.cat-in-bar{background:linear-gradient(90deg, var(--tint), color-mix(in srgb, var(--tint) 55%, #fff));height:10px;transform:scaleX(max(var(--w), .015));transform-origin:0;transition:transform .8s var(--cat-ease) calc(var(--i) * .12s);border-radius:5px;margin-top:5px;display:block}[data-grown=false] .cat-in-bar{transform:scaleX(0)}.cat-in-num{animation:cat-st-tick .4s var(--cat-pop) backwards;display:block}.cat-in-note{background:var(--cat-warn-bg);color:var(--cat-warn-ink)}.cat-in-stars{background:linear-gradient(#f5b83d 0 0) 0 0 / calc(var(--w) * 100%) 100% no-repeat, var(--cat-card-2);height:6px;box-shadow:inset 0 0 0 1px var(--cat-line);border-radius:3px;flex:1;display:block}.cat-also{transition:transform .3s var(--cat-ease), box-shadow .3s}.cat-also:hover{box-shadow:var(--cat-shadow);transform:translateY(-3px)}.cat-deck{min-height:360px;display:grid;position:relative}.cat-deck li{color:#2a1a28;transform-origin:50% 140%;width:168px;transform:rotate(calc((var(--i) - 2) * 15deg));background:#fffdf9;border-radius:16px;flex-direction:column;grid-area:1/1;place-self:end center;gap:2px;margin-bottom:18px;padding:10px 12px 12px;display:flex;box-shadow:0 22px 36px -22px #002e27a6}.cat-deck-swatch{background:radial-gradient(70% 50% at 35% 30%, #fff6, transparent), linear-gradient(160deg, color-mix(in srgb, var(--tint) 75%, #fff), var(--tint));border-radius:10px;height:120px;margin:8px 0;display:block}.cat-deck-live{color:#00552f;font:700 12px / 1 var(--font-secondary);background:#d8f9e6;border-radius:999px;align-items:center;gap:3px;padding:3px 7px;display:inline-flex}@keyframes cat-fan{0%{transform:rotate(0)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.cat-deck li{animation:linear backwards cat-fan;animation-timeline:view();animation-range:entry 25% cover 45%}}}@media not (min-width:550px){.cat-deck{min-height:300px}.cat-deck li{width:132px;transform:rotate(calc((var(--i) - 2) * 12deg))}.cat-deck-swatch{height:96px}}@media (prefers-reduced-motion:reduce){.cat *,.cat :before,.cat :after{transition:none!important;animation:none!important}}