.feedback-open { border: 1px solid #d7c5e8; border-radius: 18px; background: #f5effc; color: #775996; padding: 12px 18px; font: inherit; font-weight: bold; white-space: nowrap; cursor: pointer; }
.feedback-mobile { display: none; }
#feedbackSend { display: block; box-sizing: border-box; padding: 14px; text-align: center; text-decoration: none; }
#feedbackCopy { min-height: 44px; padding: 10px 16px; border: 1px solid #d7c5e8; border-radius: 12px; background: #f5effc; color: #775996; cursor: pointer; }
.feedback-button-reward { display: block; margin-top: 6px; font-size: 11px; font-weight: normal; color: #89639e; }
#feedbackDialog { box-sizing: border-box; width: min(540px,calc(100% - 24px)); max-height: calc(100dvh - 32px); margin: auto; overflow-y: auto; overscroll-behavior: contain; border: 1px solid #e6dced; border-radius: 24px; padding: 30px; background: #fffafc; color: #51415f; box-shadow: 0 20px 70px #30203b40; }
#feedbackDialog::backdrop { background: #30203b88; }
#feedbackClose { position: absolute; top: 10px; right: 12px; width: 44px; height: 44px; border: none; background: transparent; font-size: 30px; color: #776783; cursor: pointer; }
.feedback-badge { display: inline-block; color: #8965ac; background: #eee5f6; border-radius: 20px; padding: 5px 12px; font-size: 12px; }
#feedbackDialog h2 { margin: 16px 0 10px; font-size: 26px; }
.feedback-lead { line-height: 1.7; color: #81728a; }
.feedback-reward { background: #fff4e4; border: 1px solid #efdfc9; border-radius: 16px; padding: 16px; margin: 20px 0 12px; }
.feedback-reward p { font-size: 14px; line-height: 1.6; margin: 8px 0; }
.feedback-reward small,#feedbackEmailHint { display: block; font-size: 12px; line-height: 1.7; color: #827080; }
.feedback-test { padding: 12px; border-radius: 10px; background: #efeaf6; font-size: 12px; line-height: 1.6; }
#feedbackForm fieldset { padding: 0; margin: 22px 0; border: 0; }
#feedbackForm legend,.feedback-label { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.feedback-types { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.feedback-types label { position: relative; cursor: pointer; }
.feedback-types input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.feedback-types span { display: block; padding: 12px; text-align: center; background: white; border: 1px solid #e3d9ec; border-radius: 12px; font-size: 14px; }
.feedback-types input:checked + span { border-color: #9674c6; color: #76539d; background: #eee5f8; }
.feedback-types input:focus-visible + span { outline: 3px solid #9674c6; outline-offset: 2px; }
.feedback-label { display: block; margin-top: 20px; }
.feedback-label span { color: #998ca2; font-size: 12px; font-weight: normal; }
#feedbackMessage,#feedbackEmail { box-sizing: border-box; width: 100%; font: inherit; font-size: 16px; padding: 12px; border: 1px solid #ded2e7; border-radius: 12px; background: white; color: #51415f; }
#feedbackMessage { resize: vertical; min-height: 130px; line-height: 1.6; }
#feedbackCount { text-align: right; font-size: 11px; color: #92829c; margin-top: 5px; }
#feedbackEmailHint { margin-top: 7px; }
#feedbackPrivacy { font-size: 12px; line-height: 1.6; color: #92829c; }
.feedback-submit,#feedbackEdit { width: 100%; min-height: 48px; border: 0; border-radius: 13px; background: #9273bd; color: white; font: inherit; font-weight: bold; cursor: pointer; }
#feedbackReview dd { margin: 6px 0 18px; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; }
#feedbackReview dt { font-weight: bold; font-size: 13px; }
body.feedback-active { overflow: hidden; }
@media(max-width:700px) { .tool-tabs > .feedback-open { display: none; } .feedback-mobile { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 10px 12px 0; padding: 8px 10px; border-radius: 14px; background: #f6eff8; } .feedback-mobile > span { font-size: 11px; color: #887394; } .feedback-mobile .feedback-open { font-size: 12px; padding: 10px; } #feedbackDialog { padding: 24px 18px; } #feedbackDialog h2 { font-size: 23px; } }