/* Quick tips: the "? Tips" pill (next to New chat) and the card it opens. */
.bluey-session-tools .bluey-tips-pill span{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:2px;border-radius:50%;background:#0b78c9;color:#fff;font-size:11px;font-weight:800;line-height:1}
.bluey-tips-shade{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,32,52,.28)}
.bluey-tips-shade[hidden]{display:none}
.bluey-tips-card{width:min(440px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;background:#fff;color:#1f2a37;border-radius:22px;box-shadow:0 18px 48px rgba(11,62,105,.22);padding:20px 20px 16px;font-size:16px;line-height:1.45}
.bluey-tips-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.bluey-tips-head h2{margin:0;font-size:21px;color:#0b5fa8}
.bluey-tips-x{border:0;background:none;color:#6b7785;font-size:28px;line-height:1;padding:2px 6px;cursor:pointer}
.bluey-tips-list{list-style:none;margin:0;padding:0}
.bluey-tips-list li{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:11px 0;border-top:1px solid #e8eef4}
.bluey-tips-list li:first-child{border-top:0}
.bluey-tips-icon{font-size:22px;line-height:1.3;text-align:center}
.bluey-tips-list strong{display:block;color:#123;font-size:16px}
.bluey-tips-list p{margin:2px 0 0;color:#4a5866;font-size:15px}
.bluey-tips-done{display:block;width:100%;margin-top:10px;border:0;border-radius:999px;padding:12px;background:linear-gradient(180deg,#2ea8f0,#0b78c9);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.bluey-tips-x:focus-visible,.bluey-tips-done:focus-visible,.bluey-tips-pill:focus-visible{outline:3px solid #7cc4f5;outline-offset:2px}
html[data-text="large"] .bluey-tips-card{font-size:18px}
html[data-text="larger"] .bluey-tips-card{font-size:20px}
html[data-text="large"] .bluey-tips-list p,html[data-text="larger"] .bluey-tips-list p{font-size:1em}
.bluey-tips-icon.is-plus{justify-self:center;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#5ec3f7,#0b78c9 70%);color:#fff;font-size:20px;font-weight:600;line-height:1}
/* Glow on the Tips pill until it's tapped once. Only the glow layer's opacity animates (cheap
   for the GPU), and it pauses while Bluey rests. */
.bluey-session-tools .bluey-tips-pill.is-new{position:relative;border-color:#f3c52f;background:#fffbe6}
.bluey-session-tools .bluey-tips-pill.is-new::after{content:'';position:absolute;inset:-5px;border-radius:999px;box-shadow:0 0 14px 6px rgba(255,204,51,.75),0 0 0 2px rgba(255,214,64,.6);pointer-events:none;animation:bluey-tips-glow 1.8s ease-in-out infinite}
@keyframes bluey-tips-glow{0%,100%{opacity:.45}50%{opacity:1}}
body.bluey-resting .bluey-tips-pill.is-new::after{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.bluey-session-tools .bluey-tips-pill.is-new::after{animation:none;opacity:.85}}