/* A single compact strip; the original screenshots open in the native dialog. */
.feedback-section{padding-block:64px;border-bottom:1px solid #382731;background:linear-gradient(135deg,#160d13,#0d090d 65%)}
.feedback-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}
.feedback-heading h2{font-size:clamp(1.8rem,3vw,2.7rem);font-weight:450;line-height:1.15;letter-spacing:-.035em;margin:0}
.feedback-heading p{font-size:.9375rem;line-height:1.5;color:#bdaaba;margin-top:13px}
.feedback-controls{display:flex;gap:8px;flex-shrink:0}.feedback-controls[hidden]{display:none}
.feedback-control{display:inline-grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:10px;border:1px solid #68404f;border-radius:50%;background:#28151f;color:#eddae5;cursor:pointer;transition:background .2s,border-color .2s}
.feedback-control svg{display:block;width:22px;height:22px}.feedback-control:hover:not(:disabled):not([aria-disabled=true]){background:#512338;border-color:#c5839c}
.feedback-control:disabled,.feedback-control[aria-disabled=true]{opacity:.35;cursor:default}
.feedback-track{display:flex;gap:18px;margin:0;padding:4px 2px 18px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#855066 #23151e;scroll-padding-inline:2px}
.feedback-track>li{flex:0 0 clamp(190px,21vw,236px);min-width:0;scroll-snap-align:start}
.feedback-card{display:block;overflow:hidden;background:#20131b;color:#e5d8e1;border:1px solid #53333f;border-radius:9px;text-decoration:none;transition:border-color .2s,transform .25s}
.feedback-card:hover{border-color:#b17188;transform:translateY(-3px)}
.feedback-thumb{position:relative;display:block;height:220px;overflow:hidden;background:#080708}
.feedback-thumb>img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% var(--feedback-focus,65%)}
.feedback-thumb:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -30px 30px -30px #000}
.feedback-expand{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:32px;height:32px;color:#f1dce7;background:#150c12e8;border:1px solid #745164;border-radius:50%}
.feedback-expand svg{width:18px;height:18px}
.feedback-demo{position:absolute;left:10px;top:10px;padding:4px 8px;color:#eedfe9;background:#21131dec;border:1px solid #986376;border-radius:4px;font-size:.75rem;line-height:1.5}
.feedback-card-bottom{display:flex;gap:12px;padding:17px 14px;min-height:calc(4.5rem + 34px)}
.feedback-index{color:#b2879c;font:400 .75rem/1.7 var(--font-mono,monospace);padding-top:1px}
.feedback-quote{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
.feedback-note{font-size:.875rem;color:#b9a4b2;line-height:1.6;margin:18px 0 0;max-width:770px}
.feedback-section button:focus-visible,.feedback-card:focus-visible,.feedback-original:focus-visible,.feedback-viewer:focus-visible{outline:2px solid #edb3ca;outline-offset:3px}
html.feedback-modal-open,html.feedback-modal-open body{overflow:hidden}
.feedback-dialog{position:fixed;inset:0;width:min(780px,calc(100% - 32px));height:min(960px,calc(100dvh - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:hidden;background:#130c12;color:#f0e2ea;border:1px solid #815366;border-radius:12px;box-shadow:0 30px 100px #000b}
.feedback-dialog[open]{display:flex;flex-direction:column}
.feedback-dialog::backdrop{background:#080409dc;backdrop-filter:blur(12px)}
.feedback-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid #4a2e3c;flex-shrink:0}
.feedback-dialog-bar h3{font-size:1rem;font-weight:450;line-height:1.5;letter-spacing:0;margin:0}
.feedback-dialog-bar [data-feedback-counter]{display:inline-block;font-size:.875rem;color:#c399af;margin-left:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.feedback-viewer{position:relative;overflow:auto;min-height:0;flex:1;overscroll-behavior:contain;background:#080708;text-align:center;scrollbar-width:thin}
.feedback-full-image{display:block;width:100%;max-width:640px;height:auto;margin:0 auto}
.feedback-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px;border-top:1px solid #4a2e3c;flex-shrink:0}
.feedback-original{font-size:.875rem;line-height:1.4;color:#dfc1d1;text-align:center;text-underline-offset:4px}
@media(max-width:600px){.feedback-section{padding-block:44px}.feedback-heading{align-items:flex-end;gap:16px;margin-bottom:22px}.feedback-heading h2{font-size:1.8rem}.feedback-heading p{font-size:.875rem;max-width:220px}.feedback-controls{gap:6px}.feedback-track{gap:14px}.feedback-track>li{flex-basis:196px}.feedback-thumb{height:210px}.feedback-dialog{width:calc(100% - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:9px}.feedback-dialog-bar,.feedback-dialog-footer{padding:12px}.feedback-dialog-bar h3{font-size:.9375rem}.feedback-dialog-bar [data-feedback-counter]{margin-left:7px}}
@media(max-width:400px){.feedback-heading{flex-wrap:wrap}.feedback-heading p{max-width:none}.feedback-controls{margin-left:auto}.feedback-note{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.feedback-card,.feedback-control{transition:none}.feedback-card:hover{transform:none}}