.feedback-trigger{right:max(20px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:80;border:1px solid var(--line);min-height:44px;color:var(--green-dark);background:var(--paper-light);cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;transition:transform .16s,box-shadow .16s;display:inline-flex;position:fixed;box-shadow:0 5px 20px #20231f12}.feedback-trigger:hover{transform:translateY(-2px);box-shadow:0 8px 24px #20231f1f}.feedback-trigger:focus-visible,.feedback-dialog :focus-visible{outline:3px solid var(--green);outline-offset:4px}body:has(.feedback-dialog[open]){overflow:hidden}.feedback-dialog{border:1px solid var(--line);width:min(560px,100% - 32px);max-height:calc(100dvh - 40px);color:var(--graphite);background:var(--paper-light);overscroll-behavior:contain;border-radius:28px;margin:auto;padding:0;box-shadow:0 28px 90px #20231f38}.feedback-dialog[open]{animation:.18s ease-out feedback-enter}.feedback-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#20231f6b}.feedback-panel{padding:30px;position:relative}.feedback-close{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:15px;right:15px}.feedback-close:hover{color:var(--graphite);background:var(--paper)}.feedback-dialog h2{letter-spacing:-.045em;margin:0;padding-right:22px;font-size:27px;font-weight:660;line-height:1.15}.feedback-dialog header>p{color:var(--muted);margin:9px 0 24px;font-size:14px;line-height:1.5}.feedback-categories{border:0;gap:8px;margin:0 0 19px;padding:0;display:flex}.feedback-categories legend{margin-bottom:8px;font-size:12px;font-weight:600}.feedback-categories label{cursor:pointer;flex:1;position:relative}.feedback-categories input{opacity:0;width:1px;height:1px;position:absolute}.feedback-categories span{border:1px solid var(--line);text-align:center;border-radius:11px;padding:10px 4px;font-size:13px;display:block}.feedback-categories input:checked+span{border-color:var(--green);color:var(--green-dark);background:#e8eee7;font-weight:650}.feedback-categories input:focus-visible+span{outline:3px solid var(--green);outline-offset:3px}.feedback-field{gap:8px;margin:0 0 19px;font-size:12px;font-weight:600;display:grid}.feedback-field small,.feedback-field-heading span{color:var(--muted);font-size:11px;font-weight:400}.feedback-field small{margin-left:5px}.feedback-field input,.feedback-field textarea{border:1px solid var(--line);width:100%;color:var(--graphite);background:#fffefa;border-radius:12px;padding:12px 14px;font-size:15px;font-weight:400}.feedback-field textarea{resize:vertical;min-height:114px;line-height:1.5}.feedback-field input::placeholder,.feedback-field textarea::placeholder{color:#7b8079;opacity:1}.feedback-attachments{margin-bottom:19px}.feedback-field-heading{flex-wrap:wrap;justify-content:space-between;gap:4px 10px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.feedback-file-input{display:none}.feedback-dropzone{width:100%;min-height:72px;color:var(--green-dark);text-align:left;cursor:pointer;background:0 0;border:1px dashed #b9c3b7;border-radius:12px;justify-content:center;align-items:center;gap:11px;padding:12px;display:flex}.feedback-dropzone:hover{background:#f0f3eb}.feedback-dropzone strong{font-size:13px;font-weight:600;display:block}.feedback-dropzone small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.feedback-previews{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.feedback-previews li{width:70px;height:70px;position:relative}.feedback-previews img{border:1px solid var(--line);object-fit:cover;border-radius:10px;width:100%;height:100%}.feedback-previews button{border:1px solid var(--line);width:27px;height:27px;color:var(--graphite);background:var(--paper-light);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:-5px;right:-5px}.feedback-dialog footer{align-items:flex-end;gap:20px;display:flex}.feedback-dialog footer p{color:var(--muted);flex:1;margin:0;font-size:10px;line-height:1.55}.feedback-dialog footer a{color:inherit;text-underline-offset:2px}.feedback-submit{border:1px solid var(--green-dark);min-height:44px;color:var(--paper-light);background:var(--green-dark);cursor:pointer;border-radius:12px;flex:none;padding:11px 18px;font-size:13px;font-weight:650;transition:background .15s}.feedback-submit:hover{background:var(--green)}.feedback-dialog :disabled{cursor:wait;opacity:.65}.feedback-error{color:#9b3d29;margin:-4px 0 17px;font-size:12px;line-height:1.5}.feedback-success{text-align:center;justify-items:center;gap:18px;padding:18px 0 7px;display:grid}.feedback-success-icon{width:52px;height:52px;color:var(--green);background:#e8eee7;border-radius:50%;place-items:center;display:grid}.feedback-success h2{padding:0}.feedback-success p{color:var(--muted);margin:0 0 8px;font-size:14px;line-height:1.5}@keyframes feedback-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.feedback-trigger{right:12px;bottom:max(12px, env(safe-area-inset-bottom));border-radius:12px;gap:6px;min-height:40px;padding-inline:10px;font-size:11px}.feedback-trigger svg{width:18px}body:has(.guide-page,.guide-content-page,.score-page,.profile-result-page,.profile-assets-page,.profile-lookup-page,.access-page) .feedback-trigger{top:max(6px, env(safe-area-inset-top));justify-content:center;width:40px;padding:0;bottom:auto;right:16px}body:has(.guide-page,.guide-content-page,.score-page,.profile-result-page,.profile-assets-page,.profile-lookup-page,.access-page) .feedback-trigger span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body:has(.access-page) .feedback-trigger{top:max(12px, env(safe-area-inset-top))}body:has(.feedback-trigger) :is(.guide-header,.score-page-header,.profile-result-header,.profile-assets-header,.profile-lookup-header){padding-right:52px}.feedback-dialog{border-radius:22px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.feedback-panel{padding:26px 20px 20px}.feedback-close{top:9px;right:9px}.feedback-dialog h2{font-size:24px}.feedback-dialog header>p{margin-bottom:20px;font-size:12px}.feedback-field input,.feedback-field textarea{font-size:16px}.feedback-dialog footer{flex-direction:column-reverse;align-items:stretch;gap:12px}.feedback-dialog footer p{font-size:10px}}@media (prefers-reduced-motion:reduce){.feedback-dialog[open]{animation:none}.feedback-trigger,.feedback-submit{transition:none}.feedback-trigger:hover{transform:none}}
