/* Generated from canonical demo robot and wheel styles. */
.bot{position:absolute;width:210px;height:230px;left:50%;top:115px;transform:translateX(-50%);animation:float 4s ease-in-out infinite;filter:drop-shadow(0 25px 18px #0006)}.ears{position:absolute;top:2px;left:30px;width:20px;height:65px;background:linear-gradient(90deg,#8b9f72,#d0dca6);border-radius:10px;transform:rotate(-22deg)}.ears:after{content:'';position:absolute;left:122px;top:49px;width:20px;height:65px;background:linear-gradient(90deg,#8b9f72,#d0dca6);border-radius:10px;transform:rotate(44deg)}.head{position:absolute;top:45px;width:210px;height:150px;border-radius:65px 65px 58px 58px;background:linear-gradient(145deg,#e6e9c7,#9bad79 70%,#687b53);box-shadow:inset -10px -10px 20px #495e493d,inset 5px 6px 8px #fff5;border:2px solid #aabd8b}.face{position:absolute;top:26px;left:21px;width:164px;height:94px;border-radius:38px;background:#152623;border:5px solid #687e62;box-shadow:inset 0 0 22px #000}.eye{position:absolute;top:26px;width:22px;height:30px;background:#dcff89;border-radius:14px;box-shadow:0 0 18px #d7ff7b7a}.eye.left{left:31px}.eye.right{right:31px}.mouth{position:absolute;width:24px;height:10px;bottom:12px;left:65px;border-bottom:3px solid #d8ff8b;border-radius:50%}.body{position:absolute;top:181px;left:58px;width:95px;height:48px;border-radius:15px 15px 36px 36px;background:linear-gradient(130deg,#bccb9b,#72885f);border:3px solid #9eaf83}.core{position:absolute;top:13px;left:35px;width:17px;height:17px;background:var(--lime);box-shadow:0 0 15px #dcff76;border-radius:50%}.arm{position:absolute;top:169px;left:-18px;background:#b4c594;width:43px;height:26px;border-radius:20px;transform:rotate(-25deg)}.arm.r{left:auto;right:-18px;transform:rotate(25deg)}.shadow{position:absolute;width:130px;height:15px;border-radius:50%;background:#080e0966;top:365px;left:50%;transform:translateX(-50%);filter:blur(5px)}.spark{position:absolute;color:var(--lime);font-size:29px;top:145px;right:58px}.chip{position:absolute;top:324px;left:50%;transform:translateX(-50%);background:#17241b;border:1px solid #8d9c6a;white-space:nowrap;padding:9px 14px;border-radius:20px;font-size:10px;letter-spacing:1.7px}
/* P–01 physical power switch, CRT signal transition and animated character. */
.pip-power-unit{position:relative;background:linear-gradient(135deg,#607169,#354e55 45%,#1c3544);border:1px solid #8b9e8e;border-bottom:5px solid #0a1c28;border-radius:7px;padding:12px 11px;margin:0 0 16px;box-shadow:inset 0 1px #c8d2b35c,0 3px 7px #0008}.pip-power-name{display:block;font:7px 'IBM Plex Mono';color:#c8c6a5;letter-spacing:1.8px;margin-bottom:10px;text-align:center}.pip-power-switch{display:block;position:relative;width:100%;height:66px;border:3px solid #182b34;border-bottom:5px solid #071723;border-radius:7px;padding:0;background:linear-gradient(#071722,#233b43 45%,#0c202c);box-shadow:inset 0 4px 12px #000c,0 1px #a3b09b66;transform:none!important;overflow:hidden;cursor:pointer}.pip-power-switch:before{display:none!important}.pip-power-switch:hover{filter:brightness(1.1)}.pip-power-switch:disabled{opacity:1;cursor:wait}.pip-power-switch:focus-visible{outline:3px solid #e4c58a;outline-offset:5px}.pip-power-led{position:absolute;left:12px;top:23px;width:10px;height:10px;border-radius:50%;background:#e46850;border:2px solid #8f453b;box-shadow:0 0 10px #f3564580,inset 0 1px #ffc5a0;transition:background .2s,box-shadow .2s}.pip-power-switch[data-state=on] .pip-power-led{background:#94f7aa;border-color:#467d58;box-shadow:0 0 13px #86ffacaa,inset 0 1px #e0ffd7}.power-word{position:absolute;top:22px;font:600 11px 'IBM Plex Mono';letter-spacing:1px;color:#8aa29c;z-index:1;pointer-events:none}.power-off-word{left:34px}.power-on-word{right:16px}.pip-power-switch[data-state=off] .power-off-word{color:#f0a68b;text-shadow:0 0 8px #f0755d66}.pip-power-switch[data-state=on] .power-on-word{color:#bff7bf;text-shadow:0 0 8px #a9f2a466}.pip-lever{position:absolute;top:5px;bottom:5px;left:calc(50% - 23px);width:42px;border:1px solid #a5b4a0;border-bottom:5px solid #10232e;border-radius:5px;background:linear-gradient(90deg,#4c6265,#a9b4a0 20%,#697f79 48%,#405a61 53%,#70867b 80%,#263e4b);box-shadow:inset 0 1px #eef0c78c,3px 5px 6px #000a;transform:translateX(-14px) rotateY(-18deg);transition:transform .26s cubic-bezier(.2,.7,.3,1.35);z-index:2}.pip-power-switch[data-state=on] .pip-lever{transform:translateX(14px) rotateY(18deg)}.pip-lever i{display:block;position:absolute;top:10px;bottom:10px;left:11px;right:11px;background:repeating-linear-gradient(0deg,#1e3944 0 2px,#8fa392 3px 4px);border-radius:3px;box-shadow:inset 1px 0 4px #0008}.pip-power-status{display:block;text-align:center;font:6px/1.8 'IBM Plex Mono';letter-spacing:.5px;color:#a5bfb1;margin-top:9px;min-height:12px}.pip-system-off .pip-power-status{color:#d59882}.pip-system-on .pip-power-status{color:#aed8b5}.pip-screen{overflow:hidden;isolation:isolate}.pip-static{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;background:#354c50!important;border:0!important;border-radius:0!important;z-index:12;opacity:0;pointer-events:none;image-rendering:pixelated;transition:opacity .08s;box-shadow:inset 0 0 35px #000a}.pip-tuning .pip-static{opacity:0}.pip-static:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 2px,#0005 3px 4px)}.pip-off-label{display:none;position:absolute;inset:0;z-index:9;align-items:center;justify-content:center;font:8px 'IBM Plex Mono';letter-spacing:3px;color:#5e7e80;background:radial-gradient(ellipse,#0c202c,#04131d 80%);text-shadow:0 0 6px #75a28e44}.pip-off .pip-off-label{display:flex}.pip-off .bot{opacity:0!important}.pip-off:after{opacity:0!important}.pip-screen .bot{will-change:transform;filter:drop-shadow(0 10px 9px #0009);animation:pip-float-3d 4.8s ease-in-out infinite;transform:translateX(-50%) scale(var(--pip-scale,.52));transform-style:preserve-3d;transition:opacity .3s;--pip-scale:.52}.scene.pip-screen .bot{--pip-scale:.85}.pip-screen .head{background:radial-gradient(ellipse at 28% 10%,#f4f4c5,#d0dba4 24%,#8aab7a 62%,#526f5e 92%);box-shadow:inset 6px 7px 10px #fcffdc80,inset -9px -15px 15px #234d4d88,0 5px 0 #4e6b57,0 10px 16px #0008;border:2px solid #bbd19b;transform:perspective(700px) rotateX(5deg)}.pip-screen .head:before{content:'';position:absolute;left:20px;top:10px;width:80px;height:22px;border-radius:50%;background:linear-gradient(#ffffff70,transparent);filter:none}.pip-screen .face{background:radial-gradient(ellipse at 45% 35%,#203f3c,#061b20 80%);box-shadow:inset 0 7px 14px #000b,0 2px #c4dba666;border-color:#547b66}.pip-screen .body{background:radial-gradient(ellipse at 25% 10%,#dce8b6,#839e73 60%,#416255);box-shadow:inset -5px -6px 8px #23474c77,0 4px 5px #0007}.pip-screen .ears{box-shadow:inset 2px 1px 4px #f4ffcd77,2px 3px 5px #0006}.pip-screen .arm{box-shadow:inset 0 3px 4px #f0ffb955,0 5px 4px #0005}.pip-screen .eye{background:#d9ff9d;box-shadow:0 0 7px #d8ffad,0 0 18px #baff9b66;animation:pip-blink 6.5s infinite}.pip-screen .mouth{left:64px;bottom:11px;width:27px;height:4px;border:0;border-bottom:3px solid #d8ff9f;border-radius:40%;background:transparent;box-shadow:0 0 5px #c3ff7b44;transition:height .07s,bottom .07s}.pip-screen.pip-voicing .mouth{height:var(--mouth-open,10px);bottom:8px;background:#b8f87c;border:2px solid #dfff9c;border-radius:45%;box-shadow:0 0 10px #bcff7b77}.pip-screen.pip-speaking .core{box-shadow:0 0 24px #d9ff8e;animation:pip-core .6s ease-in-out infinite alternate}.pip-arriving .bot{animation:pip-arrive .6s ease-out,pip-float-3d 4.8s .6s ease-in-out infinite}.pip-panel .voice,#hear,#sound{display:none!important}.pip-panel .pip-text{margin-top:0}.scene.pip-screen{height:570px!important}.scene .pip-power-unit{position:absolute;left:18px;right:18px;top:300px;z-index:3;margin:0;padding:9px 13px}.scene .pip-power-switch{height:58px;max-width:270px;margin:0 auto}.scene .pip-power-name{font-size:7px;margin-bottom:7px}.scene .pip-power-status{font-size:6px}.scene .chip{display:none}.scene .speech{bottom:17px}.scene .pip-static{bottom:auto;height:295px!important}.scene .pip-off-label{bottom:auto;height:295px}.scene .pip-screen:after{pointer-events:none}.scene .speech-top .voice{display:none}.pip-mini:after{transition:opacity .2s}.pip-mini.pip-speaking:after{animation:pip-wave .5s steps(3) infinite}.pip-panel{align-self:start}.pip-panel>.pip-power-unit{grid-column:1/-1}.pip-text .toolbtn{margin-bottom:0}.pip-screen .bot *{backface-visibility:hidden}
@keyframes pip-float-3d{0%,100%{transform:translateX(-50%) translateY(0) perspective(700px) rotateY(-5deg) rotateZ(-1deg) scale(var(--pip-scale,.52))}50%{transform:translateX(-50%) translateY(-6px) perspective(700px) rotateY(6deg) rotateZ(1.5deg) scale(var(--pip-scale,.52))}}
@keyframes pip-arrive{0%{opacity:0;filter:drop-shadow(0 8px 9px #0008);transform:translateX(-50%) translateY(15px) scale(calc(var(--pip-scale,.52)*.8))}100%{opacity:1;filter:drop-shadow(0 8px 9px #0008);transform:translateX(-50%) scale(var(--pip-scale,.52))}}
@keyframes pip-blink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.12)}}@keyframes pip-core{to{opacity:.6}}@keyframes pip-wave{50%{transform:scaleY(.45)}}
@media(min-width:761px) and (max-height:850px){.pip-mini .bot{--pip-scale:.43}.pip-power-unit{padding:9px;margin-bottom:12px}.pip-power-switch{height:59px}.pip-power-name{font-size:6px;margin-bottom:7px}.pip-power-status{font-size:5px}.power-word{font-size:9px}.power-off-word{left:30px}.power-on-word{right:12px}.pip-power-led{left:10px;top:21px;width:9px;height:9px}}
@media(max-width:1100px){.power-word{font-size:9px}.power-off-word{left:27px}.power-on-word{right:9px}.pip-power-led{left:8px}.pip-power-switch{height:61px}.pip-lever{width:35px;left:calc(50% - 18px)}.pip-power-switch[data-state=on] .pip-lever{transform:translateX(9px) rotateY(18deg)}.pip-power-switch[data-state=off] .pip-lever{transform:translateX(-9px) rotateY(-18deg)}}
@media(max-width:760px){.pip-panel{grid-template-columns:90px 1fr}.pip-mini{grid-column:1;grid-row:1}.pip-panel>.pip-power-unit{grid-column:1/-1;grid-row:2;margin-bottom:0}.pip-panel>.pip-text{grid-column:2;grid-row:1}.pip-power-unit{padding:10px 16px}.pip-power-switch{max-width:300px;margin:0 auto;height:62px}.pip-power-name{font-size:7px;margin-bottom:8px}.pip-power-status{font-size:6px}.power-off-word{left:40px}.power-on-word{right:25px}.pip-power-led{left:18px}.pip-lever{width:45px;left:calc(50% - 24px)}.pip-power-switch[data-state=on] .pip-lever{transform:translateX(21px) rotateY(18deg)}.pip-power-switch[data-state=off] .pip-lever{transform:translateX(-21px) rotateY(-18deg)}.pip-mini .bot{--pip-scale:.4}.scene .pip-power-unit{left:12px;right:12px}.scene.pip-screen{height:550px!important}.scene .pip-power-unit{top:285px}.scene .pip-static,.scene .pip-off-label{height:280px!important}.scene .speech{padding:13px}.scene .speech p{font-size:10px}}
@media(max-width:420px){.pip-panel{grid-template-columns:65px 1fr}.pip-mini .bot{--pip-scale:.3}.scene .pip-screen .bot{--pip-scale:.72}.scene .pip-power-unit{padding:8px}.scene.pip-screen{height:555px!important}.scene .pip-power-switch{height:58px}}
@media(prefers-reduced-motion:reduce){.pip-screen .bot,.pip-screen .eye,.pip-arriving .bot,.pip-screen.pip-speaking .core,.pip-mini.pip-speaking:after{animation:none!important}.pip-lever{transition:none!important}}

/* Keep the guide in focus, including during power transitions. */
.pip-screen .pip-static{display:none!important}

.pip-screen .bot .pip-balloon-wheel{position:absolute;top:211px;width:45px;height:58px;border-radius:48%;background:radial-gradient(ellipse at 35% 24%,#788d89 0,#43575b 24%,#243940 62%,#10252c 90%);border:0;box-shadow:inset 5px 0 7px #a7beb43b,inset -6px -2px 8px #000b,3px 5px 5px #0008;z-index:2;overflow:hidden}.pip-screen .bot .pip-balloon-wheel.left{left:30px;rotate:-5deg}.pip-screen .bot .pip-balloon-wheel.right{right:30px;rotate:5deg}.pip-tyre-tread{position:absolute;inset:2px 7px;border-radius:40%;background:repeating-linear-gradient(25deg,transparent 0 8px,#a5bca34d 9px 12px,transparent 13px 17px);border-left:2px solid #142b33;border-right:2px solid #142b33}.pip-wheel-hub{position:absolute;top:17px;width:8px;height:21px;border-radius:50%;background:#a7c9ad;border:2px solid #304c4c;box-shadow:0 0 3px #d7eac4}.pip-balloon-wheel.left .pip-wheel-hub{left:-3px}.pip-balloon-wheel.right .pip-wheel-hub{right:-3px}.pip-screen .shadow{top:281px!important;width:145px}