/* Float in the existing reserved gutter: never increase classroom coverage. */
#yiwen-float-dock{position:fixed;right:24px;bottom:20px;width:120px}
#yiwen-float{position:relative;flex-direction:column;gap:0;padding:0;border:0;background:transparent;box-shadow:none;align-items:center;text-align:center;min-height:128px}
#yiwen-float .ai-pet-avatar{width:104px;height:104px;display:flex;animation:pet-breathe 5.5s ease-in-out infinite;filter:drop-shadow(0 6px 5px #253d4014)}
#yiwen-float>span:not(.ai-pet-avatar){background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:4px 9px;gap:0}
#yiwen-float strong{font-size:10px}#yiwen-float small{display:none}#yiwen-float:hover,#yiwen-float:focus-visible{box-shadow:none;border:0;border-radius:22px}#yiwen-float:hover small,#yiwen-float:focus-visible small{display:block}
.ai-pet-avatar[data-pet-state=thinking]::after{content:'···';position:absolute;right:0;top:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:0 5px;color:var(--brand);animation:pet-dots 1.4s ease-in-out infinite}.ai-pet-avatar{position:relative}
@keyframes pet-breathe{50%{transform:translateY(-4px) scale(1.025)}}@keyframes pet-dots{50%{opacity:.45}}
.pet-settings{margin-top:24px}.pet-skin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pet-skin-grid button{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:130px;background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:14px;padding:12px}.pet-skin-grid img{width:72px;height:72px}.pet-skin-grid button[aria-pressed=true]{border:2px solid var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--paper))}.pet-skin-grid button:disabled{opacity:.55}.pet-settings [role=status]{font-size:12px;color:var(--brand)}
@media(min-width:701px) and (max-width:1200px){#yiwen-float-dock{width:76px;right:8px}#yiwen-float .ai-pet-avatar{width:80px;height:80px}#yiwen-float{min-height:102px}}
@media(max-width:700px){#yiwen-float-dock{width:150px;right:10px;bottom:max(6px,env(safe-area-inset-bottom))}#yiwen-float{flex-direction:row;min-height:58px;gap:0}#yiwen-float .ai-pet-avatar{width:56px;height:56px}#yiwen-float>span:not(.ai-pet-avatar){padding:4px 6px}#yiwen-float strong{font-size:9px}#yiwen-float:hover small{display:none}.pet-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#yiwen-float .ai-pet-avatar,.ai-pet-avatar::after{animation:none!important}}

.pet-selected-preview{display:flex;gap:16px;align-items:center;margin:16px 0 20px;padding:14px;background:color-mix(in srgb,var(--brand) 5%,var(--paper));border-radius:12px}.pet-selected-preview img{width:88px;height:88px;flex-shrink:0}.pet-selected-preview p{font-size:12px;color:var(--muted);margin:6px 0}.pet-skin-grid small{font-size:11px;line-height:1.5;color:var(--muted)}