.site-pet{z-index:100;-webkit-user-select:none;user-select:none;position:fixed;bottom:88px;right:16px}.site-pet__stage{width:240px;position:relative}.site-pet__canvas{cursor:pointer;width:240px;height:240px}.site-pet__canvas canvas{border-radius:50%}.site-pet__lv{border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-accent-cyan);pointer-events:none;box-shadow:var(--shadow-card);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:4px;right:4px}.site-pet__bubble{background:var(--color-bg-surface);border:1px solid var(--color-border-default);width:max-content;max-width:240px;color:var(--color-text-primary);box-shadow:var(--shadow-card-hover);z-index:2;border-radius:20px 20px 4px;padding:12px 16px;font-size:13px;line-height:1.6;position:absolute;bottom:calc(100% - 12px);right:0}.site-pet__onboarding{background:var(--color-bg-surface);border:1px solid var(--color-border-default);width:260px;box-shadow:var(--shadow-card-hover);z-index:2;border-radius:24px 24px 4px;gap:10px;padding:18px;display:grid;position:absolute;bottom:calc(100% - 12px);right:0}.site-pet__onboarding-title{color:var(--color-text-primary);margin:0;font-size:14px;font-weight:700}.site-pet__onboarding-sub{color:var(--color-text-tertiary);margin:0 0 4px;font-size:12px}.site-pet__onboarding button{border:1px solid var(--color-border-default);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.site-pet__onboarding button:hover{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan);background:var(--color-glow-cyan)}.site-pet__chat{border:1px solid var(--color-border-default);background:var(--color-bg-surface);width:min(360px,86vw);box-shadow:var(--shadow-card-hover);z-index:2;border-radius:24px 24px 4px;position:absolute;bottom:calc(100% - 12px);right:0;overflow:hidden}.site-pet__msgs{gap:10px;max-height:320px;padding:16px;display:grid;overflow-y:auto}.site-pet__msg{max-width:88%}.site-pet__msg p{white-space:pre-wrap;border-radius:16px;margin:0;padding:10px 14px;font-size:13px;line-height:1.65}.site-pet__msg.pet{justify-self:start}.site-pet__msg.pet p{background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:16px 16px 16px 4px}.site-pet__msg.user{justify-self:end}.site-pet__msg.user p{background:var(--color-accent-cyan);color:#fff;border-radius:16px 16px 4px;font-weight:600}.site-pet__src{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.site-pet__src a{color:var(--color-accent-cyan);border:1px solid var(--color-border-default);border-radius:999px;padding:3px 10px;font-size:11px;text-decoration:none;transition:all .2s}.site-pet__src a:hover{border-color:var(--color-accent-cyan);background:var(--color-glow-cyan)}.site-pet__dots{align-items:center;gap:5px;min-width:44px;display:flex}.site-pet__dots i{background:var(--color-accent-cyan);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite pet-dot}.site-pet__dots i:nth-child(2){animation-delay:.15s}.site-pet__dots i:nth-child(3){animation-delay:.3s}@keyframes pet-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.site-pet__form{border-top:1px solid var(--color-border-default);background:var(--color-bg-secondary);gap:8px;padding:12px;display:flex}.site-pet__form input{border:1px solid var(--color-border-default);background:var(--color-bg-surface);min-width:0;color:var(--color-text-primary);border-radius:999px;outline:none;flex:1;padding:10px 16px;font-size:13px;transition:all .2s}.site-pet__form input:focus{border-color:var(--color-accent-cyan);box-shadow:0 0 0 3px var(--color-glow-cyan)}.site-pet__form input::placeholder{color:var(--color-text-tertiary)}.site-pet__form button{background:var(--color-accent-cyan);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s}.site-pet__form button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.site-pet__form button:disabled{opacity:.45;cursor:not-allowed}.site-pet__bar{border:1px solid var(--color-border-default);background:var(--color-bg-surface);box-shadow:var(--shadow-card);opacity:0;border-radius:999px;align-items:stretch;margin-top:10px;transition:all .25s;display:flex;overflow:hidden;transform:translateY(4px)}.site-pet__stage:hover .site-pet__bar,.site-pet__bar:focus-within{opacity:1;transform:translateY(0)}.site-pet__bar button{white-space:nowrap;min-width:0;color:var(--color-text-tertiary);text-align:center;cursor:pointer;background:0 0;border:none;flex:1 1 0;padding:8px 0;font-size:12px;font-weight:500;transition:all .2s}.site-pet__bar button+button{border-left:1px solid var(--color-border-default)}.site-pet__bar button:hover,.site-pet__bar button.on{color:var(--color-accent-cyan);background:var(--color-glow-cyan)}.site-pet__wake{border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-card);border-radius:999px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .2s}.site-pet__wake:hover{color:var(--color-accent-cyan);border-color:var(--color-accent-cyan);background:var(--color-glow-cyan)}.site-pet__panel{border:1px solid var(--color-border-default);background:var(--color-bg-surface);width:200px;box-shadow:var(--shadow-card-hover);z-index:3;border-radius:18px;gap:6px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0}.site-pet__panel button{color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;gap:2px;padding:10px 12px;transition:all .2s;display:grid}.site-pet__panel button:hover{border-color:var(--color-border-default);background:var(--color-bg-secondary)}.site-pet__panel button.active{border-color:var(--color-accent-cyan);background:var(--color-glow-cyan)}.site-pet__panel strong{font-size:13px;font-weight:600}.site-pet__panel span{color:var(--color-text-tertiary);font-size:11px}.site-pet__toast{color:var(--color-text-tertiary);white-space:nowrap;font-size:11px;position:absolute;top:-28px;right:0}@media (max-width:640px){.site-pet{bottom:72px;right:8px}.site-pet__stage,.site-pet__canvas{width:168px}.site-pet__canvas{height:168px}.site-pet__bubble{max-width:200px;font-size:12px}.site-pet__chat{width:min(300px,92vw)}.site-pet__bar{opacity:1}}@media (prefers-reduced-motion:reduce){.site-pet__dots i{animation:none}}