.mascot-feedback{display:flex;align-items:center;gap:20px;padding:16px 22px;margin-bottom:20px;border:1px solid var(--border);border-radius:24px;background:var(--card);min-width:0}.mascot-stage{position:relative;flex:0 0 120px;width:120px;height:170px;filter:drop-shadow(0 8px 12px #6879a433)}.mascot-stage img,.mascot-stage video{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.mascot-stage [hidden]{display:none}.mascot-copy{flex:1;min-width:0}.mascot-copy p{margin:3px 0}.mascot-pct{font-size:26px;font-weight:800;color:var(--primary)}.mascot-sub{color:var(--muted)}.mascot-bar{height:5px;border-radius:5px;background:#8a9bb72b;overflow:hidden;margin:8px 0}.mascot-bar i{display:block;height:100%;background:#5cc8aa;transition:width .25s}.mascot-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mascot-actions label{display:flex;align-items:center;gap:6px;font-size:12px}.mascot-actions input{width:90px;accent-color:#619cff}.mascot-actions select{max-width:170px;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:8px;padding:5px}.mascot-feedback[data-mood=complete]{border-color:#5cc8aa}.mascot-feedback[data-mood=complete] .mascot-stage{filter:drop-shadow(0 0 15px #5cc8aa88)}body.auth-locked .mascot-feedback{visibility:hidden}@media(max-width:600px){.mascot-feedback{gap:12px;padding:12px}.mascot-stage{flex-basis:80px;width:80px;height:140px}.mascot-pct{font-size:22px}.mascot-actions{gap:6px}.mascot-actions select{max-width:145px}}@media(prefers-reduced-motion:reduce){.mascot-bar i{transition:none}}