:root{font-family:system-ui,Segoe UI,sans-serif;line-height:1.5;color:#0f172a;background:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:#fff}#app{width:100%}.wrap{max-width:22rem;margin:0 auto;padding:2rem 1.25rem 3rem;text-align:center}.wrap--feedback{max-width:min(42rem,calc(100% - 2rem));padding:2rem 1.5rem 3.5rem}.wrap--feedback .page-title{font-size:1.65rem}.wrap--feedback .lead{font-size:1.05rem}.wrap--feedback .field label{font-size:1rem}.wrap--feedback .field .hint{font-size:.9rem}.wrap--feedback .field input,.wrap--feedback .field textarea{padding:.7rem .9rem;font-size:1.05rem;line-height:1.45}.wrap--feedback .field textarea{min-height:14rem}.wrap--feedback .form-actions .btn{padding:.8rem 1.1rem;font-size:1.05rem}.wrap--feedback .form-status{font-size:1rem;padding:.75rem .9rem}.logo{display:block;margin:0 auto 1.75rem;max-width:min(280px,100%);height:auto}.lead{margin:0 0 1.25rem;font-size:1rem;color:#334155}.actions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.btn{display:block;width:100%;padding:.65rem 1rem;border-radius:.5rem;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;font-size:1rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover{background:#f1f5f9;border-color:#94a3b8}.btn:focus{outline:none}.btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.btn--primary{background:#0f172a;border-color:#0f172a;color:#fff}.btn--primary:hover{background:#1e293b;border-color:#1e293b}.page-title{margin:0 0 1rem;font-size:1.35rem;font-weight:700}.form{text-align:left}.field{margin-bottom:1rem}.field label{display:block;margin-bottom:.35rem;font-size:.9rem;font-weight:600;color:#334155}.field .hint{margin:.25rem 0 0;font-size:.8rem;font-weight:400;color:#64748b}.field input,.field textarea{width:100%;padding:.5rem .65rem;border:1px solid #cbd5e1;border-radius:.375rem;font:inherit;color:inherit;background:#fff}.field textarea{min-height:8rem;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.form-actions{margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.back-link{display:inline-block;margin-top:.5rem;font-size:.95rem;color:#2563eb;text-decoration:underline}.back-link:hover{color:#1d4ed8}.back-link:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-radius:2px}.form-status{margin:0 0 1rem;padding:.65rem .75rem;border-radius:.375rem;font-size:.9rem}.form-status--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.form-status--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.muted{margin:1rem 0 0;font-size:.95rem;color:#64748b}code{background:#e2e8f0;padding:.15rem .4rem;border-radius:.25rem;font-size:.85em}