.feedback-tab{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));z-index:850;display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 14px;border:1px solid var(--border-subtle,#34464b);border-radius:999px;background:var(--bg-surface,#162328);color:var(--text-primary,#f3f4f4);box-shadow:0 8px 28px #0003;font:650 13px 'DM Sans',sans-serif}.feedback-tab:hover{border-color:var(--brand-red,#a61b26)}.feedback-tab>span:first-child{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--brand-red,#a61b26);color:#fff;font-size:13px}.feedback-tab.has-draft:after{content:'';position:absolute;top:1px;right:3px;width:8px;height:8px;border-radius:50%;background:#d94f30}.feedback-tab:focus-visible,.feedback-dialog button:focus-visible,.feedback-dialog input:focus-visible,.feedback-dialog textarea:focus-visible{outline:3px solid var(--brand-red,#a61b26);outline-offset:3px}
.feedback-dialog{width:min(580px,calc(100% - 28px));max-width:none;max-height:min(780px,90vh);padding:0;border:0;border-radius:20px;background:var(--bg-elevated,#fff);color:var(--text-primary,#293940);box-shadow:0 25px 100px #07101280;overflow:auto}.feedback-dialog::backdrop{background:#071012b8;backdrop-filter:blur(3px)}.feedback-shell{position:relative;padding:30px}.feedback-close{position:absolute;right:16px;top:14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-subtle,#d0d8d9);background:transparent;color:inherit;font-size:26px;line-height:1}.feedback-dialog header{padding-right:36px}.feedback-dialog header>p{margin:0 0 8px;color:var(--brand-red,#a61b26);font-size:13px;font-weight:750}.feedback-dialog h2{margin:0;font:700 clamp(24px,5vw,34px)/1.12 Manrope,sans-serif;letter-spacing:-.04em}.feedback-dialog header>span{display:block;margin-top:10px;color:var(--text-secondary,#626b6d);line-height:1.5}.feedback-kinds{display:grid;gap:12px;margin-top:26px}.feedback-kinds button{display:grid;gap:6px;width:100%;padding:19px 20px;border:1px solid var(--border-subtle,#d0d8d9);border-left:4px solid var(--brand-red,#a61b26);border-radius:12px;background:var(--bg-surface,#fff);color:inherit;text-align:left}.feedback-kinds button:hover{background:var(--surface,#eef1f1)}.feedback-kinds strong{font:700 17px Manrope,sans-serif}.feedback-kinds span{color:var(--text-secondary,#626b6d);font-size:14px}.feedback-form,.feedback-auth{display:grid;gap:18px;margin-top:24px}.feedback-form label,.feedback-auth label{display:grid;gap:8px;font-weight:650;font-size:14px}.feedback-form input,.feedback-form textarea,.feedback-auth input{width:100%;padding:12px 13px;border:1px solid var(--border-subtle,#d0d8d9);border-radius:10px;background:var(--bg-surface,#fff);color:var(--text-primary,#293940);resize:vertical}.feedback-back{margin:0 0 16px;padding:0;color:var(--text-secondary,#626b6d);text-decoration:underline;text-underline-offset:4px}.feedback-drop{min-height:108px;place-content:center;text-align:center;padding:18px;border:2px dashed var(--border-subtle,#d0d8d9);border-radius:12px;background:var(--surface,#eef1f1);cursor:pointer}.feedback-drop.dragging,.feedback-drop:hover{border-color:var(--brand-red,#a61b26)}.feedback-drop input{position:absolute;width:1px;height:1px;opacity:0}.feedback-drop span,.feedback-drop small{display:block}.feedback-drop span{color:var(--brand-red,#a61b26);font-weight:750}.feedback-drop small{margin-top:5px;color:var(--text-secondary,#626b6d)}.feedback-screenshot-prompt{margin:0;padding:12px 14px;border-left:3px solid #d94f30;background:color-mix(in srgb,var(--bg-elevated,#fff) 90%,#d94f30 10%);font-size:14px;line-height:1.5}.feedback-preview{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:12px}.feedback-preview img{width:92px;height:64px;border-radius:8px;object-fit:cover;border:1px solid var(--border-subtle,#d0d8d9)}.feedback-preview span{min-width:0;overflow-wrap:anywhere;color:var(--text-secondary,#626b6d);font-size:12px}.feedback-preview button{color:var(--brand-red,#a61b26);font-weight:700}.feedback-context{margin:0;color:var(--text-secondary,#626b6d);font-size:12px;line-height:1.5}.feedback-error{min-height:18px;margin:0;color:#b32632;font-size:13px}.feedback-primary,.feedback-secondary{min-height:46px;padding:11px 18px;border-radius:10px;font-weight:700}.feedback-primary{background:var(--brand-red,#a61b26);color:#fff}.feedback-secondary{border:1px solid var(--border-subtle,#d0d8d9);background:var(--bg-surface,#fff);color:inherit}.feedback-primary:disabled{opacity:.6}.feedback-or{display:flex;align-items:center;gap:10px;color:var(--text-secondary,#626b6d);font-size:12px}.feedback-or:before,.feedback-or:after{content:'';height:1px;flex:1;background:var(--border-subtle,#d0d8d9)}.feedback-confirm{display:grid;justify-items:start;gap:14px;padding:14px 0 4px}.feedback-confirm>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#29745f;color:#fff;font-size:26px}.feedback-confirm p{margin:0;color:var(--text-secondary,#626b6d)}.feedback-partial{display:grid;gap:8px;width:100%;padding:14px;border-left:3px solid #b97714;background:color-mix(in srgb,var(--bg-elevated,#fff) 88%,#b97714 12%);font-size:13px}.feedback-partial span{color:var(--text-secondary,#626b6d)}
[data-theme="dark"] .feedback-dialog,[data-theme="dark"] .feedback-tab{background:var(--bg-elevated,#1d2c31);color:var(--text-primary,#f3f4f4)}[data-theme="dark"] .feedback-kinds button,[data-theme="dark"] .feedback-form input,[data-theme="dark"] .feedback-form textarea,[data-theme="dark"] .feedback-auth input,[data-theme="dark"] .feedback-secondary{background:var(--bg-surface,#162328);border-color:var(--border-subtle,#3a4b50);color:var(--text-primary,#f3f4f4)}
@media(max-width:720px){.feedback-tab{right:12px;bottom:calc(76px + env(safe-area-inset-bottom));width:44px;height:44px;padding:0;justify-content:center}.feedback-tab>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.feedback-dialog{width:100%;max-height:92vh;margin:auto 0 0;border-radius:20px 20px 0 0}.feedback-shell{padding:26px 20px max(26px,env(safe-area-inset-bottom))}.feedback-preview{grid-template-columns:76px minmax(0,1fr)}.feedback-preview img{width:76px;height:56px}.feedback-preview button{grid-column:2;justify-self:start}.feedback-dialog h2{font-size:27px}}
@media(prefers-reduced-motion:no-preference){.feedback-dialog[open]{animation:feedback-in .16s ease-out}@keyframes feedback-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}.feedback-description{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:820px){}
.feedback-contact-support{display:block;padding:18px;border:1px solid var(--border-subtle,#53636c);border-radius:12px;color:inherit;text-decoration:none}.feedback-contact-support strong,.feedback-contact-support span{display:block}.feedback-contact-support span{font-size:14px;margin-top:7px}
@media(max-width:720px){body:has(.mobile-join) .feedback-tab{bottom:calc(142px + env(safe-area-inset-bottom))}}