.task-feedback-btn{width:24px;height:24px;color:var(--color-text-muted,#999);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .2s,color .2s,background-color .2s;display:inline-flex}.task-feedback-btn:hover{opacity:1;color:var(--color-primary,#007385);background-color:var(--color-bg-subtle,#f5f5f5)}.task-feedback-btn:focus{outline:2px solid var(--color-primary,#007385);outline-offset:2px}.task-feedback-overlay{z-index:1000;-webkit-overflow-scrolling:touch;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0;overflow-y:auto}.task-feedback-modal{background:#fff;border-radius:8px;width:calc(100% - 2rem);max-width:500px;max-height:calc(100% - 2rem);position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00000026}.task-feedback-close{width:32px;height:32px;color:var(--color-text-muted,#999);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;transition:background-color .2s,color .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.task-feedback-close:hover{background-color:var(--color-bg-subtle,#f5f5f5);color:var(--color-text,#333)}.task-feedback-content{text-align:center;padding:2rem 1.5rem}.task-feedback-title{color:var(--color-primary-dark,#254158);text-align:left;margin:0 0 1rem;font-size:1.25rem;font-weight:600}@media (min-width:769px){.task-feedback-draggable{cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;margin:-.25rem -.25rem .75rem;padding:.25rem;transition:background-color .15s}.task-feedback-draggable:hover{background-color:var(--color-bg-subtle,#f5f5f5)}.task-feedback-draggable:active,.task-feedback-modal.is-dragging .task-feedback-draggable{cursor:grabbing;background-color:var(--color-bg-subtle,#f5f5f5)}}.task-feedback-modal.is-dragging{-webkit-user-select:none;user-select:none}.task-feedback-instruction{color:var(--color-text,#333);text-align:left;margin:0 0 1rem;font-size:.9375rem;line-height:1.5}.task-feedback-taskid{color:var(--color-text-muted,#999);margin:0 0 1rem;font-size:.75rem}.task-feedback-taskid code{background:var(--color-bg-subtle,#f5f5f5);border-radius:3px;padding:.125rem .375rem;font-family:monospace}.task-feedback-textarea{border:1px solid var(--color-border,#ddd);resize:vertical;text-align:left;border-radius:6px;width:100%;min-height:120px;padding:.75rem;font-family:inherit;font-size:.9375rem;line-height:1.5;transition:border-color .2s}.task-feedback-textarea:focus{border-color:var(--color-primary,#007385);outline:none}.task-feedback-textarea::placeholder{color:var(--color-text-muted,#999)}.task-feedback-error{background:var(--color-error-light);color:var(--color-danger);text-align:left;border-radius:4px;margin:.75rem 0 0;padding:.5rem .75rem;font-size:.875rem}.task-feedback-actions{justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.task-feedback-cancel,.task-feedback-submit{cursor:pointer;border-radius:6px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;transition:background-color .2s,opacity .2s}.task-feedback-cancel{border:1px solid var(--color-border,#ddd);color:var(--color-text,#333);background:0 0}.task-feedback-cancel:hover:not(:disabled){background:var(--color-bg-subtle,#f5f5f5)}.task-feedback-submit{background:var(--color-primary,#007385);color:#fff;border:none}.task-feedback-submit:hover:not(:disabled){background:var(--color-primary-light,#7ab4c2)}.task-feedback-submit:disabled,.task-feedback-cancel:disabled{opacity:.5;cursor:not-allowed}.task-feedback-success{text-align:center;padding:2rem}.task-feedback-success .success-icon{background:var(--color-success,#63c5c3);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.75rem;font-size:1.5rem;display:inline-flex}.task-feedback-success p{color:var(--color-primary-dark,#254158);margin:0;font-size:1rem;font-weight:500}