.pblh-host{--pblh-accent:#a6e6c2;--pblh-look-x:0px;--pblh-look-y:0px;display:flex;align-items:center;gap:10px;position:relative;isolation:isolate;min-width:0;color:#f5f0e7;font-family:Inter,Arial,sans-serif;letter-spacing:normal}
.pblh-character{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 115px;width:115px;min-height:132px;padding:0 0 5px;border:0;border-radius:24px;background:transparent;color:var(--pblh-accent);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font:inherit;position:relative}
.pblh-character:before{content:'';position:absolute;inset:10px 0 22px;border-radius:50%;background:radial-gradient(ellipse,#78cbbb1a,transparent 70%);opacity:.9;transition:opacity .25s}
.pblh-character:hover:before,.pblh-character:focus-visible:before{opacity:1;background:radial-gradient(ellipse,#a6e6c22b,transparent 70%)}
.pblh-character:focus-visible{outline:2px solid var(--pblh-accent);outline-offset:3px}
.pblh-portrait{display:block;width:115px;height:124px;overflow:visible;filter:drop-shadow(0 8px 9px #0002);position:relative;transform-origin:50% 88%;flex:none}
.pblh-touch-hint{display:block;white-space:nowrap;position:relative;font-size:8px;line-height:1.5;color:#a6adbb;letter-spacing:.1px}
.pblh-speech{position:relative;flex:1;min-width:0;padding:13px 15px 11px;background:linear-gradient(135deg,#253936f5,#1d2833fa 72%);border:1px solid #a6e6c22f;border-radius:18px 18px 18px 5px;box-shadow:0 9px 25px #0002}
.pblh-speech:before{content:'';position:absolute;left:-6px;bottom:25px;width:10px;height:10px;transform:rotate(45deg);background:#243334;border-left:1px solid #a6e6c22f;border-bottom:1px solid #a6e6c22f}
.pblh-intro{display:flex;align-items:center;gap:7px;font-size:8px;line-height:1.4;letter-spacing:.15px;color:#a6adbb;margin-bottom:7px;min-width:0}
.pblh-name{font-weight:750;font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--pblh-accent)}
.pblh-next{margin-left:auto;font-size:14px;line-height:1;opacity:.7;color:var(--pblh-accent)}
.pblh-speech-text{margin:0!important;min-height:65px;font:12px/1.65 Inter,Arial,sans-serif!important;color:#e1e7df!important;letter-spacing:normal!important;overflow-wrap:break-word}
.pblh-progress{display:flex;gap:4px;margin-top:9px;height:3px}
.pblh-progress i{display:block;height:3px;width:11px;border-radius:4px;background:#ffffff18;transition:background .2s,width .2s}
.pblh-progress i.is-current{width:22px;background:var(--pblh-accent)}
.pb-preview:has(.pblh-host){height:560px;display:flex;flex-direction:column;justify-content:flex-end;padding:0 13px 14px}
.pb-preview:has(.pblh-host) .pb-preview-card.quote{bottom:191px}
.pb-preview:has(.pblh-host) .pb-preview-card.todo{bottom:200px}
.pblh-hero{z-index:2;flex:none;transform:rotate(-1deg)}
.pblh-pricing{--pblh-accent:#ffd697;max-width:660px;margin:0 0 24px;gap:13px;align-items:center}
.pblh-pricing .pblh-character{flex-basis:100px;width:100px;min-height:118px}
.pblh-pricing .pblh-portrait{width:104px;height:112px}
.pblh-pricing .pblh-character:before{background:radial-gradient(ellipse,#ffc86520,transparent 70%)}
.pblh-pricing .pblh-character:hover:before,.pblh-pricing .pblh-character:focus-visible:before{background:radial-gradient(ellipse,#ffc86530,transparent 70%)}
.pblh-pricing .pblh-speech{background:linear-gradient(135deg,#3a302bf5,#292932f5 85%);border-color:#ffd69730;max-width:530px;padding:14px 18px 12px}
.pblh-pricing .pblh-speech:before{background:#382f2d;border-color:#ffd69730}
.pblh-pricing .pblh-speech-text{font-size:13px!important;min-height:43px;color:#f2e6d5!important}
.pblh-pricing .pblh-intro{font-size:9px;margin-bottom:6px}
.pblh-body{transform-origin:48px 84px;animation:pblh-breathe 4.8s ease-in-out infinite}
.pblh-pricing .pblh-body{animation-duration:5.7s;animation-delay:-1.8s}
.pblh-arm-left{transform-origin:20px 60px}.pblh-arm-right{transform-origin:76px 60px}
.pblh-foot-left{transform-origin:33px 89px}.pblh-foot-right{transform-origin:63px 89px}
.pblh-pupils{transform:translate(var(--pblh-look-x),var(--pblh-look-y));transition:transform .4s}
.pblh-blink-eyes{display:none}.pblh-blinking .pblh-eyes{visibility:hidden}.pblh-blinking .pblh-blink-eyes{display:block}
.pblh-sparks{opacity:0;transform-origin:48px 45px}
.pblh-host[data-pose=wave] .pblh-arm-right{animation:pblh-wave .55s ease-in-out 3}
.pblh-host[data-pose=wave] .pblh-body{animation:pblh-greet 1.4s ease-in-out}
.pblh-host[data-pose=present] .pblh-arm-right{animation:pblh-present 1.9s ease-in-out}
.pblh-host[data-pose=present] .pblh-pupils{transform:translate(2px,-1px)}
.pblh-host[data-pose=inspect] .pblh-body{animation:pblh-inspect 1.8s ease-in-out}
.pblh-host[data-pose=inspect] .pblh-arm-left{animation:pblh-peek 1.8s ease-in-out}
.pblh-host[data-pose=celebrate] .pblh-portrait{animation:pblh-hop 1.6s ease-in-out}
.pblh-host[data-pose=celebrate] .pblh-arm-left{animation:pblh-cheer-left 1.6s ease-in-out}
.pblh-host[data-pose=celebrate] .pblh-arm-right{animation:pblh-cheer-right 1.6s ease-in-out}
.pblh-host[data-pose=celebrate] .pblh-sparks{animation:pblh-spark 1.6s ease-in-out}
.pblh-host[data-pose=settle] .pblh-body{animation:pblh-settle 1.6s ease-in-out}
.pblh-host[data-pose=settle] .pblh-foot-left{animation:pblh-foot-tap 1.6s ease-in-out}
.pb-preview-card.pblh-highlight,.pb-feature.pblh-highlight{outline:2px solid #a6e6c2a8;outline-offset:4px;box-shadow:0 0 0 7px #a6e6c20a,0 16px 32px #0004}
#pb-pricing .pb-plan.pblh-highlight{outline:2px solid #ffd697a8;outline-offset:4px;box-shadow:0 0 0 7px #ffd6970a}
.pb-preview:has(.pblh-host) .pb-preview-card:focus-visible,.pb-main:has(.pblh-host) .pb-feature:focus-visible{outline:2px solid #a6e6c2;outline-offset:4px}
.pblh-paused *{animation-play-state:paused!important}.pblh-paused .pblh-pupils,.pblh-paused .pblh-progress i{transition:none}
@keyframes pblh-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.012,.99)}}
@keyframes pblh-wave{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(-96deg)}}
@keyframes pblh-greet{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg)}70%{transform:rotate(3deg)}}
@keyframes pblh-present{0%,100%{transform:rotate(0)}25%,65%{transform:rotate(-58deg)}45%{transform:rotate(-48deg)}}
@keyframes pblh-inspect{0%,100%{transform:rotate(0) translateY(0)}25%,70%{transform:rotate(-6deg) translateY(-1px)}45%{transform:rotate(-4deg) translateY(-2px)}}
@keyframes pblh-peek{0%,100%{transform:rotate(0)}25%,75%{transform:rotate(60deg)}}
@keyframes pblh-hop{0%,100%{transform:translateY(0) scale(1)}20%{transform:translateY(1px) scale(1.035,.97)}40%{transform:translateY(-8px) rotate(-3deg)}60%{transform:translateY(0) scale(1.03,.97)}78%{transform:translateY(-3px) rotate(2deg)}}
@keyframes pblh-cheer-left{0%,100%{transform:rotate(0)}35%,75%{transform:rotate(82deg)}}
@keyframes pblh-cheer-right{0%,100%{transform:rotate(0)}35%,75%{transform:rotate(-82deg)}}
@keyframes pblh-spark{0%,100%{opacity:0;transform:scale(.8)}30%,70%{opacity:.8;transform:scale(1.07)}}
@keyframes pblh-settle{0%,100%{transform:translateY(0)}30%{transform:translateY(2px) rotate(3deg)}60%{transform:translateY(1px) rotate(-2deg)}}
@keyframes pblh-foot-tap{0%,100%{transform:rotate(0)}25%,55%{transform:rotate(-15deg) translateY(-1px)}}
@media(max-width:860px){.pb-hero:has(.pblh-host){grid-template-columns:1fr;gap:24px}.pb-hero:has(.pblh-host) .pb-preview{width:100%;max-width:550px;justify-self:center}.pb-preview:has(.pblh-host) .pb-preview-card.photo{left:30px;width:174px;top:29px}.pb-preview:has(.pblh-host) .pb-preview-card.note{right:24px;width:200px;top:65px}.pb-preview:has(.pblh-host) .pb-preview-card.quote{left:34px;width:245px;bottom:191px}.pb-preview:has(.pblh-host) .pb-preview-card.todo{display:block;right:22px;bottom:200px}}
@media(max-width:600px){.pb-preview:has(.pblh-host){height:550px;padding:0 10px 12px}.pb-preview:has(.pblh-host) .pb-preview-card.photo{left:24px;width:158px;top:25px}.pb-preview:has(.pblh-host) .pb-preview-card.note{right:16px;width:170px;top:86px;padding:16px;font-size:12px}.pb-preview:has(.pblh-host) .pb-preview-card.note strong{font-size:19px;margin:7px 0 10px}.pb-preview:has(.pblh-host) .pb-preview-card.quote{left:24px;width:221px;bottom:191px;font-size:21px}.pb-preview:has(.pblh-host) .pb-preview-card.todo{display:none}.pblh-host{gap:5px}.pblh-character{flex-basis:100px;width:100px;min-height:120px}.pblh-portrait{width:105px;height:114px}.pblh-speech{padding:11px 12px 10px;border-radius:15px 15px 15px 4px}.pblh-speech-text{font-size:11px!important;line-height:1.65!important;min-height:73px}.pblh-intro{gap:5px;font-size:7px;flex-wrap:wrap}.pblh-intro>span:nth-child(2){font-size:7px}.pblh-name{font-size:9px}.pblh-next{display:none}.pblh-pricing{margin-bottom:22px;gap:8px}.pblh-pricing .pblh-character{flex-basis:88px;width:88px}.pblh-pricing .pblh-portrait{width:98px;height:106px}.pblh-pricing .pblh-speech{padding:12px 13px 11px}.pblh-pricing .pblh-speech-text{font-size:12px!important;min-height:60px}.pblh-pricing .pblh-intro{font-size:8px;gap:5px}.pblh-touch-hint{font-size:7px}.pblh-progress{margin-top:7px}}
@media(max-width:380px){.pb-preview:has(.pblh-host){height:565px;padding:0 8px 12px}.pb-preview:has(.pblh-host) .pb-preview-card.photo{left:15px;width:142px;top:25px}.pb-preview:has(.pblh-host) .pb-preview-card.photo img{height:104px}.pb-preview:has(.pblh-host) .pb-preview-card.photo span{font-size:14px}.pb-preview:has(.pblh-host) .pb-preview-card.note{right:12px;width:148px;top:112px;padding:14px;font-size:11px}.pb-preview:has(.pblh-host) .pb-preview-card.note small{font-size:8px;letter-spacing:1px}.pb-preview:has(.pblh-host) .pb-preview-card.note strong{font-size:18px}.pb-preview:has(.pblh-host) .pb-preview-card.quote{left:19px;width:214px;bottom:192px;font-size:20px;padding:17px}.pblh-character{flex-basis:81px;width:81px}.pblh-portrait{width:88px;height:95px}.pblh-speech{padding:10px}.pblh-speech-text{font-size:10px!important;min-height:93px}.pblh-intro{column-gap:4px;row-gap:1px;margin-bottom:5px}.pblh-intro>span:nth-child(2){width:100%}.pblh-pricing .pblh-character{flex-basis:73px;width:73px}.pblh-pricing .pblh-portrait{width:84px;height:91px}.pblh-pricing .pblh-speech{padding:10px 12px}.pblh-pricing .pblh-speech-text{font-size:11px!important}.pblh-touch-hint{font-size:6px}}
@media(max-width:600px){.pb-preview:has(.pblh-host){height:570px}.pblh-speech-text{font-size:12px!important;min-height:100px}.pblh-intro,.pblh-intro>span:nth-child(2){font-size:8px}.pblh-name{font-size:10px}.pblh-touch-hint{font-size:8px}.pblh-pricing .pblh-speech-text{font-size:12px!important}}
@media(max-width:380px){.pb-preview:has(.pblh-host){height:600px}.pb-preview:has(.pblh-host) .pb-preview-card.quote{bottom:212px}.pblh-speech-text{font-size:12px!important;min-height:115px}.pblh-intro,.pblh-intro>span:nth-child(2){font-size:8px}.pblh-touch-hint{font-size:7px}.pblh-pricing .pblh-speech-text{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.pblh-host *{animation:none!important;transition:none!important}.pblh-host .pblh-sparks{opacity:0}.pblh-host .pblh-portrait,.pblh-host .pblh-body,.pblh-host .pblh-arm-left,.pblh-host .pblh-arm-right,.pblh-host .pblh-foot-left{transform:none!important}}