.feedback{width:min(100% - 36px,560px);margin:32px auto 24px;padding:25px 20px 16px;border-top:1px solid var(--line);text-align:center;color:var(--ink)}.feedback h2{font-family:var(--serif);font-size:16px;font-weight:500;letter-spacing:.08em;margin:0 0 10px}.feedback-intro,.feedback-status{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 15px}.feedback-options{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}.feedback legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.feedback-choice{position:relative;cursor:pointer}.feedback-choice input{position:absolute;opacity:0;width:1px;height:1px}.feedback-choice span{display:block;padding:8px 12px;border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--muted);font-size:11px;line-height:1.6;transition:background .2s,color .2s}.feedback-choice input:checked+span{background:var(--pale);border-color:var(--accent);color:var(--accent-dark)}.feedback-choice input:focus-visible+span,.feedback-send:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.feedback-reactions{display:flex;justify-content:center;gap:18px;margin:20px 0 13px}.feedback-send{display:flex;align-items:center;justify-content:center;width:72px;min-height:60px;border:1px solid var(--line);background:var(--pale);border-radius:18px;font-size:27px;cursor:pointer;transition:transform .2s,background .2s}.feedback-send:hover:not(:disabled){transform:translateY(-2px)}.feedback-send:disabled{opacity:.5;cursor:default}.feedback-send.sent{border-color:var(--accent);opacity:.75}.feedback-status{min-height:2em;margin:0}.feedback-status[data-error=true]{color:var(--accent-dark)}@media(max-width:540px){.feedback{padding-inline:10px;margin-top:24px}.feedback h2{font-size:15px}.feedback-choice span{padding:9px 12px}}@media(prefers-reduced-motion:reduce){.feedback-send,.feedback-choice span{transition:none}}