.feedback-form{--fb-ease: cubic-bezier(.22, 1, .36, 1);--fb-error-text: #dc2626;position:relative;font:inherit;font-size:14px;color:var(--fd-text);overflow:visible}html.dark .feedback-form{--fb-error-text: #f87171}.feedback-form__rating{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.35rem .75rem 1.1rem}.feedback-form__heading{margin:0;max-width:24ch;font-family:var(--font-sans, inherit);font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;text-align:center;text-wrap:balance;color:var(--fd-text)}.feedback-form__faces{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.15rem 0}.feedback-form__face-btn{--fb-tile-bg: color-mix(in oklab, var(--fd-zone) 55%, transparent);--fb-tile-border: color-mix(in oklab, var(--fd-border) 90%, transparent);--fb-tile-ring: var(--fd-accent);--fb-tile-bg-hover: var(--fb-tile-bg);display:flex;align-items:center;justify-content:center;width:3.1rem;height:3.1rem;padding:0;border:1px solid var(--fb-tile-border);border-radius:14px;background:var(--fb-tile-bg);cursor:pointer;transition:transform .15s var(--fb-ease),background .15s var(--fb-ease),border-color .15s var(--fb-ease)}.feedback-form__face-btn[data-mood="1"]{--fb-tile-bg: color-mix(in oklab, #3b82f6 11%, var(--fd-zone));--fb-tile-border: color-mix(in oklab, #3b82f6 20%, var(--fd-border));--fb-tile-ring: #60a5fa;--fb-tile-bg-hover: color-mix(in oklab, #3b82f6 14%, var(--fd-zone))}.feedback-form__face-btn[data-mood="2"]{--fb-tile-bg: color-mix(in oklab, #0ea5e9 10%, var(--fd-zone));--fb-tile-border: color-mix(in oklab, #0ea5e9 18%, var(--fd-border));--fb-tile-ring: #38bdf8;--fb-tile-bg-hover: color-mix(in oklab, #0ea5e9 12%, var(--fd-zone))}.feedback-form__face-btn[data-mood="3"]{--fb-tile-bg: color-mix(in oklab, #94a3b8 10%, var(--fd-zone));--fb-tile-border: color-mix(in oklab, #94a3b8 18%, var(--fd-border));--fb-tile-ring: #94a3b8;--fb-tile-bg-hover: color-mix(in oklab, #64748b 12%, var(--fd-zone))}.feedback-form__face-btn[data-mood="4"]{--fb-tile-bg: color-mix(in oklab, #f59e0b 12%, var(--fd-zone));--fb-tile-border: color-mix(in oklab, #f59e0b 22%, var(--fd-border));--fb-tile-ring: #fbbf24;--fb-tile-bg-hover: color-mix(in oklab, #f59e0b 16%, var(--fd-zone))}.feedback-form__face-btn[data-mood="5"]{--fb-tile-bg: color-mix(in oklab, #f97316 12%, var(--fd-zone));--fb-tile-border: color-mix(in oklab, #f97316 22%, var(--fd-border));--fb-tile-ring: #fb923c;--fb-tile-bg-hover: color-mix(in oklab, #f97316 16%, var(--fd-zone))}.feedback-form__face-btn:focus{outline:none}.feedback-form__face-btn:focus-visible{box-shadow:0 0 0 3px var(--fd-accent-soft)}.feedback-form__faces[data-preview="1"] .feedback-form__face-btn[data-mood="1"]:not(.is-selected),.feedback-form__faces[data-preview="2"] .feedback-form__face-btn[data-mood="2"]:not(.is-selected),.feedback-form__faces[data-preview="3"] .feedback-form__face-btn[data-mood="3"]:not(.is-selected),.feedback-form__faces[data-preview="4"] .feedback-form__face-btn[data-mood="4"]:not(.is-selected),.feedback-form__faces[data-preview="5"] .feedback-form__face-btn[data-mood="5"]:not(.is-selected){background:var(--fb-tile-bg-hover)}.feedback-form__faces[data-preview="1"] .feedback-form__face-btn:not([data-mood="1"]):not(.is-selected) .feedback-form__face-img,.feedback-form__faces[data-preview="2"] .feedback-form__face-btn:not([data-mood="2"]):not(.is-selected) .feedback-form__face-img,.feedback-form__faces[data-preview="3"] .feedback-form__face-btn:not([data-mood="3"]):not(.is-selected) .feedback-form__face-img,.feedback-form__faces[data-preview="4"] .feedback-form__face-btn:not([data-mood="4"]):not(.is-selected) .feedback-form__face-img,.feedback-form__faces[data-preview="5"] .feedback-form__face-btn:not([data-mood="5"]):not(.is-selected) .feedback-form__face-img{opacity:.58}.feedback-form__faces[data-selected]:not([data-selected=""]) .feedback-form__face-btn:not(.is-selected) .feedback-form__face-img{opacity:.68}.feedback-form__face-btn.is-selected{background:var(--fb-tile-bg);border:1.5px solid var(--fb-tile-ring);transform:scale(1.05)}.feedback-form__face-img{display:block;width:2.25rem;height:2.25rem;object-fit:contain;opacity:1;transition:opacity .12s ease-out}.feedback-form__face-btn.is-selected .feedback-form__face-img{opacity:1}.feedback-form__hint-slot{display:flex;align-items:center;justify-content:center;min-height:1.35rem;width:100%}.feedback-form__hint{margin:0;font-size:.8125rem;font-weight:500;letter-spacing:.02em;text-align:center;color:var(--fd-muted);transition:color .2s ease}.feedback-form__faces[data-preview="1"]~.feedback-form__hint-slot .feedback-form__hint{color:color-mix(in oklab,#2563eb 75%,var(--fd-text))}.feedback-form__faces[data-preview="2"]~.feedback-form__hint-slot .feedback-form__hint{color:color-mix(in oklab,#0284c7 70%,var(--fd-text))}.feedback-form__faces[data-preview="3"]~.feedback-form__hint-slot .feedback-form__hint{color:color-mix(in oklab,#64748b 85%,var(--fd-text))}.feedback-form__faces[data-preview="4"]~.feedback-form__hint-slot .feedback-form__hint{color:color-mix(in oklab,#d97706 80%,var(--fd-text))}.feedback-form__faces[data-preview="5"]~.feedback-form__hint-slot .feedback-form__hint{color:color-mix(in oklab,#ea580c 82%,var(--fd-text))}.feedback-form__actions{display:flex;flex-direction:column;align-items:stretch;gap:1.2rem;width:100%;max-width:15rem}.feedback-form__submit{width:100%;padding:.7rem 1.25rem;font:inherit;font-size:.875rem;font-weight:600;letter-spacing:.01em;color:var(--fd-muted);background:color-mix(in oklab,var(--fd-zone) 70%,var(--fd-surface));border:1px solid var(--fd-border);border-radius:10px;cursor:pointer;transition:color .2s var(--fb-ease),background .2s var(--fb-ease),border-color .2s var(--fb-ease),box-shadow .2s var(--fb-ease)}.feedback-form__submit.is-ready{color:var(--fd-accent);background:var(--fd-accent-soft);border-color:color-mix(in oklab,var(--fd-accent) 28%,var(--fd-border))}.feedback-form__submit.is-ready:hover{background:color-mix(in oklab,var(--fd-accent-soft) 55%,var(--fd-accent) 20%);box-shadow:0 4px 14px color-mix(in oklab,var(--fd-accent) 14%,transparent)}.feedback-form__submit:hover:not(.is-ready){border-color:color-mix(in oklab,var(--fd-accent) 22%,var(--fd-border));color:var(--fd-text)}.feedback-form__submit:focus-visible{outline:2px solid var(--fd-accent);outline-offset:2px}.feedback-form__error{margin:0;padding:0;font-size:.8125rem;font-weight:500;line-height:1.4;text-align:center;color:var(--fb-error-text);animation:fb-error-in .38s var(--fb-ease) both}@keyframes fb-error-in{0%{opacity:0;transform:translateY(-.45rem)}to{opacity:1;transform:translateY(0)}}.feedback-form.is-outcome{animation:fb-outcome-shell .35s var(--fb-ease) both}.feedback-form__outcome{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:1.35rem .75rem 1.1rem}.feedback-form__outcome-hero{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:0 0 .15rem;pointer-events:none;user-select:none;animation:fb-outcome-piece .45s var(--fb-ease) .05s both}.feedback-form__outcome-face{width:3rem;height:3rem}.feedback-form__outcome-mood{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:var(--fd-muted)}.feedback-form__outcome.is-tier-1 .feedback-form__outcome-mood{color:color-mix(in oklab,#60a5fa 75%,var(--fd-muted))}.feedback-form__outcome.is-tier-2 .feedback-form__outcome-mood{color:color-mix(in oklab,#38bdf8 70%,var(--fd-muted))}.feedback-form__outcome.is-tier-4 .feedback-form__outcome-mood{color:color-mix(in oklab,#d97706 75%,var(--fd-muted))}.feedback-form__outcome.is-tier-5 .feedback-form__outcome-mood{color:color-mix(in oklab,#ea580c 78%,var(--fd-muted))}.feedback-form__outcome-title{margin:0;max-width:min(100%,22ch);font-family:var(--font-sans, inherit);font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;line-height:1.35;text-wrap:balance;color:var(--fd-text);animation:fb-outcome-piece .45s var(--fb-ease) .12s both}.feedback-form__outcome-body{margin:0;max-width:min(100%,38ch);font-size:.875rem;line-height:1.55;text-wrap:pretty;color:var(--fd-muted);animation:fb-outcome-piece .45s var(--fb-ease) .2s both}.feedback-form__again{margin-top:.35rem;padding:.55rem 1.1rem;font:inherit;font-size:.8125rem;font-weight:600;color:var(--fd-text);background:transparent;border:1px solid var(--fd-border);border-radius:10px;cursor:pointer;transition:border-color .2s ease,color .2s ease;animation:fb-outcome-piece .45s var(--fb-ease) .28s both}.feedback-form__again:hover{border-color:color-mix(in oklab,var(--fd-accent) 40%,var(--fd-border));color:var(--fd-accent)}.feedback-form__outcome.is-tier-1{--fb-rain: color-mix(in oklab, #38bdf8 64%, transparent);--fb-rain-tail: color-mix(in oklab, #38bdf8 22%, transparent)}html:not(.dark) .feedback-form__outcome.is-tier-1 .feedback-form__rain{opacity:.58}html.dark .feedback-form__outcome.is-tier-1{--fb-rain: color-mix(in oklab, #7dd3fc 52%, transparent);--fb-rain-tail: color-mix(in oklab, #7dd3fc 20%, transparent)}.feedback-form__rain{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.5}.feedback-form__rain-drop{position:absolute;top:-18%;left:calc(5% + (var(--i, 0) * 6.5%));width:1.5px;height:2.5rem;border-radius:999px;background:linear-gradient(to bottom,transparent 0%,var(--fb-rain-tail) 32%,var(--fb-rain) 100%);animation:fb-rain-fall 2.85s linear infinite;animation-delay:calc(var(--i, 0) * .18s)}@keyframes fb-outcome-shell{0%{opacity:0}to{opacity:1}}@keyframes fb-outcome-piece{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fb-rain-fall{0%{transform:translateY(0);opacity:0}18%{opacity:.7}to{transform:translateY(220%);opacity:0}}@media(prefers-reduced-motion:reduce){.feedback-form__face-btn.is-selected,.feedback-form.is-outcome,.feedback-form__outcome-hero,.feedback-form__outcome-title,.feedback-form__outcome-body,.feedback-form__again,.feedback-form__error{animation:none;transform:none}.feedback-form__rain{display:none}}