@font-face{font-family:SpaceMono;src:url('../assets/space-mono-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Anton;src:url('../assets/anton.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:normal;font-family:SpaceMono,monospace;font-weight:700;color:#f5eedf;background:transparent;background-color:transparent!important;background-image:none!important;font-synthesis:none}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:transparent;background-color:transparent!important;background-image:none!important}body{--overlay-scale:1}.jitters-card{position:fixed;width:360px;min-height:372px;padding:11px 13px 9px;background:#11131c;border:1px solid #51556a;box-shadow:0 7px 24px #0008;transform:scale(var(--overlay-scale));transform-origin:bottom right;overflow:hidden;isolation:isolate}.corner-br{right:16px;bottom:16px;transform-origin:bottom right}.corner-bl{left:16px;bottom:16px;transform-origin:bottom left}.corner-tr{right:16px;top:16px;transform-origin:top right}.corner-tl{left:16px;top:16px;transform-origin:top left}.topline{position:relative;z-index:2;height:22px;display:flex;align-items:center;gap:7px;color:#fff;font:17px Anton,sans-serif;letter-spacing:.045em}.topline small{font:700 8px SpaceMono,monospace;color:#9398ae;letter-spacing:.12em;margin-left:3px}.brand-mark{color:#61dafa;font:700 12px SpaceMono,monospace}.live-state{display:flex;gap:5px;align-items:center;margin-left:auto;color:#b8c0d4;font:700 8px SpaceMono,monospace;letter-spacing:.1em}.live-state i{width:7px;height:7px;border-radius:50%;background:#9c9eac;box-shadow:0 0 0 3px #9c9eac22}.live-state[data-state=connected] i{background:#76ebbe}.speech{position:relative;z-index:2;display:flex;align-items:center;min-height:41px;margin:8px 3px 0;padding:7px 9px;background:#f3d9b5;color:#26202a;border-radius:7px 7px 7px 2px;box-shadow:3px 3px 0 #be9775;font-size:9px;line-height:1.45}.speech p{margin:0}.speech-pin{width:7px;height:7px;flex:none;margin-right:7px;border-radius:50%;background:#ef695d}.stage{position:relative;height:193px;margin-top:1px;overflow:hidden}.monkey{position:absolute;width:230px;height:213px;bottom:-12px;left:50%;transform:translateX(-54%);transform-origin:bottom center;overflow:visible}.body,.head{transform-box:fill-box;transform-origin:center bottom}.mug{transform-origin:208px 130px}.steam{animation:steam 1.8s ease-in-out infinite}.lids{animation:blink 5.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.sweat,.sweat-spray,.zzz{opacity:0}.zzz{font:700 12px SpaceMono,monospace;fill:#f3d9b5;animation:float 1.7s ease-in-out infinite}.hud{position:relative;z-index:2;margin-top:1px;padding:8px 9px 5px;border-top:1px solid #373b4a;border-bottom:1px solid #373b4a;background:#171923}.meter{display:grid;grid-template-columns:67px 1fr;align-items:center;margin:3px 0;font-size:8px}.meter>div:first-child{display:flex;justify-content:space-between;padding-right:7px;color:#aab0c1}.meter strong{color:#fff}.track{height:6px;background:#303341;border-radius:4px;overflow:hidden}.track i{display:block;width:0;height:100%;border-radius:4px;transition:width .45s ease}.panic-fill{background:#ff716d}.caffeine-fill{background:#4ad9ed}.counts{display:flex;align-items:center;gap:13px;margin-top:8px;color:#9da3b5;font-size:7px;letter-spacing:.04em}.counts b{color:#fff;font-size:9px;margin-left:3px}.last-command{margin-left:auto;color:#69dcef;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes{display:flex;gap:4px;min-height:0}.note{max-width:32%;overflow:hidden;padding:3px 5px;background:#e5c86a;color:#342d20;font-size:7px;line-height:1.25;transform:rotate(-1deg);white-space:nowrap;text-overflow:ellipsis}.note:nth-child(2){transform:rotate(1.4deg)}.footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:5px;padding:6px 1px 0;color:#7f8498;font-size:6px;letter-spacing:.04em}.footer span:nth-child(2){color:#72e7c3}.alert-bar{display:none;position:relative;z-index:4;justify-content:space-between;margin:-11px -13px 7px;padding:6px 12px;background:#ff514f;color:#fff;font-size:8px;letter-spacing:.08em}.fire-trace{display:none;position:absolute;z-index:1;right:7px;top:17px;width:132px;height:38px;overflow:hidden;color:#ff938b;font-size:6px;line-height:1.6;opacity:.72;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.fire-trace span{display:block;animation:trace 6s linear infinite}.flames{display:none;position:absolute;z-index:3;inset:auto 0 0;height:9px;pointer-events:none}.flames i{position:absolute;bottom:0;width:9px;height:12px;background:#ff654e;clip-path:polygon(45% 0,100% 52%,72% 100%,16% 94%,0 46%);animation:flame .38s steps(2,end) infinite alternate}.flames i:nth-child(1){left:4%}.flames i:nth-child(2){left:17%;animation-delay:-.2s}.flames i:nth-child(3){left:32%;animation-delay:-.1s}.flames i:nth-child(4){left:47%;animation-delay:-.28s}.flames i:nth-child(5){left:61%;animation-delay:-.16s}.flames i:nth-child(6){left:76%;animation-delay:-.3s}.flames i:nth-child(7){left:89%;animation-delay:-.08s}.flames i:nth-child(8){right:1%;animation-delay:-.22s}
#overlay[data-state=asleep] .zzz{opacity:1}#overlay[data-state=asleep] .lids{transform:translateY(7px) scaleY(.08)}#overlay[data-state=asleep] .left-pupil,#overlay[data-state=asleep] .right-pupil{opacity:0}#overlay[data-state=asleep] .monkey{animation:breath 2.8s ease-in-out infinite}#overlay[data-state=nervous] .sweat{opacity:1}#overlay[data-state=nervous] .left-pupil{animation:dart 1.2s steps(2,end) infinite}#overlay[data-state=nervous] .right-pupil{animation:dart 1.2s steps(2,end) infinite reverse}#overlay[data-state=panicking] .monkey{animation:shake .12s linear infinite}#overlay[data-state=panicking] .left-pupil,#overlay[data-state=panicking] .right-pupil{transform:scale(.45)}#overlay[data-state=panicking] .sweat-spray{opacity:1}#overlay[data-state=panicking] .sweat{opacity:0}#overlay[data-state=prod-on-fire]{border-color:#ff514f;box-shadow:0 0 0 2px #ff514f,0 0 22px #ff514f55}#overlay[data-state=prod-on-fire] .alert-bar{display:flex}#overlay[data-state=prod-on-fire] .flames,#overlay[data-state=prod-on-fire] .fire-trace{display:block}#overlay[data-state=prod-on-fire] .hands{transform:translateY(-48px)}#overlay[data-state=prod-on-fire] .hand-left{transform:translate(18px,-47px)}#overlay[data-state=prod-on-fire] .hand-right{transform:translate(-18px,-47px)}#overlay.high-caffeine .monkey{animation:shake .08s linear infinite}#overlay.high-caffeine .left-pupil{animation:dart .3s steps(2,end) infinite}#overlay.high-caffeine .steam{animation-duration:.35s}#overlay.celebrating .stage:after{content:'SHIP IT!';position:absolute;left:50%;top:38%;transform:translate(-50%,-50%) rotate(-8deg);padding:4px 8px;background:#72e7c3;color:#14251f;font:13px Anton,sans-serif;animation:pop .35s ease-out both}
@keyframes steam{50%{transform:translateY(-8px);opacity:.35}}@keyframes blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.1)}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes breath{50%{transform:translate(-54%,-2px) scale(.99)}}@keyframes dart{0%,100%{transform:translateX(-2px)}50%{transform:translateX(3px)}}@keyframes shake{25%{transform:translateX(calc(-54% - 2px)) rotate(-1deg)}75%{transform:translateX(calc(-54% + 2px)) rotate(1deg)}}@keyframes flame{to{transform:scaleY(.7) translateY(2px);background:#ffbd55}}@keyframes trace{to{transform:translateY(-35px)}}@keyframes pop{0%{opacity:0;scale:.4}100%{opacity:1;scale:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:3s!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
#overlay[data-state=asleep] .lids{animation:none;transform:translateY(7px) scaleY(.08)}