.feedback-frame { border:0; border-radius:8px; padding:7px 11px; background:#e3e9e4; color:#174d3e; cursor:pointer; font-weight:600; font-size:14px; }
#feedback-dialog { width:min(560px,calc(100% - 24px)); max-height:min(85vh,820px); border:0; border-radius:14px; padding:0; color:#1d1b18; background:#f4efe6; box-shadow:0 5px 16px #0005; }
#feedback-dialog::backdrop {background:rgba(20,18,15,.7)}
.fb-wrap { padding:20px; } .fb-head {display:flex;align-items:center;gap:12px} .fb-head h2{margin:0;flex:1;font-size:21px} .fb-head button,.fb-votes button,.fb-edit,#fb-dictate,#fb-refresh,#fb-cancel {border:1px solid #c8c2b7;background:#fffaf2;color:#1d1b18;border-radius:8px;padding:8px 11px;cursor:pointer;font:inherit}
.fb-votes{display:flex;gap:8px;margin:16px 0} .fb-votes button[aria-pressed=true]{background:#2f6b5a;color:white;border-color:#2f6b5a} .fb-list { max-height:30vh; overflow:auto; } .fb-comment {border-top:1px solid #d3cabc;padding:10px 0} .fb-comment-head {display:flex;justify-content:space-between;gap:8px} .fb-comment time,.fb-empty{font-size:12px;color:#554d42} .fb-body {white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0} .fb-edit{font-size:12px;padding:5px 8px} #fb-form {border-top:1px solid #d3cabc;padding-top:12px} #fb-form label {display:block;font-weight:600;margin:8px 0 4px} #fb-form input,#fb-form textarea {width:100%;font:inherit;background:#fff;border:1px solid #9b9488;border-radius:8px;padding:9px} #fb-form textarea{min-height:85px;resize:vertical} .fb-actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} #fb-submit {background:#2f6b5a;color:white;border:0;border-radius:8px;padding:9px 13px;font:inherit;cursor:pointer} #fb-status {min-height:1.4em;color:#7b3028;font-size:13px;margin:8px 0 0} .fb-note {font-size:12px;color:#554d42;margin:5px 0} #feedback-dialog [hidden]{display:none} #feedback-dialog button:focus-visible,.feedback-frame:focus-visible{outline:3px solid #389b7b;outline-offset:2px}

#feedback-pin {position:fixed; top:16px; left:16px; z-index:31; width:44px; height:44px; border:0; border-radius:10px; background:#f4efe6; font-size:22px; cursor:pointer; box-shadow:0 2px 7px #0004} #feedback-pin[aria-pressed=true]{background:#dbe8df;outline:2px solid #2f6b5a} #feedback-dialog {position:fixed; top:70px; left:16px; z-index:30; width:min(380px,calc(100vw - 32px)); max-height:calc(100vh - 90px); overflow:auto; border:0; box-shadow:0 3px 12px #0005} #feedback-dialog[hidden]{display:none} .fb-wrap{padding:14px} .fb-head h2{font-size:17px} .fb-votes{margin:10px 0} .fb-list{max-height:22vh} .fb-note{font-size:12px} #fb-board{border:0;background:transparent;color:#205d49;padding:3px 0;cursor:pointer;text-decoration:underline} .fb-selected{outline:6px solid #2f6b5a} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(max-width:500px){#feedback-pin{top:8px;left:8px} #feedback-dialog{top:60px;left:8px;width:calc(100vw - 16px);max-height:calc(100vh - 70px)} #soundtrack{top:8px;right:8px;width:calc(100vw - 72px)}}

#fb-pick{border:0;background:#2f6b5a;color:#fff;border-radius:7px;padding:7px 10px;cursor:pointer;font:inherit} #pick-tip{position:fixed;top:18px;left:70px;z-index:30;background:#f4efe6;color:#1d1b18;border-radius:8px;padding:10px 12px;font-size:14px;box-shadow:0 2px 7px #0004} #pick-tip[hidden]{display:none}

#feedback-dialog{top:16px;left:16px;max-height:calc(100vh - 32px)} .card:not(.dragging) .pair,.mood-card{cursor:pointer} @media(max-width:500px){#feedback-dialog{top:8px;left:8px;max-height:calc(100vh - 16px)}}