.pet-comp{--pet-bg:#fff;--pet-card:#f5f6f8;--pet-card-hover:#eef0f4;--pet-text:#242932;--pet-muted:#667080;--pet-border:#e6e9ee;--pet-accent:#c56322;right:24px;bottom:max(18px,env(safe-area-inset-bottom));z-index:10000;max-width:calc(100vw - 32px);color:var(--pet-text);flex-direction:column;align-items:flex-end;gap:12px;font:14px/1.5 system-ui,sans-serif;display:flex;position:fixed}.pet-comp,.pet-comp *{box-sizing:border-box}.pet-comp button{font:inherit;cursor:pointer;color:inherit}.pet-comp button:focus-visible{outline:2px solid var(--pet-accent);outline-offset:4px}.pet-comp__bubble{background:var(--pet-bg);border:1px solid var(--pet-border);overflow-wrap:anywhere;border-radius:16px;max-width:260px;padding:14px 16px;position:relative;box-shadow:0 6px 24px #0001}.pet-comp__bubble:after{content:"";bottom:-7px;right:calc(var(--pet-width,96px) / 2 - 6px);background:var(--pet-bg);border-right:1px solid var(--pet-border);border-bottom:1px solid var(--pet-border);width:12px;height:12px;position:absolute;transform:rotate(45deg)}.pet-comp .pet-comp__pet{width:var(--pet-width,96px);height:var(--pet-height,112px);background:0 0;border:0;border-radius:16px;flex-shrink:0;padding:0;transition:none;display:block;transform:none}.pet-comp .pet-comp__pet:hover,.pet-comp .pet-comp__pet:active{background:0 0;transform:none}.pet-comp__sprite{width:var(--pet-width,96px);height:var(--pet-height,112px);image-rendering:pixelated;background-repeat:no-repeat;display:block}.pet-comp__panel{width:min(320px,100vw - 32px);max-height:min(520px,calc(100dvh - var(--pet-height,112px) - 52px - env(safe-area-inset-bottom)));background:var(--pet-bg);border:1px solid var(--pet-border);border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 60px #0003}.pet-comp__panel header{border-bottom:1px solid var(--pet-border);justify-content:space-between;align-items:center;padding:14px;display:flex}.pet-comp__panel header button{background:0 0;border:0;border-radius:6px;min-width:32px;min-height:32px;font-size:22px}.pet-comp__events{overscroll-behavior:contain;flex-direction:column;gap:10px;min-height:0;padding:10px;display:flex;overflow:auto}.pet-comp__card{isolation:isolate;background:var(--pet-card);border:1px solid var(--pet-border);overflow-wrap:anywhere;border-radius:12px;flex-shrink:0;padding:12px;transition:background .15s,border-color .15s;position:relative}.pet-comp__card--linked:hover{background:var(--pet-card-hover);border-color:var(--pet-muted)}.pet-comp__card-heading{align-items:flex-start;gap:12px;display:flex}.pet-comp__card-heading strong{min-width:0;color:var(--pet-text);flex:1;font-size:13px;line-height:1.4}.pet-comp__card-link{color:inherit;text-decoration:none}.pet-comp__card-link:after{content:"";z-index:1;border-radius:12px;position:absolute;inset:0}.pet-comp__card-link:focus-visible{outline:none}.pet-comp__card-link:focus-visible:after{outline:2px solid var(--pet-accent);outline-offset:-2px}.pet-comp__card-time{font-variant-numeric:tabular-nums;color:var(--pet-muted);white-space:nowrap;text-align:right;flex-shrink:0;margin-left:auto;padding-top:1px;font-size:11px;line-height:1.6}.pet-comp__card-source{color:var(--pet-muted);margin-top:4px;font-size:11px;display:block}.pet-comp__card-description{color:var(--pet-muted);font-size:13px;line-height:1.5}.pet-comp__card-actions a,.pet-comp__card-actions button{z-index:2;position:relative}.pet-comp__card-actions{margin-top:4px}.pet-comp__events p{margin:6px 0}.pet-comp__events small,.pet-comp__empty{color:var(--pet-muted)}.pet-comp__empty{padding:14px}.pet-comp__fallback{font-size:12px}@media (prefers-color-scheme:dark){.pet-comp{--pet-bg:#222a31;--pet-card:#2c3540;--pet-card-hover:#35414e;--pet-text:#f2f5f7;--pet-muted:#b4bec7;--pet-border:#414b55;--pet-accent:#ffb078}}@media (max-width:600px){.pet-comp{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}}.pet-comp{pointer-events:none}.pet-comp__panel,.pet-comp__pet{pointer-events:auto}.pet-comp__size{border-top:1px solid var(--pet-border);flex-shrink:0;padding:12px 14px}.pet-comp__size label{justify-content:space-between;gap:12px;font-size:12px;display:flex}.pet-comp__size output{color:var(--pet-muted);font-variant-numeric:tabular-nums}.pet-comp__size input{width:100%;height:24px;accent-color:var(--pet-accent);cursor:pointer;margin:8px 0 0;display:block}.pet-comp__size input:focus-visible{outline:2px solid var(--pet-accent);outline-offset:4px}.pet-comp__bubble{pointer-events:auto;padding-right:30px}.pet-comp__bubble-link{color:var(--pet-accent);margin-top:8px;font-weight:600;text-decoration:underline;display:block}.pet-comp__bubble-dismiss{background:0 0;border:0;font-size:20px;position:absolute;top:4px;right:5px}.pet-comp__toolbar{border-bottom:1px solid var(--pet-border);flex-shrink:0;justify-content:flex-end;padding:6px 14px;display:flex}.pet-comp__toolbar button{color:var(--pet-accent);background:0 0;border:0;padding:6px;font-size:12px}.pet-comp__toolbar button:disabled{opacity:.45;cursor:default}.pet-comp__card-heading{padding-right:26px}.pet-comp__card-dismiss{z-index:2;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;line-height:1;display:grid;position:absolute;top:6px;right:6px;font-size:20px!important}.pet-comp__card-dismiss:hover{background:var(--pet-bg)}