#feedback{width:min(560px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:24px;color:var(--paper);background:#181916;border:1px solid #8c8872;border-radius:0;box-shadow:6px 6px 0 #0008;font:inherit}
#feedback::backdrop{background:#080907d9}
#feedback .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}
#feedback h2{margin:0;font-size:28px;font-weight:400}
#feedback [data-feedback-close]{min-width:44px;min-height:44px;font-size:28px;background:none;color:var(--paper)}
#feedback [data-feedback-player]{color:var(--muted);margin:0 0 18px;font-size:18px;overflow-wrap:anywhere}
#feedback form{display:grid;gap:10px}
#feedback label{font-size:20px}
#feedback input,#feedback textarea{width:100%;min-width:0;font:18px/1.4 monospace;color:var(--paper);background:#0c0e0b;border:1px solid #777463;border-radius:0;padding:12px;resize:vertical}
#feedback textarea{min-height:130px;max-height:45dvh}
#feedback [type=submit]{justify-self:end;min-width:110px;min-height:44px;padding:10px 24px;background:var(--paper);color:#181916;font-size:24px;font-family:inherit}
#feedback :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#feedback [role=status]{margin:12px 0 0;font-size:20px;overflow-wrap:anywhere}
#feedback [role=status]:empty{display:none}
@media(max-height:500px){#feedback{padding:14px}#feedback textarea{min-height:90px}#feedback [data-feedback-player]{margin-bottom:8px}}