.feedback-rail{--fb-star: #f5a623;display:grid;gap:.5rem;margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--sp-border, #e2e8f0)}.feedback-rail__title{margin:0;font-size:.78rem;font-weight:600;color:var(--sp-text-muted, #64748b)}.feedback-rail__types{display:inline-flex;gap:.3rem}.feedback-rail__type{padding:.22rem .6rem;border:1px solid var(--sp-border, #e2e8f0);border-radius:999px;background:var(--sp-surface-1, #fff);color:var(--sp-text-muted, #64748b);font-size:.72rem;font-weight:600;line-height:1;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.feedback-rail__type:hover{color:var(--sp-text, #0f172a)}.feedback-rail__type[aria-checked=true]{border-color:var(--sp-brand, #6366f1);background:#6366f114;color:var(--sp-brand, #6366f1)}.feedback-rail__stars{display:inline-flex;gap:.05rem}.feedback-rail__star{background:none;border:none;padding:.1rem;line-height:0;border-radius:6px;color:var(--sp-border-strong, #cbd5e1);cursor:pointer;transition:color .2s ease,transform .2s ease}.feedback-rail__star:hover{transform:scale(1.15)}.feedback-rail__star.is-active{color:var(--fb-star)}.feedback-rail__star:focus-visible,.feedback-rail__type:focus-visible{outline:2px solid var(--sp-brand, #6366f1);outline-offset:1px}.feedback-rail textarea{padding:.45rem .6rem;border-radius:9px;font-size:.8rem;resize:none}.feedback-rail__submit{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:100%;padding:.42rem .7rem;border:none;border-radius:999px;background:var(--sp-brand, #6366f1);color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.feedback-rail__submit:hover:not(:disabled){transform:translateY(-1px)}.feedback-rail__submit:disabled{opacity:.45;cursor:not-allowed}.feedback-rail__error{font-size:.72rem;font-weight:500;color:var(--sp-danger, #dc2626)}.feedback-rail__done{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.78rem;font-weight:600;color:var(--success, #16a34a)}.feedback-rail__spin{animation:feedback-rail-spin .9s linear infinite}@keyframes feedback-rail-spin{to{transform:rotate(360deg)}}@media (max-width: 1180px){.feedback-rail{max-width:340px}}@media (max-width: 768px),(pointer: coarse){.feedback-rail__types{gap:.4rem}.feedback-rail__type{min-height:40px;padding:.5rem .85rem}.feedback-rail__stars{gap:.15rem}.feedback-rail__star{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0}.feedback-rail__submit{min-height:44px}.feedback-rail textarea{font-size:16px}}