@layer pages{.result-feedback{width:min(62rem, calc(100vw - (var(--space-page-inline) * 2)));margin:var(--space-8) auto 0;padding:var(--space-4) var(--space-6);border:1px solid var(--line);background:var(--surface);border-radius:1rem}.result-feedback:not([hidden]){align-items:center;gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.result-feedback[hidden]{display:none}.result-feedback>p:first-child{color:var(--navy-800);font-size:var(--text-label);font-weight:var(--weight-strong)}.result-feedback-stars{align-items:center;gap:.15rem;display:flex}.result-feedback-stars button{width:var(--space-control);height:var(--space-control);color:var(--neutral-400);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.result-feedback-stars svg{fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:1.7px;width:1.75rem;transition:color .14s ease, fill .14s ease, transform .14s var(--ease-out)}.result-feedback-stars button:hover svg,.result-feedback-stars button:focus-visible svg{color:var(--blue-600);transform:translateY(-1px)}.result-feedback-stars button:has(~button:hover) svg,.result-feedback-stars button:has(~button:focus-visible) svg,.result-feedback-stars button:hover svg,.result-feedback-stars button:focus-visible svg{fill:var(--blue-100)}.result-feedback-stars button[data-active=true] svg{fill:var(--blue-500);color:var(--blue-600)}.result-feedback-stars button:focus-visible,.result-feedback-close:focus-visible,.result-feedback-primary:focus-visible,.result-feedback-secondary:focus-visible,.result-feedback-categories label:has(input:focus-visible),.result-feedback-comment textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.result-feedback-status{min-height:0;color:var(--blue-700);font-size:var(--text-caption);grid-column:1/-1}.result-feedback-status:empty{display:none}.result-feedback-complete .result-feedback-stars{pointer-events:none}.result-feedback-dialog{background:var(--surface);width:min(34rem,100vw - 2rem);max-width:none;max-height:min(44rem,100dvh - 2rem);color:var(--navy-950);border:0;border-radius:1.2rem;padding:0;box-shadow:0 1.5rem 5rem oklch(22% .055 258/.2)}.result-feedback-dialog::backdrop{background:oklch(22% .055 258/.42)}.result-feedback-dialog[open]{animation:result-feedback-enter .18s var(--ease-out) both}.result-feedback-form{gap:var(--space-6);padding:clamp(var(--space-6), 5vw, var(--space-8));display:grid}.result-feedback-form header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.result-feedback-context{color:var(--blue-700);font-size:var(--text-caption);font-weight:var(--weight-strong)}.result-feedback-form h2{margin-top:var(--space-1);font-family:var(--font-display);font-size:var(--text-heading);letter-spacing:var(--tracking-display)}.result-feedback-close{width:var(--space-control);height:var(--space-control);border:1px solid var(--neutral-300);background:var(--surface);color:var(--navy-800);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.result-feedback-close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:1.1rem}.result-feedback-form fieldset{border:0;min-width:0;padding:0}.result-feedback-form legend,.result-feedback-comment>span{margin-bottom:var(--space-2);font-size:var(--text-label);font-weight:var(--weight-strong);display:block}.result-feedback-comment small{color:var(--neutral-500);font-size:var(--text-caption)}.result-feedback-categories{gap:var(--space-2);flex-wrap:wrap;display:flex}.result-feedback-categories label{min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--neutral-300);color:var(--navy-700);cursor:pointer;font-size:var(--text-caption);font-weight:var(--weight-strong);border-radius:999px;align-items:center;display:inline-flex;position:relative}.result-feedback-categories input{opacity:0;pointer-events:none;position:absolute}.result-feedback-categories label:has(input:checked){border-color:var(--blue-500);background:var(--blue-100);color:var(--blue-700)}.result-feedback-comment textarea{resize:vertical;width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-300);background:var(--surface);color:var(--navy-950);font:inherit;border-radius:.85rem;outline:0;line-height:1.6}.result-feedback-comment textarea::placeholder{color:var(--neutral-500)}.result-feedback-count{margin-top:calc(var(--space-5) * -1);color:var(--neutral-500);font-size:var(--text-caption);text-align:right}.result-feedback-safety{color:var(--navy-600);font-size:var(--text-caption);line-height:1.55}.result-feedback-message{color:oklch(49% .19 27);min-height:1.2rem;font-size:var(--text-caption)}.result-feedback-form footer{justify-content:flex-end;gap:var(--space-2);display:flex}.result-feedback-primary,.result-feedback-secondary{min-height:var(--space-control);padding:0 var(--space-4);cursor:pointer;font:inherit;font-size:var(--text-label);font-weight:var(--weight-strong);border-radius:.78rem}.result-feedback-primary{border:1px solid var(--blue-600);background:var(--blue-600);color:var(--surface)}.result-feedback-primary:disabled{cursor:wait;opacity:.6}.result-feedback-secondary{border:1px solid var(--neutral-300);background:var(--surface);color:var(--navy-800)}@keyframes result-feedback-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media (width<=40rem){.result-feedback:not([hidden]){gap:var(--space-2);grid-template-columns:1fr}.result-feedback-stars{justify-content:space-between}.result-feedback-stars button{width:3rem}.result-feedback-dialog{border-radius:1.2rem 1.2rem 0 0;width:100vw;max-height:calc(100dvh - 1rem);margin:auto 0 0}.result-feedback-form{max-height:calc(100dvh - 1rem);overflow-y:auto}.result-feedback-form footer>button{flex:1}}@media (prefers-reduced-motion:reduce){.result-feedback-dialog[open]{animation:none}.result-feedback-stars svg{transition:none}}}