:root{color-scheme:light dark;--feedback-accent:#2563eb;--feedback-accent-strong:#1d4ed8;--feedback-bg:#f4f6fb;--feedback-surface:#fff;--feedback-surface-muted:#f8fafc;--feedback-border:#0f172a14;--feedback-border-strong:#0f172a29;--feedback-text-primary:#1f2937;--feedback-text-secondary:#4b5563;--feedback-radius:18px;--feedback-field-radius:12px;--feedback-transition:.22s ease}.feedback-body{--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);background:linear-gradient(180deg, #f8fbff 0%, var(--feedback-bg) 45%, #eff3fb 100%);min-height:100vh;color:var(--feedback-text-primary);transition:background-color var(--feedback-transition), color var(--feedback-transition);-webkit-font-smoothing:antialiased;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{--text-primary:#e5e7eb;--text-secondary:#9ca3af;--input-bg:#1f2937;--input-border:#94a3b838;--input-text:#e5e7eb;color:#e5e7eb;background:radial-gradient(circle at top,#172554 0%,#0f172a 55%,#020617 100%)}.feedback-body::selection{color:inherit;background:#2563eb2e}.feedback-topbar{justify-content:flex-end;align-items:center;max-width:min(960px,92vw);margin-inline: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-main{min-height:calc(100vh - 64px);padding:0 clamp(1rem,4vw,2.5rem) clamp(3rem,6vw,4rem);display:flex}.feedback-container{width:100%;max-width:720px;margin:clamp(2rem,6vw,4rem) auto 0;padding-inline:clamp(1rem,4vw,2rem)}.feedback-header{text-align:center;margin-block-end:clamp(1.75rem,4vw,3rem)}.feedback-header h1{color:var(--text-primary);letter-spacing:-.01em;margin-block-end:clamp(.75rem,1.2vw,1.25rem);font-size:clamp(2.2rem,3.2vw + 1.6rem,3.4rem);font-weight:700}.feedback-header p{max-width:56ch;color:var(--text-secondary);margin:0 auto;font-size:clamp(1.22rem,.7vw + 1.08rem,1.42rem)}.feedback-card{border:1px solid var(--feedback-border);border-radius:var(--feedback-radius);background:var(--feedback-surface);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:#111827;border-color:#94a3b838;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-inline-start:.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);font:inherit;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-size:clamp(1.2rem,.55vw + 1.08rem,1.35rem);line-height:1.65;box-shadow:0 1px 2px #0f172a0d}.form-select{appearance:none;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}[dir=rtl] .form-select{background-position:1.05rem}html.g-dark .form-select{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")}.form-select option,.form-select optgroup{background:var(--input-bg);color:var(--input-text)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary);opacity:1}.form-input:focus-visible,.form-textarea:focus-visible,.form-select:focus-visible{outline:2px solid var(--feedback-accent);outline-offset:2px;border-color:var(--feedback-accent-strong);box-shadow:0 0 0 4px #2563eb2e}.form-input.error,.form-textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.form-textarea{resize:vertical;min-height:140px}.error-message{color:#dc2626;margin-block-start:.15rem;font-size:clamp(1.12rem,.45vw + 1.02rem,1.22rem);display:none}html.g-dark .error-message{color:#f87171}.error-message.visible,.alert.visible{display:block}.helper-text{color:var(--text-secondary);font-size:clamp(1.12rem,.5vw + 1.02rem,1.24rem)}.submit-button,.feedback-modal__button{background:linear-gradient(135deg, var(--feedback-accent), var(--feedback-accent-strong));color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;font-weight:600;transition:transform .18s,box-shadow .18s;display:inline-flex}.submit-button{gap:.8rem;width:100%;min-height:3.6rem;padding:1.05rem 2.2rem;font-size:clamp(1.28rem,.6vw + 1.12rem,1.4rem)}.submit-button:hover:not(:disabled),.submit-button:focus-visible:not(:disabled),.feedback-modal__button:hover,.feedback-modal__button:focus-visible{transform:translateY(-1px);box-shadow:0 18px 40px #2563eb40}.submit-button:focus-visible,.feedback-modal__button:focus-visible{outline-offset:3px;outline:2px solid #fff}.submit-button:disabled{box-shadow:none;cursor:not-allowed;background:linear-gradient(135deg,#94a3b899,#94a3b880)}.spinner{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:22px;height:22px;animation:.65s linear infinite feedback-spin;display:none}.submit-button.loading .spinner{display:inline-block}@keyframes feedback-spin{to{transform:rotate(360deg)}}.feedback-decoy,.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}.alert{border-radius:var(--feedback-field-radius);border:1px solid #0000;padding:1rem 1.15rem;display:none}.alert-error{color:#991b1b;background:#ef44441f;border-color:#ef444440}html.g-dark .alert-error{color:#fca5a5;background:#ef44442e;border-color:#f8717159}.feedback-modal-backdrop{z-index:999;backdrop-filter:blur(6px);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:1px solid var(--feedback-border);border-radius:calc(var(--feedback-radius) * .9);background:var(--feedback-surface);text-align:center;width:min(92vw,460px);max-height:calc(100dvh - 3rem);padding:clamp(2rem,3vw + 1.5rem,2.75rem);overflow:auto;box-shadow:0 28px 70px #0f172a42}html.g-dark .feedback-modal{color:#e5e7eb;background:#111827;border-color:#94a3b838}.feedback-modal__title{margin-block-end:.85rem;font-size:clamp(1.75rem,1.2vw + 1.45rem,2rem);font-weight:700}.feedback-modal__message{color:var(--text-secondary);margin-block-end:1.75rem;font-size:clamp(1.24rem,.55vw + 1.12rem,1.36rem);line-height:1.6}.feedback-modal__actions{justify-content:center;display:flex}.feedback-modal__button{min-width:180px;padding:.95rem 1.85rem;font-size:clamp(1.2rem,.55vw + 1.08rem,1.32rem)}@media (width>=640px){.submit-button{justify-self:center;width:auto}}@media (width<=640px){.feedback-main{padding:0 1rem 3rem}.feedback-container{padding:0}.feedback-card{padding:1.75rem 1.35rem}}@media (prefers-reduced-motion:reduce){.feedback-body,.submit-button,.feedback-modal__button,.form-input,.form-textarea,.form-select{transition:none}.spinner{animation:none}}