.modal-content.feedback-modal{border:1px solid color-mix(in srgb, var(--border-color) 72%, transparent);background:var(--bg-primary);width:min(440px,100vw - 32px);max-width:440px;box-shadow:var(--shadow-xl);border-radius:24px;position:relative;overflow:hidden}.feedback-modal .modal-header{background:var(--bg-primary);border:0;align-items:center;padding:22px 24px 8px}.feedback-modal .modal-title-section h3{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:650}.feedback-modal .modal-close{width:34px;height:34px;color:var(--text-secondary);border-radius:999px;font-size:24px}.feedback-modal .modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.feedback-modal .modal-body{padding:0 24px 24px}.feedback-form{flex-direction:column;gap:18px;display:flex}.feedback-intro{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.45}.feedback-moods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.feedback-mood{appearance:none;background:color-mix(in srgb, var(--bg-secondary) 82%, transparent);min-width:0;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:#0000;border:1px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 10px 10px;transition:background .16s,border-color .16s,color .16s;display:flex}.feedback-mood-art{object-fit:cover;pointer-events:none;border-radius:15px;width:58px;height:58px;transition:filter .16s,opacity .16s,transform .16s}.feedback-mood-label{font-size:12px;font-weight:600;line-height:1.2}.feedback-mood.is-selected{border-color:color-mix(in srgb, var(--home-coral,#fe6365) 48%, transparent);background:color-mix(in srgb, var(--home-coral,#fe6365) 12%, var(--bg-secondary));color:var(--text-primary)}.feedback-mood.is-selected .feedback-mood-art{transform:scale(1.04)}.feedback-moods.has-selection .feedback-mood:not(.is-selected) .feedback-mood-art{filter:grayscale(.35);opacity:.65}@media (hover:hover){.feedback-mood:hover{border-color:color-mix(in srgb, var(--home-coral,#fe6365) 26%, transparent);background:color-mix(in srgb, var(--home-coral,#fe6365) 7%, var(--bg-secondary));color:var(--text-primary)}}.feedback-modal .feedback-textarea{resize:vertical;background:var(--bg-secondary);width:100%;min-height:96px;color:var(--text-primary);font:inherit;box-shadow:none;border:1px solid #0000;border-radius:14px;outline:none;padding:13px 14px;font-size:14px;line-height:1.45;transition:background .16s,border-color .16s,box-shadow .16s}.feedback-modal .feedback-textarea::placeholder{color:var(--text-tertiary)}.feedback-modal .feedback-textarea:focus{border-color:color-mix(in srgb, var(--home-coral,#fe6365) 55%, transparent);background:var(--bg-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--home-coral,#fe6365) 10%, transparent)}.feedback-actions{display:flex}.feedback-submit{appearance:none;background:var(--home-coral,#fe6365);color:#fff;width:100%;min-height:46px;font:inherit;cursor:pointer;border:0;border-radius:13px;padding:0 20px;font-size:14px;font-weight:650;transition:opacity .16s,transform .16s,background .16s}.feedback-submit:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.feedback-submit:hover:not(:disabled){opacity:.9}.feedback-submit:active:not(:disabled){transform:scale(.99)}@media (max-width:600px){.modal-overlay:has(.feedback-modal){align-items:flex-end;padding:0}.modal-content.feedback-modal{border-bottom:0;border-left:0;border-right:0;border-radius:26px 26px 0 0;width:100%;max-width:none;max-height:calc(100dvh - 16px);animation:.22s ease-out feedbackSheetIn}.modal-content.feedback-modal:before{content:"";background:color-mix(in srgb, var(--text-tertiary) 58%, transparent);border-radius:999px;width:36px;height:4px;margin:9px auto 0;display:block}.feedback-modal .modal-header{padding:12px 20px 6px}.feedback-modal .modal-body{padding:2px 20px calc(18px + env(safe-area-inset-bottom))}.feedback-form{gap:16px}.feedback-mood{padding-block:10px 9px}.feedback-mood-art{width:54px;height:54px}}@keyframes feedbackSheetIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
