:root{color-scheme:light dark;--feedback-accent:#2563eb;--feedback-accent-strong:#1d4ed8;--feedback-bg:#f4f6fb;--feedback-bg-dark:#0f172a;--feedback-surface:#fff;--feedback-surface-muted:#f8fafc;--feedback-surface-dark:#111827;--feedback-surface-dark-muted:#1f2937;--feedback-border:#0f172a14;--feedback-border-strong:#0f172a29;--feedback-border-dark:#94a3b838;--feedback-text-primary:#1f2937;--feedback-text-secondary:#4b5563;--feedback-text-primary-dark:#e5e7eb;--feedback-text-secondary-dark:#9ca3af;--feedback-radius:18px;--feedback-field-radius:12px;--feedback-transition:.22s ease}.feedback-body{background:linear-gradient(180deg, #f8fbff 0%, var(--feedback-bg) 45%, #eff3fb 100%);color:var(--feedback-text-primary);transition:background-color var(--feedback-transition), color var(--feedback-transition);-webkit-font-smoothing:antialiased;--text-primary:var(--feedback-text-primary);--text-secondary:var(--feedback-text-secondary);--input-bg:var(--feedback-surface);--input-border:var(--feedback-border-strong);--input-text:var(--feedback-text-primary);margin:0;padding:0;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:clamp(18px,1.35vw + 16px,22px);line-height:1.72}html.g-dark .feedback-body{background:radial-gradient(circle at top, #172554 0%, var(--feedback-bg-dark) 55%, #020617 100%);color:var(--feedback-text-primary-dark);--text-primary:var(--feedback-text-primary-dark);--text-secondary:var(--feedback-text-secondary-dark);--input-bg:var(--feedback-surface-dark-muted);--input-border:var(--feedback-border-dark);--input-text:var(--feedback-text-primary-dark)}.feedback-body::selection{color:inherit;background:#2563eb2e}.feedback-main{flex-direction:column;min-height:calc(100vh - 64px);padding:0 clamp(1rem,4vw,2.5rem) clamp(3rem,6vw,4rem);display:flex}.feedback-topbar{justify-content:flex-end;align-items:center;max-width:min(960px,92vw);margin:0 auto;padding:clamp(.75rem,1vw + .5rem,1.25rem) clamp(1rem,2vw + 1rem,2rem) 0;display:flex}.feedback-topbar__switch{backdrop-filter:blur(6px);background:#94a3b833;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .75rem;display:inline-flex}html.g-dark .feedback-topbar__switch{background:#47556952}.feedback-container{width:100%;max-width:720px;margin:clamp(2rem,6vw,4rem) auto 0;padding:0 clamp(1rem,4vw,2rem)}.feedback-header{text-align:center;margin-bottom:clamp(1.75rem,4vw,3rem)}.feedback-header h1{letter-spacing:-.01em;color:var(--text-primary);margin-bottom:clamp(.75rem,1.2vw,1.25rem);font-size:clamp(2.2rem,3.2vw + 1.6rem,3.4rem);font-weight:700}.feedback-header p{color:var(--text-secondary);max-width:56ch;margin:0 auto;font-size:clamp(1.22rem,.7vw + 1.08rem,1.42rem)}.feedback-card{background:var(--feedback-surface);border:1px solid var(--feedback-border);border-radius:var(--feedback-radius);gap:clamp(1.5rem,2.5vw,2.25rem);padding:clamp(2rem,3vw + 1.5rem,3rem);display:grid;box-shadow:0 24px 60px #0f172a14}html.g-dark .feedback-card{background:var(--feedback-surface-dark);border-color:var(--feedback-border-dark);box-shadow:0 30px 80px #020617a6}#feedbackForm{gap:clamp(1.4rem,2.25vw,2rem);display:grid}.form-group{gap:.6rem;display:grid}.form-label{color:var(--text-primary);letter-spacing:-.005em;font-size:clamp(1.26rem,.55vw + 1.12rem,1.42rem);font-weight:600;display:block}.required-mark{color:#ef4444;margin-left:.35rem;font-size:1.05em}.form-input,.form-textarea,.form-select{border:1px solid var(--input-border);border-radius:var(--feedback-field-radius);background:var(--input-bg);width:100%;color:var(--input-text);transition:border-color var(--feedback-transition), box-shadow var(--feedback-transition), background-color var(--feedback-transition);padding:1.05rem clamp(1.15rem,2.5vw,1.4rem);font-family:inherit;font-size:clamp(1.2rem,.55vw + 1.08rem,1.35rem);line-height:1.65;box-shadow:0 1px 2px #0f172a0d}.form-select{appearance:none;color:var(--input-text);background-image:url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2.25L7 7.75L12 2.25' stroke='%2367788B' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 1.05rem center;background-repeat:no-repeat;background-size:.85rem;background-color:var(--input-bg)}html.g-dark .form-select{color:var(--input-text);background-image:url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2.25L7 7.75L12 2.25' stroke='%23cbd5f5' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-color:var(--input-bg)}.form-select option,.form-select optgroup{color:var(--input-text);background-color:var(--input-bg)}.form-select option:checked{color:var(--input-text);background-color:#2563eb33}html.g-dark .form-select option:checked{background-color:#2563eb4d}.form-input::placeholder,.form-textarea::placeholder{color:#64748bb3}html.g-dark .form-input::placeholder,html.g-dark .form-textarea::placeholder{color:#94a3b8b3}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--feedback-accent);background-color:#2563eb08;outline:none;box-shadow:0 0 0 4px #2563eb2e}.form-input:focus-visible,.form-textarea:focus-visible,.form-select:focus-visible{border-color:var(--feedback-accent-strong);outline:none}.form-input.error,.form-textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.form-input.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 4px #dc262629}.form-textarea{resize:vertical;min-height:140px}.error-message{color:#dc2626;margin-top:.15rem;font-size:clamp(1.12rem,.45vw + 1.02rem,1.22rem);display:none}.error-message.visible{display:block}.helper-text{color:var(--text-secondary);font-size:clamp(1.12rem,.5vw + 1.02rem,1.24rem)}html.g-dark .helper-text{color:var(--text-secondary)}.submit-button{background:linear-gradient(135deg, var(--feedback-accent) 0%, var(--feedback-accent-strong) 100%);color:#fff;cursor:pointer;letter-spacing:.014em;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.8rem;width:100%;min-height:3.6rem;padding:1.05rem 2.2rem;font-size:clamp(1.28rem,.6vw + 1.12rem,1.4rem);font-weight:600;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.submit-button:hover:not(:disabled),.submit-button:focus-visible:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 40px #2563eb40}.submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 10px 25px #2563eb33}.submit-button:disabled{cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#94a3b899,#94a3b880)}.submit-button .spinner{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:22px;height:22px;animation:.65s linear infinite spin;display:none}.submit-button.loading .spinner{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.feedback-decoy{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.alert{border-radius:var(--feedback-field-radius);background:var(--feedback-surface-muted);color:var(--text-primary);border:1px solid #0000;padding:1rem 1.15rem;display:none}.alert.visible{display:block}.alert-success{color:#166534;background:#16a34a1f;border-color:#16a34a40}.alert-error{color:#991b1b;background:#ef44441f;border-color:#ef444440}html.g-dark .alert{color:var(--feedback-text-primary-dark);background:#0f172a66}html.g-dark .alert-success{color:#86efac;background:#22c55e29;border-color:#22c55e4d}html.g-dark .alert-error{color:#fca5a5;background:#ef44442e;border-color:#f8717159}.feedback-modal-backdrop{backdrop-filter:blur(6px);z-index:999;background:#0f172a8c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.feedback-modal-backdrop[hidden]{display:none}.feedback-modal{border-radius:calc(var(--feedback-radius) * .9);background:var(--feedback-surface);text-align:center;border:1px solid var(--feedback-border);width:min(92vw,460px);padding:clamp(2rem,3vw + 1.5rem,2.75rem);box-shadow:0 28px 70px #0f172a42}html.g-dark .feedback-modal{background:var(--feedback-surface-dark);border-color:var(--feedback-border-dark);color:var(--feedback-text-primary-dark);box-shadow:0 32px 80px #020617b3}.feedback-modal__title{margin-bottom:.85rem;font-size:clamp(1.75rem,1.2vw + 1.45rem,2rem);font-weight:700}.feedback-modal__message{color:var(--text-secondary);margin-bottom:1.75rem;font-size:clamp(1.24rem,.55vw + 1.12rem,1.36rem);line-height:1.6}html.g-dark .feedback-modal__message{color:var(--feedback-text-secondary-dark)}.feedback-modal__actions{justify-content:center;display:flex}.feedback-modal__button{background:linear-gradient(135deg, var(--feedback-accent) 0%, var(--feedback-accent-strong) 100%);color:#fff;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.65rem;min-width:180px;padding:.95rem 1.85rem;font-size:clamp(1.2rem,.55vw + 1.08rem,1.32rem);font-weight:600;transition:transform .18s,box-shadow .18s;display:inline-flex}.feedback-modal__button:hover,.feedback-modal__button:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 18px 38px #2563eb4d}.feedback-modal__button:active{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.feedback-body,.submit-button,.feedback-modal__button,.form-input,.form-textarea,.form-select{transition:none;animation:none}}@media (width>=640px){.submit-button{align-self:center;width:auto}}@media (width<=640px){.feedback-main{padding:0 1rem 3rem}.feedback-container{padding:0}.feedback-card{padding:1.75rem 1.35rem}}