.feedback-open{position:fixed;right:22px;bottom:22px;z-index:20;background:var(--lime);color:#171a10;border-radius:999px;padding:13px 18px;font-size:11px;font-weight:900;box-shadow:0 8px 30px #0008}
dialog{width:min(570px,calc(100% - 32px));border:1px solid var(--purple);border-radius:16px;background:linear-gradient(145deg,#231a33,#17161d);color:#fff;padding:0;box-shadow:0 30px 90px #000c}
dialog::backdrop{background:#070609cc;backdrop-filter:blur(5px)}
#feedback-form{display:grid;padding:26px;gap:17px}
#feedback-form h2{margin:5px 0 0;font-size:27px}
#feedback-form p{margin:0}
.feedback-head{display:flex;justify-content:space-between;gap:20px}
.feedback-head .quiet{align-self:start}
#feedback-form label,#feedback-form legend{display:grid;gap:8px;color:var(--muted);font-size:12px;font-weight:700}
select,textarea{width:100%;background:var(--bg);color:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit}
textarea{min-height:120px;resize:vertical}
fieldset{border:0;padding:0;margin:0}
.rating{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.rating label{display:flex!important;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px;color:#fff!important}
.rating input{width:auto}
.rating label:has(input:checked){border-color:var(--lime);color:var(--lime)!important;background:#d2ff5a0c}
#feedback-status{min-height:18px;color:var(--lime);font-size:12px}
@media(max-width:640px){.feedback-open{right:14px;bottom:14px}#feedback-form{padding:20px}}