.work-cat[hidden]{display:none!important}
.work-cat{position:fixed;right:22px;bottom:calc(var(--contact-bar-height,80px) + env(safe-area-inset-bottom,0px) + 16px);z-index:90;display:flex;align-items:flex-end;gap:10px;width:min(452px,calc(100% - 44px));pointer-events:none;animation:cat-arrive .28s steps(5,end) both}
.work-cat__bubble{position:relative;flex:1;min-width:0;padding:20px 19px 14px;background:#fffef8;border:2px solid #203c33;box-shadow:5px 5px 0 #c9dcd1;pointer-events:auto;color:#203c33;max-height:calc(100dvh - var(--contact-bar-height,80px) - 60px);overflow-y:auto}
.work-cat:after{content:"";position:absolute;right:126px;bottom:50px;width:12px;height:18px;background:#203c33;clip-path:polygon(0 0,33% 0,33% 22%,66% 22%,66% 44%,100% 44%,100% 66%,66% 66%,66% 88%,33% 88%,33% 100%,0 100%)}
.work-cat__label{font:700 10px/1.5 'Courier New',monospace;letter-spacing:.09em;margin:0 30px 9px 0;color:#00654e}
.work-cat__title{font:700 18px/1.25 'Segoe UI',Arial,sans-serif;margin:0 0 9px}
.work-cat__text{font:400 14px/1.55 'Segoe UI',Arial,sans-serif;margin:0}
.work-cat__close{position:absolute;right:2px;top:2px;width:40px;height:40px;border:0;background:transparent;color:#203c33;font:26px/1 Arial,sans-serif;cursor:pointer}
.work-cat__actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:10px}
.work-cat__next,.work-cat__source{font:600 12px/1.4 'Segoe UI',Arial,sans-serif;color:#00654e;padding:9px 0;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.work-cat__note{font:400 10px/1.45 'Segoe UI',Arial,sans-serif;color:#52616a;margin:5px 0 0}
.work-cat__image{width:126px;height:126px;object-fit:contain;flex:none;image-rendering:pixelated;pointer-events:none}
.work-cat-launcher{font:inherit;color:inherit;padding:0;background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.work-cat button:focus-visible,.work-cat a:focus-visible{outline:2px solid #00654e;outline-offset:2px}
@keyframes cat-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.work-cat{right:12px;gap:5px;width:calc(100% - 24px);max-width:380px;bottom:calc(var(--contact-bar-height,47px) + env(safe-area-inset-bottom,0px) + 12px)}.work-cat__image{width:78px;height:78px}.work-cat__bubble{padding:16px 13px 11px;box-shadow:3px 3px 0 #c9dcd1}.work-cat__title{font-size:16px}.work-cat__text{font-size:13px}.work-cat__label{font-size:9px}.work-cat__close{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.work-cat{animation:none}}
@media print{.work-cat,.work-cat-launcher{display:none!important}}

@media(max-width:700px){.work-cat:after{right:78px;width:7px;bottom:35px}}