.feedback-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:22px;align-items:start}
.feedback-inbox,.feedback-detail{padding:22px;min-width:0}.feedback-inbox>input,.feedback-inbox>select{width:100%;margin-bottom:12px}
.feedback-list-item{display:block;text-align:left;width:100%;margin:0 0 10px;padding:16px;border:1px solid var(--line,#bdcdce);background:rgba(255,255,255,.5);white-space:normal}.feedback-list-item.selected{border:2px solid #178985;background:rgba(23,137,133,.09)}.feedback-list-item strong,.feedback-list-item small{display:block;margin-top:7px;overflow-wrap:anywhere}.feedback-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.82rem}
.feedback-detail-heading,.feedback-dialog-heading{display:flex;justify-content:space-between;gap:18px;align-items:start}.feedback-detail-heading h2{font-size:1.55rem;overflow-wrap:anywhere;margin:8px 0}.feedback-status-label{max-width:160px;flex-shrink:0}.feedback-status-label select{width:100%}.feedback-prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.feedback-attachment{max-width:100%;max-height:420px;border-radius:14px;object-fit:contain}.feedback-comment{padding:16px;border:1px solid var(--line,#bdcdce);border-radius:16px;margin-bottom:12px;background:rgba(255,255,255,.35)}.feedback-comment p{margin-bottom:0}.feedback-empty{padding:28px 8px;text-align:center}.feedback-empty p{color:var(--muted,#566c6e)}.feedback-detail textarea{width:100%;resize:vertical}
.feedback-launcher{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:calc(var(--feedback-clearance,16px) + env(safe-area-inset-bottom));z-index:45;display:grid;place-items:center;width:52px;height:52px;min-height:52px;padding:0;border-radius:50%;border:1px solid #ffffff70;background:linear-gradient(145deg,#218f8a,#116967);color:#fff;box-shadow:0 7px 24px #0c47453b,inset 0 1px 0 #ffffff40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.feedback-launcher:hover{background:#126f6c;color:#fff}.feedback-launcher svg{pointer-events:none}.feedback-launcher:focus-visible{outline:3px solid #55bdb7;outline-offset:4px}body:has(.feedback-launcher) footer{padding-bottom:90px}body:has(dialog[open]) .feedback-launcher{visibility:hidden}
.feedback-dialog{position:fixed;inset:auto auto max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));margin:0;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;padding:22px;border:1px solid #c3d9d7;border-radius:24px;background:#f6fbfa;color:var(--ink,#153739);box-shadow:0 20px 70px #102f3540;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.feedback-dialog::backdrop{background:#18333535;backdrop-filter:blur(2px)}.feedback-dialog-heading{gap:8px}.feedback-dialog-heading h2{font-size:1.5rem;margin:3px 0 14px}.feedback-dialog-heading button{font-size:1.7rem;min-width:44px;min-height:44px;padding:0;margin:-5px -6px 0 0;line-height:1}.feedback-dialog .helper{font-size:.85rem;line-height:1.5}.feedback-dialog input:not([type=radio]),.feedback-dialog textarea{width:100%;box-sizing:border-box;min-width:0}.feedback-dialog label{display:block;margin:14px 0 0;font-size:.86rem}.feedback-dialog input,.feedback-dialog textarea{font-size:16px}.feedback-dialog textarea{resize:vertical}.feedback-categories{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.feedback-categories label{position:relative;padding:9px 12px;border:1px solid #b4ccca;border-radius:20px;font-size:.8rem;margin:0;cursor:pointer}.feedback-categories label:has(:checked){background:#137b78;border-color:#137b78;color:#fff}.feedback-categories label:has(:focus-visible){outline:3px solid #70baaa77;outline-offset:2px}.feedback-categories input{position:absolute;opacity:0;width:1px;min-height:0;height:1px;padding:0;margin:0;pointer-events:none}.feedback-attachment-input{margin:14px 0}.feedback-attachment-input summary{cursor:pointer;font-size:.85rem;color:#176e6a}.feedback-attachment-input input{font-size:.8rem;margin:10px 0 6px;padding:8px}.feedback-dialog #feedback-screenshot-preview{max-width:100%;max-height:200px;margin-top:10px;border-radius:12px}.feedback-privacy{font-size:.77rem;line-height:1.5;margin:16px 0}.feedback-dialog .actions{gap:8px;margin-top:14px;flex-wrap:wrap}.feedback-dialog .actions button,.feedback-dialog .actions .button{padding:9px 14px;font-size:.85rem}.feedback-dialog .actions>a:not(.button){margin-left:auto;font-size:.82rem}.feedback-dialog [hidden],.feedback-detail [hidden]{display:none!important}.feedback-dialog #feedback-form-error:empty{display:none}.feedback-dialog .error{font-size:.85rem;overflow-wrap:anywhere}.feedback-success-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e0f1e9;color:#198267;font-size:1.4rem;margin-bottom:14px}#feedback-success h3{font-size:1.18rem}#feedback-success p{font-size:.9rem}
.feedback-inbox .sr-only,.feedback-dialog .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:850px){.feedback-layout{grid-template-columns:1fr}.feedback-inbox{padding:16px}#feedback-list{display:flex;gap:10px;overflow-x:auto;max-height:240px}.feedback-list-item{flex:0 0 240px}.feedback-detail{padding:18px}.feedback-detail-heading{flex-wrap:wrap}.feedback-status-label{max-width:none;width:100%}}
@media(max-width:480px){.feedback-dialog{left:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);padding:18px;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom))}.feedback-launcher{width:48px;height:48px;min-height:48px}.feedback-dialog .actions button,.feedback-dialog .actions .button{padding:9px 12px}}
@media(prefers-color-scheme:dark){.feedback-list-item,.feedback-comment{background:#122625;color:#e7f1ef;--ink:#e7f1ef;--muted:#b0c6c3}.feedback-dialog{background:#122625;border-color:#365f5b;color:#e7f1ef;--ink:#e7f1ef;--muted:#b0c6c3}.feedback-list-item.selected{background:#174441}.feedback-attachment-input summary{color:#99d8d0}.feedback-success-icon{background:#21483e;color:#a1e5c4}}

@media(prefers-color-scheme:dark){.feedback-dialog input:not([type=radio]),.feedback-dialog textarea{background:#203a38;border-color:#4c6e69;color:#edf5f3}.feedback-dialog input::placeholder,.feedback-dialog textarea::placeholder{color:#b4c5c2;opacity:1}.feedback-dialog .actions button:not(.primary),.feedback-dialog .actions .button{background:#203a38;color:#e7f1ef}.feedback-dialog .helper,.feedback-dialog small,.feedback-dialog p{color:#b0c6c3}.feedback-dialog-heading button{color:#e7f1ef}.feedback-dialog .error{color:#ffc0ba}}