:root{--receipt-hot:#ff2c9c;--receipt-ink:#171218;--receipt-panel:#d2ced6}
.pet-profile-bubble{position:fixed;z-index:72;min-height:36px;padding:7px 27px 7px 11px;border:1px solid #5f5963;border-radius:0;background:#d2ced6;color:#171218;box-shadow:2px 2px 0 rgba(23,18,24,.55);font:700 10px/1.2 var(--mono);opacity:0;transform:translateY(4px);transition:opacity 110ms steps(2,end),transform 110ms steps(2,end),background 80ms linear;cursor:pointer}.pet-profile-bubble[hidden]{display:none}.pet-profile-bubble.is-visible{opacity:1;transform:translateY(0)}.pet-profile-bubble:hover{background:#ff2c9c}.pet-profile-bubble:focus-visible{outline:1px solid #171218;outline-offset:2px}
.pet-profile-bubble::after{content:"";position:absolute;right:12px;bottom:-6px;width:9px;height:9px;background:inherit;border-right:1px solid #5f5963;border-bottom:1px solid #5f5963;transform:rotate(45deg)}.pet-profile-bubble__cue{position:absolute;right:8px;top:9px;color:#ff2c9c;font-style:normal}.pet-profile-bubble:hover .pet-profile-bubble__cue{color:#171218}
.pet-receipt{--editor:#100c12;--editor-2:#18121b;--ink:#ece7ed;--muted:#706a78;--key:#8fd9e4;--string:#f2a47f;--hot:#ff2c9c;position:fixed;z-index:74;display:flex;flex-direction:column;width:330px;height:min(560px,calc(100vh - 90px));overflow:hidden;color:var(--ink);background:var(--editor);border:1px solid #746d78;box-shadow:none;opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(-3px);transition:clip-path 260ms steps(8,end),opacity 110ms linear,transform 260ms steps(8,end);font-family:var(--mono)}.pet-receipt[hidden]{display:none}.pet-receipt.is-open{clip-path:inset(0);opacity:1;transform:translateY(0)}.pet-receipt.is-closing{clip-path:inset(0 0 100% 0);opacity:0;transform:translateY(-3px);transition-duration:180ms}

.pet-receipt__bar{display:flex;align-items:center;justify-content:space-between;min-height:31px;padding:0 4px 0 10px;color:#e5dfe6;background:#211a23;border-bottom:1px solid #57505a;user-select:none}.pet-receipt__title{margin:0;font:700 10px/1 var(--mono);letter-spacing:.02em}.pet-receipt__close{width:var(--system-window-button-width);height:var(--system-window-button-height);padding:0;border:1px solid #171218;background:#e3dfe5;color:#171218;box-shadow:inset -1px -1px 0 #aaa4ad;font:700 14px/1 var(--mono);cursor:pointer}.pet-receipt .code-profile__output{flex:1;min-width:0;min-height:0;overflow:auto;padding:10px 0 14px;scrollbar-color:#514a55 #18121b;scrollbar-width:thin;outline:none}.pet-receipt .code-profile__line{display:grid;grid-template-columns:32px minmax(0,1fr);min-height:18px;padding-right:8px;font:400 10px/1.55 var(--mono);white-space:pre}.pet-receipt .code-profile__line-no{padding-right:7px;color:var(--muted);text-align:right;user-select:none;border-right:1px solid #302932}.pet-receipt .code-profile__line code{min-width:0;padding-left:8px;color:#d9d4dc;font:inherit}.pet-receipt .code-profile__key{color:var(--key)}.pet-receipt .code-profile__string{color:var(--string)}.pet-receipt .code-profile__hint{margin:0;padding:7px 9px;color:#837b87;background:#18121b;border-top:1px solid #39323d;font:700 7px/1.2 var(--mono);letter-spacing:.05em;text-align:right}.pet-receipt .code-profile__hint span{color:#ff2c9c;animation:code-caret 780ms steps(1,end) infinite}
@media(max-width:520px){.pet-receipt{width:calc(100vw - 24px);height:min(540px,calc(100vh - 82px))}}