chaos-opos{display:block;width:100%;aspect-ratio:1;contain:layout paint;pointer-events:none}chaos-opos canvas{display:block;width:100%;height:100%;object-fit:contain}chaos-opos[data-failed]{display:grid;place-items:center;font-size:16px;color:var(--muted)}
.opos-pet-slot{flex:none;min-height:100px;border-top:1px solid var(--line);background:var(--bg);position:relative;z-index:1}.opos-pet{height:100px;display:flex;align-items:center;justify-content:flex-end;gap:0;position:relative;padding:0 12px 0 20px;isolation:isolate}.opos-pet-touch{display:block;width:120px;height:100px;padding:0;flex:none;position:relative;border-radius:25px;touch-action:manipulation}.opos-pet-touch chaos-opos{width:120px;position:absolute;bottom:-2px;left:0}.opos-pet-touch:hover{background:transparent}.opos-pet-options{width:44px;min-height:44px;flex:none;align-self:flex-end;margin-bottom:6px;font-size:24px;color:var(--muted);border-radius:14px}.opos-pet-options:hover{background:var(--soft)}
.opos-pet-bubble{position:relative;display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:19px 19px 5px 19px;padding:9px 0 9px 14px;max-width:340px;min-width:0;margin-right:4px;box-shadow:0 2px 5px #00000003}.opos-pet-bubble[hidden]{display:none}.opos-pet-bubble p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.5em;font-size:12px;line-height:1.5;overflow-wrap:anywhere;min-width:0;margin:0}.opos-pet-close{width:44px;min-height:44px;flex:none;color:var(--muted);font-size:18px;border-radius:12px}.opos-pet-menu{position:absolute;bottom:calc(100% - 5px);right:12px;width:min(245px,calc(100vw - 48px));padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 30px #0002;z-index:2}.opos-pet-menu{max-height:min(440px,var(--pet-menu-room,65dvh));overflow-y:auto;overscroll-behavior:contain}.opos-pet-menu[hidden]{display:none}.opos-pet-menu button,.opos-pet-menu a{display:flex;width:100%;align-items:center;min-height:44px;text-align:left;padding:10px 13px;font-size:12px;border-radius:10px;color:var(--ink);text-decoration:none}.opos-pet-menu button:hover,.opos-pet-menu a:hover{background:var(--soft)}.opos-pet-menu [data-pet-setting="quiet"]{border-top:1px solid var(--line);margin-top:4px}.opos-pet :is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.opos-pet-slot.pet-compact{min-height:50px}.opos-pet.is-tucked{height:50px}.opos-pet.is-tucked .opos-pet-touch{width:62px;height:50px}.opos-pet.is-tucked chaos-opos{width:65px}.opos-pet.is-tucked .opos-pet-bubble{display:none}.opos-pet.is-tucked .opos-pet-options{align-self:center;margin-bottom:0}.opos-pet.is-editing .opos-pet-options{align-self:center;margin-bottom:0}
@media(max-width:390px){.opos-pet{padding-left:12px;padding-right:6px;height:94px}.opos-pet-slot{min-height:94px}.opos-pet-touch{width:100px;height:94px}.opos-pet-touch chaos-opos{width:108px;left:-4px}.opos-pet-options{width:44px;min-width:44px}.opos-pet-bubble{padding-left:11px;border-radius:16px 16px 4px 16px}.opos-pet-bubble p{font-size:11px}.opos-pet-close{width:44px}}

.opos-pet.is-editing .opos-pet-bubble{display:none}.opos-pet-slot:last-child{padding-bottom:env(safe-area-inset-bottom)}