.feedback-page{min-height:calc(100vh - 80px);padding:clamp(34px,5vw,56px) 0 56px}.feedback-page .wrap{max-width:min(var(--maxw),1040px)}.feedback-shell{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(430px,560px);gap:clamp(20px,4vw,40px);align-items:start}.feedback-copy{display:grid;gap:10px;padding-top:12px}.feedback-copy h1{max-width:16ch;margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1;overflow-wrap:anywhere}.feedback-copy p{max-width:38ch;margin:0;color:var(--muted);font-family:var(--reading);font-size:1rem;line-height:1.55}.feedback-panel{display:grid;gap:12px}.feedback-language{display:grid;gap:8px;justify-items:end}.feedback-language p{margin:0;color:var(--muted2);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.feedback-language div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.feedback-language button,.feedback-type span,.feedback-submit{min-height:40px}.feedback-language button{border:1px solid var(--line2);border-radius:8px;background:var(--panel);color:var(--txt);padding:0 10px;cursor:pointer;font:inherit;font-size:.8rem;font-weight:700;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.feedback-language button:hover,.feedback-language button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.feedback-form{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--panel)}.feedback-form label{display:grid;gap:7px;color:var(--txt);font-size:.86rem;font-weight:700}.feedback-hint{color:var(--muted2);font-weight:500;font-size:.78rem}.feedback-form input,.feedback-form textarea{width:100%;min-height:42px;border:1px solid var(--line2);border-radius:8px;background:var(--bg);color:var(--txt);font:inherit;padding:10px 12px}.feedback-form textarea{min-height:126px;resize:vertical}.feedback-form input::placeholder,.feedback-form textarea::placeholder{color:var(--muted2)}.feedback-form input:focus,.feedback-form textarea:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:2px}.feedback-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feedback-type{display:grid;gap:7px;margin:0;padding:0;border:0;min-width:0}.feedback-type legend{padding:0;color:var(--txt);font-size:.86rem;font-weight:700}.feedback-type-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.feedback-type-options label{display:block;position:relative}.feedback-type input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;opacity:0;pointer-events:none}.feedback-type span{display:flex;align-items:center;justify-content:center;border:1px solid var(--line2);border-radius:8px;background:var(--panel2);color:var(--txt);cursor:pointer;font-weight:800;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.feedback-type input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.feedback-type input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.feedback-note,.feedback-error,.feedback-success{margin:0;border-radius:9px;padding:12px;font-family:var(--reading);font-size:.88rem;line-height:1.45}.feedback-note{border:0;background:transparent;color:var(--muted2);padding:0;font-size:.82rem}.feedback-error{border:1px solid color-mix(in srgb,var(--red) 54%,transparent);background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red)}.feedback-success{border:1px solid color-mix(in srgb,var(--green) 44%,transparent);background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green)}.feedback-submit{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:var(--black);font:inherit;font-weight:800;cursor:pointer;transition:transform var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out),opacity var(--dur) var(--ease-out)}.feedback-submit svg{width:18px;height:18px}.feedback-submit:hover{background:color-mix(in srgb,var(--accent) 84%,var(--white))}.feedback-submit:disabled{cursor:wait;opacity:.72;transform:none}@media(max-width:900px){.feedback-shell,.feedback-field-grid{grid-template-columns:1fr}.feedback-shell{max-width:640px;margin:0 auto}.feedback-language{justify-items:start}.feedback-language div{justify-content:flex-start}.feedback-copy h1{max-width:16ch}}@media(max-width:460px){.feedback-page .wrap{padding:0 16px}.feedback-form{padding:16px}.feedback-type-options{grid-template-columns:1fr}}