:root{font-family:Arial,'Apple SD Gothic Neo',sans-serif;color:#24251f;background:#eeeee4;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}#scene{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 15% 35%,#f6f3e9 5%,#eeeee4 60%,#e2e7d8 100%)}.symbols{position:absolute;width:0;height:0;overflow:hidden}.floor{position:absolute;inset:67% 0 0;background:#dce0d0;border-top:1px solid #c7cdbb;background-image:linear-gradient(90deg,#c4cbb940 1px,transparent 1px),linear-gradient(#c4cbb940 1px,transparent 1px);background-size:120px 80px;transform-origin:center top;transform:perspective(650px) rotateX(14deg) scale(1.2);height:60%}.window{position:absolute;top:5%;right:7%;width:20%;height:27%;border:8px solid #f8f7ef;background:linear-gradient(#d6e1d5,#edf1df);box-shadow:0 0 0 1px #d0d6c8,9px 13px 0 #c7cfbd38;transform:rotate(1deg)}.window:after,.window:before{content:'';position:absolute;background:#f8f7ef}.window:after{left:47%;top:0;width:7px;height:100%}.window:before{left:0;top:45%;width:100%;height:7px}.window span{position:absolute;bottom:0;left:12%;width:60%;height:45%;border-radius:100% 100% 0 0;background:#c6d4bd80}.blueprint{position:absolute;left:47%;top:9%;width:16%;padding:8px;background:#dbe5d8;color:#869b83;box-shadow:0 2px 3px #46513d13;transform:rotate(-6deg)}.blueprint:before{content:'';position:absolute;top:-8px;left:35%;width:35%;height:17px;background:#e3cb8790;transform:rotate(3deg)}.blueprint svg{display:block;width:100%;height:auto}.wall-note{position:absolute;right:29%;top:28%;font:10px/1.7 'SFMono-Regular',Consolas,monospace;letter-spacing:1px;width:76px;height:75px;padding:12px;background:#ecd589;color:#8b815d;transform:rotate(6deg);box-shadow:2px 3px 0 #525e3810}.wall-note span{font-size:10px;letter-spacing:0;text-decoration:line-through}.worker{position:absolute;overflow:visible;aspect-ratio:4/3;height:auto;--delay:0s;--work-speed:.2s}.worker-one{width:30%;right:29%;top:21%;--fur:#c0c5b2;--fur-dark:#adb59d;--fur-light:#e0e2d2;--delay:-1.7s;--work-speed:.18s}.worker-two{width:33%;right:0%;top:34%;--fur:#cbbba5;--fur-dark:#b6a58f;--fur-light:#e5dccd;--delay:-3.2s;--hat:#e6bb5a;--hat-shadow:#bd9640;--work-speed:.16s}.worker-three{width:37%;right:19%;top:58%;--fur:#b7c2ac;--fur-dark:#a8b2a0;--fur-light:#dbe0ce;--delay:-.7s;--work-speed:.23s}.worker-four{width:29%;right:-7%;top:76%;--fur:#c2c4c0;--fur-dark:#a9b2ac;--fur-light:#e1e4dc;--delay:-2.4s;--hat:#e2b56c;--hat-shadow:#b68b50}.cat-body{transform-origin:240px 280px;animation:working 2.8s ease-in-out infinite;animation-delay:var(--delay)}.eyes{transform-box:fill-box;transform-origin:center;animation:blink 5.7s infinite;animation-delay:var(--delay)}.typing{animation:typing var(--work-speed) ease-in-out infinite alternate}.steam{animation:steam 3s ease-in-out infinite;animation-delay:var(--delay)}.tail{transform-origin:310px 270px;animation:tail 3.1s ease-in-out infinite;animation-delay:var(--delay)}.desk{position:absolute;height:8px;border:1.5px solid #5d6852;border-radius:3px;background:#b8c1a5;box-shadow:0 5px 0 #69765a12}.desk:before,.desk:after{content:'';position:absolute;width:5px;height:75px;top:7px;background:#a5b193}.desk:before{left:11%}.desk:after{right:11%}.desk-back{width:50%;top:56%;right:0%;transform:rotate(.8deg)}.desk-front{width:41%;top:91%;right:12%}.paper{position:absolute;background:#f8f7ee;color:#939e83;box-shadow:1px 2px 0 #75806915;display:grid;place-items:center;font-family:monospace}.paper-one{width:70px;height:50px;right:43%;top:87%;transform:rotate(-14deg);font-size:18px}.paper-two{width:45px;height:45px;right:10%;top:75%;transform:rotate(10deg);font-size:23px}.grain{position:absolute;z-index:4;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:multiply}#meme-layer{position:absolute;z-index:5;left:7%;top:50%;transform:translateY(-50%);width:auto;height:min(83vh,720px);height:min(83dvh,720px);max-width:none;object-fit:contain;filter:drop-shadow(0 2px 0 #ffffff25);pointer-events:none}#meme{position:absolute;width:1px;height:1px;left:-20px;top:0;pointer-events:none}#sound{position:absolute;z-index:6;right:22px;bottom:max(20px,env(safe-area-inset-bottom));padding:10px 15px;border:1px solid #6d795548;border-radius:999px;background:#f5f3ebe6;color:#606c4d;font:11px/1.3 Arial,'Apple SD Gothic Neo',sans-serif;cursor:pointer;backdrop-filter:blur(8px)}#sound:hover{background:#f9f8f1}#sound:focus-visible{outline:2px solid #536242;outline-offset:4px}@keyframes working{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(2px) rotate(.3deg)}}@keyframes typing{from{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes blink{0%,41%,46%,100%{transform:scaleY(1)}43%,44%{transform:scaleY(.08)}}@keyframes steam{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:.85;transform:translateY(-7px)}}@keyframes tail{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@media(max-width:700px){#meme-layer{left:6%;top:7%;transform:none;height:54dvh;max-width:none;width:auto}.floor{top:65%}.window{right:-3%;top:7%;width:31%;height:23%;border-width:5px;opacity:.8}.blueprint{left:64%;top:34%;width:30%;transform:rotate(7deg)}.wall-note{display:none}.worker-one{width:53%;right:-8%;top:38%;--delay:-2.5s}.worker-two{width:71%;right:34%;top:61%;--delay:-1s}.worker-three{width:69%;right:-8%;top:75%;--delay:-3s}.worker-four{display:none}.desk-back{width:70%;right:-18%;top:63%}.desk-front{width:100%;right:2%;top:91%}.paper-one{width:40px;height:30px;right:44%;top:89%;font-size:13px}.paper-two{display:none}#sound{right:15px;bottom:max(15px,env(safe-area-inset-bottom));font-size:10px;padding:9px 13px}}@media(min-width:701px) and (max-aspect-ratio:1/1){.worker-one{top:30%;width:40%;right:16%}.worker-two{top:50%;width:43%;right:-10%}.worker-three{top:67%;width:53%;right:15%}.worker-four{display:none}.desk-back{top:65%}.desk-front{top:94%}#meme-layer{height:60vh;left:5%;top:39%}.window{height:20%;width:26%}}@media(prefers-reduced-motion:reduce){.cat-body,.eyes,.typing,.steam,.tail{animation:none!important}}

.worker>svg{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:visible}.worktop{position:absolute;z-index:0;top:90%;left:9%;width:84%;height:7px;border:1.5px solid #647054;border-radius:3px;background:#b8c1a5;box-shadow:0 4px 0 #69765a12}.worktop:before,.worktop:after{content:"";position:absolute;top:5px;width:4px;height:65px;background:#a5b193}.worktop:before{left:10%}.worktop:after{right:10%}@media(max-width:700px){.worktop{height:5px}.worktop:before,.worktop:after{height:50px;width:3px}}
