:root{--cat-surface:#24292e;--cat-edge:#46515a;--cat-accent:#d8be84;--cat-shadow:#0005}
body.light{--cat-surface:#fff;--cat-edge:#cbd5dc;--cat-accent:#815d1d;--cat-shadow:#1a35451f}
.workspace-cat{position:fixed;inset:0;z-index:12;pointer-events:none}
.cat-toy{display:block;position:absolute;top:0;left:0;transform:translate(var(--cat-x),var(--cat-y));width:var(--cat-size);height:calc(var(--cat-size)*.86);padding:0;border:0;border-radius:35%;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;isolation:isolate}
.cat-toy:hover,.cat-toy:active{background:transparent}
.cat-toy:focus-visible{outline:2px solid var(--blue);outline-offset:-12px}
.cat-facing{display:block;width:100%;height:var(--cat-size);transform:scaleX(var(--cat-direction,1)) rotate(var(--cat-look,0deg));transform-origin:50% 85%;transition:transform .18s ease-out;pointer-events:none}
.cat-art{display:block;width:100%;height:100%;background-image:url('assets/workspace-cat.png');background-size:300% 200%;background-repeat:no-repeat;background-position:0 100%;filter:drop-shadow(0 3px 3px var(--cat-shadow));transform-origin:50% 85%}
.workspace-cat[data-pose='0'] .cat-art{background-position:0 0}
.workspace-cat[data-pose='1'] .cat-art{background-position:50% 0}
.workspace-cat[data-pose='2'] .cat-art{background-position:100% 0}
.workspace-cat[data-pose='3'] .cat-art{background-position:0 100%}
.workspace-cat[data-pose='4'] .cat-art{background-position:50% 100%}
.workspace-cat[data-pose='5'] .cat-art{background-position:100% 100%;transform:translateY(4%)}
.workspace-cat[data-state='walking'] .cat-facing{transition:none;transform:scaleX(var(--cat-direction,1))}
.workspace-cat[data-state='sleeping'] .cat-facing,.workspace-cat[data-state='blaming'] .cat-facing{transform:scaleX(var(--cat-direction,1))}
.cat-controls,.cat-note{position:absolute;pointer-events:auto;background:var(--cat-surface);border:1px solid var(--cat-edge);color:var(--text);box-shadow:0 12px 40px var(--cat-shadow),inset 0 1px #ffffff07;border-radius:12px}
.cat-controls{width:min(278px,calc(100vw - 24px));max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;padding:0 14px 14px}
.cat-controls header{display:flex;justify-content:space-between;align-items:center;min-height:48px;gap:12px}
.cat-controls header strong{font-size:14px;font-weight:550;color:var(--strong)}
.cat-controls header button{width:44px;height:44px;flex-shrink:0;border-radius:6px;margin-right:-11px;color:var(--muted)}
.cat-controls header svg{width:16px;height:16px}
.cat-status{margin:0 0 15px;font-size:14px;line-height:1.6;color:var(--cat-accent);min-height:44px;text-wrap:pretty}
.cat-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.cat-actions button{min-height:44px;padding:8px;border:1px solid var(--border);border-radius:6px;background:color-mix(in srgb,var(--cat-surface),var(--text) 4%);font-size:13px;color:var(--text)}
.cat-actions button:hover{background:var(--hover);border-color:var(--cat-edge)}
.cat-controls button:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.cat-note{width:max-content;max-width:calc(100vw - 24px);padding:11px 16px;font-size:14px;line-height:1.4;color:var(--cat-accent);pointer-events:none}
.workspace-cat[hidden],.workspace-cat [hidden]{display:none!important}
body[data-universe]:not([data-universe='']) .workspace-cat{display:none}
@media(prefers-reduced-motion:reduce){.workspace-cat *{transition:none!important;animation:none!important}}