:root{color-scheme:light dark;--feedback-accent: #2563eb;--feedback-accent-strong: #1d4ed8;--feedback-bg: #f4f6fb;--feedback-bg-dark: #0f172a;--feedback-surface: #ffffff;--feedback-surface-muted: #f8fafc;--feedback-surface-dark: #111827;--feedback-surface-dark-muted: #1f2937;--feedback-border: rgba(15, 23, 42, .08);--feedback-border-strong: rgba(15, 23, 42, .16);--feedback-border-dark: rgba(148, 163, 184, .22);--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{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;margin:0;padding:0;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)}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{background:#2563eb2e;color:inherit}.feedback-main{display:flex;flex-direction:column;min-height:calc(100vh - 64px);padding:0 clamp(1rem,4vw,2.5rem) clamp(3rem,6vw,4rem)}.feedback-topbar{display:flex;justify-content:flex-end;align-items:center;padding:clamp(.75rem,1vw + .5rem,1.25rem) clamp(1rem,2vw + 1rem,2rem) 0;max-width:min(960px,92vw);margin:0 auto}.feedback-topbar__switch{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:999px;background:#94a3b833;backdrop-filter:blur(6px)}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{font-size:clamp(2.2rem,3.2vw + 1.6rem,3.4rem);font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:clamp(.75rem,1.2vw,1.25rem)}.feedback-header p{font-size:clamp(1.22rem,.7vw + 1.08rem,1.42rem);color:var(--text-secondary);max-width:56ch;margin:0 auto}.feedback-card{background:var(--feedback-surface);border:1px solid var(--feedback-border);border-radius:var(--feedback-radius);padding:clamp(2rem,3vw + 1.5rem,3rem);box-shadow:0 24px 60px #0f172a14;display:grid;gap:clamp(1.5rem,2.5vw,2.25rem)}html.g-dark .feedback-card{background:var(--feedback-surface-dark);border-color:var(--feedback-border-dark);box-shadow:0 30px 80px #020617a6}#feedbackForm{display:grid;gap:clamp(1.4rem,2.25vw,2rem)}.form-group{display:grid;gap:.6rem}.form-label{display:block;font-weight:600;font-size:clamp(1.26rem,.55vw + 1.12rem,1.42rem);color:var(--text-primary);letter-spacing:-.005em}.required-mark{color:#ef4444;margin-left:.35rem;font-size:1.05em}.form-input,.form-textarea,.form-select{width:100%;padding:1.05rem clamp(1.15rem,2.5vw,1.4rem);border:1px solid var(--input-border);border-radius:var(--feedback-field-radius);font-size:clamp(1.2rem,.55vw + 1.08rem,1.35rem);font-family:inherit;line-height:1.65;background:var(--input-bg);color:var(--input-text);transition:border-color var(--feedback-transition),box-shadow var(--feedback-transition),background-color var(--feedback-transition);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-repeat:no-repeat;background-position:right 1.05rem center;background-size:.85rem}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-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{outline:none;border-color:var(--feedback-accent);box-shadow:0 0 0 4px #2563eb2e;background-color:#2563eb08}.form-input:focus-visible,.form-textarea:focus-visible,.form-select:focus-visible{outline:none;border-color:var(--feedback-accent-strong)}.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{min-height:140px;resize:vertical}.error-message{color:#dc2626;font-size:clamp(1.12rem,.45vw + 1.02rem,1.22rem);margin-top:.15rem;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{width:100%;min-height:3.6rem;padding:1.05rem 2.2rem;background:linear-gradient(135deg,var(--feedback-accent) 0%,var(--feedback-accent-strong) 100%);color:#fff;border:none;border-radius:999px;font-size:clamp(1.28rem,.6vw + 1.12rem,1.4rem);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;letter-spacing:.014em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.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{background:linear-gradient(135deg,#94a3b899,#94a3b880);cursor:not-allowed;box-shadow:none}.submit-button .spinner{display:none;width:22px;height:22px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin .65s linear infinite}.submit-button.loading .spinner{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.feedback-decoy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.alert{display:none;padding:1rem 1.15rem;border-radius:var(--feedback-field-radius);border:1px solid transparent;background:var(--feedback-surface-muted);color:var(--text-primary)}.alert.visible{display:block}.alert-success{background:#16a34a1f;border-color:#16a34a40;color:#166534}.alert-error{background:#ef44441f;border-color:#ef444440;color:#991b1b}html.g-dark .alert{background:#0f172a66;color:var(--feedback-text-primary-dark)}html.g-dark .alert-success{background:#22c55e29;border-color:#22c55e4d;color:#86efac}html.g-dark .alert-error{background:#ef44442e;border-color:#f8717159;color:#fca5a5}.feedback-modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0f172a8c;backdrop-filter:blur(6px);z-index:999}.feedback-modal-backdrop[hidden]{display:none}.feedback-modal{width:min(92vw,460px);border-radius:calc(var(--feedback-radius) * .9);background:var(--feedback-surface);padding:clamp(2rem,3vw + 1.5rem,2.75rem);box-shadow:0 28px 70px #0f172a42;text-align:center;border:1px solid var(--feedback-border)}html.g-dark .feedback-modal{background:var(--feedback-surface-dark);border-color:var(--feedback-border-dark);box-shadow:0 32px 80px #020617b3;color:var(--feedback-text-primary-dark)}.feedback-modal__title{font-size:clamp(1.75rem,1.2vw + 1.45rem,2rem);font-weight:700;margin-bottom:.85rem}.feedback-modal__message{font-size:clamp(1.24rem,.55vw + 1.12rem,1.36rem);color:var(--text-secondary);margin-bottom:1.75rem;line-height:1.6}html.g-dark .feedback-modal__message{color:var(--feedback-text-secondary-dark)}.feedback-modal__actions{display:flex;justify-content:center}.feedback-modal__button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-width:180px;padding:.95rem 1.85rem;border-radius:9999px;border:none;background:linear-gradient(135deg,var(--feedback-accent) 0%,var(--feedback-accent-strong) 100%);color:#fff;font-size:clamp(1.2rem,.55vw + 1.08rem,1.32rem);font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.feedback-modal__button:hover,.feedback-modal__button:focus-visible{transform:translateY(-1px);box-shadow:0 18px 38px #2563eb4d;outline:none}.feedback-modal__button:active{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.feedback-body,.submit-button,.feedback-modal__button,.form-input,.form-textarea,.form-select{transition:none;animation:none}}@media (min-width: 640px){.submit-button{width:auto;align-self:center}}@media (max-width: 640px){.feedback-main{padding:0 1rem 3rem}.feedback-container{padding:0}.feedback-card{padding:1.75rem 1.35rem}}