.feedback-root{position:fixed;right:max(.85rem,env(safe-area-inset-right));bottom:max(1.1rem,env(safe-area-inset-bottom));z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:.65rem;pointer-events:none}.feedback-root>*{pointer-events:auto}.feedback-fab{width:2.75rem;height:2.75rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--accent);box-shadow:var(--shadow);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,border-color .18s ease,color .18s ease}.feedback-fab:hover{border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px)}.feedback-fab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.feedback-card{width:min(22.5rem,calc(100vw - 1.5rem));max-height:min(34rem,calc(100vh - 5.5rem));overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow);padding:0;display:flex;flex-direction:column;animation:feedback-pop .2s ease}.feedback-card-body{display:grid;gap:.85rem;padding:.55rem 1rem .85rem;overflow:auto;flex:1 1 auto;min-height:0}.feedback-card-header{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;gap:.65rem;align-items:start;flex:0 0 auto;background:var(--surface);padding:.95rem 1rem .55rem}.feedback-avatar{width:3.4rem;height:3.4rem;border-radius:999px;object-fit:cover;background:var(--studio-peach-paper);border:1px solid var(--studio-blue-border)}.feedback-bubble{margin:0;padding:.55rem .7rem;background:var(--accent-soft);color:var(--studio-blue-ink);border-radius:.75rem;font-size:.88rem;line-height:1.45;position:relative}.feedback-bubble:before{content:"";position:absolute;left:-.35rem;top:.85rem;width:.55rem;height:.55rem;background:var(--accent-soft);transform:rotate(45deg)}.feedback-icon-btn{width:2rem;height:2rem;border:0;background:transparent;color:var(--text-muted);border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.feedback-icon-btn:hover{color:var(--text);background:var(--surface-2)}.feedback-field{display:grid;gap:.4rem}.feedback-field>span,.feedback-section-title{font-size:.78rem;font-weight:600;color:var(--text-muted)}.feedback-section-title--subscribe{color:var(--studio-green-muted);display:inline-flex;align-items:center;gap:.3rem}.feedback-section-icon{flex-shrink:0}.feedback-chips{display:flex;flex-wrap:wrap;gap:.35rem}.feedback-chip{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:.28rem .65rem;font-size:.78rem;cursor:pointer;min-height:2rem}.feedback-chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--studio-blue-border);color:var(--studio-blue-ink)}.feedback-stars{display:flex;gap:.2rem}.feedback-star{width:2.2rem;height:2.2rem;border:0;background:transparent;color:var(--border);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius)}.feedback-star[data-on=true]{color:var(--studio-peach)}.feedback-star:hover,.feedback-star:focus-visible{color:var(--studio-peach-muted);outline:none}.feedback-star:focus-visible{box-shadow:0 0 0 2px var(--accent-soft)}.feedback-textarea,.feedback-email{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.55rem .7rem;resize:vertical;min-height:5.5rem}.feedback-email{min-height:2.6rem;resize:none}.feedback-textarea:focus,.feedback-email:focus{outline:2px solid var(--accent);outline-offset:1px}.feedback-count{font-size:.72rem;color:var(--text-muted);text-align:right}.feedback-subscribe{display:grid;gap:.55rem;padding:.7rem .75rem;border-radius:var(--radius);background:var(--studio-green-sheet);border:1px solid var(--studio-green-shadow)}.feedback-subscribe p{margin:0;font-size:.8rem;color:var(--studio-green-ink);line-height:1.45}.feedback-check{display:flex;align-items:flex-start;gap:.45rem;font-size:.82rem;color:var(--text)}.feedback-check input{margin-top:.2rem}.feedback-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end;flex:0 0 auto;background:var(--surface);border-top:1px solid var(--border);padding:.7rem 1rem .85rem;margin:0}.feedback-status{margin:0;font-size:.82rem;line-height:1.4}.feedback-status[data-kind=error]{color:var(--danger)}.feedback-status[data-kind=ok]{color:var(--ok)}.feedback-status[data-kind=info]{color:var(--text-muted)}.feedback-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}@keyframes feedback-pop{0%{opacity:0;transform:translateY(.4rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:700px){.feedback-root{right:max(.7rem,env(safe-area-inset-right));bottom:max(4.25rem,calc(env(safe-area-inset-bottom) + 3.5rem))}.feedback-card{width:min(22rem,calc(100vw - 1.2rem));max-height:min(70vh,calc(100vh - 7rem))}}@media(prefers-reduced-motion:reduce){.feedback-fab,.feedback-card{transition:none;animation:none}}
