.pet-tools { display:flex; flex-wrap:wrap; gap:6px; flex-shrink:0; }
.pet-tools .chip { font-size:12px; padding:6px 10px; }
.pet-tools [hidden] { display:none; }
.feedback-dialog { width:min(620px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); box-sizing:border-box; overflow:auto; padding:24px; border:1px solid var(--line); border-radius:22px; background:var(--card); color:var(--paper); box-shadow:0 20px 80px #0006; }
.feedback-dialog::backdrop { background:#030b1870; }
.feedback-head { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.feedback-head > div { flex:1; }
.feedback-head h2 { font-size:21px; margin:2px 0; }
.feedback-head small { color:var(--dim); font-size:12px; }
.feedback-dialog p { line-height:1.7; }
.feedback-lead { font-size:15px; }
.feedback-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:20px 0; }
.feedback-dialog label { display:block; font-size:14px; }
.feedback-dialog select,.feedback-dialog textarea { display:block; width:100%; box-sizing:border-box; margin-top:7px; padding:10px 12px; background:var(--raised); color:var(--paper); border:1px solid var(--line); border-radius:10px; font:inherit; font-size:16px; }
.feedback-dialog textarea { min-height:156px; resize:vertical; line-height:1.65; }
.feedback-dialog :focus-visible,.muzi-intro :focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.feedback-count { display:flex; justify-content:space-between; gap:8px; color:var(--dim); font-size:12px; margin:8px 0 16px; }
.feedback-dialog .feedback-context { display:flex; gap:8px; align-items:center; }
.feedback-context input { width:17px; height:17px; accent-color:var(--blue); }
.feedback-status { min-height:24px; color:var(--blue); font-size:14px; }
.feedback-actions,.feedback-tabs { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:14px 0; }
.feedback-actions > .btn { margin-left:auto; }
.feedback-tabs [aria-pressed=true] { border-color:var(--blue); color:var(--blue); }
.feedback-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:18px 0; }
.feedback-summary > div { padding:14px 10px; border:1px solid var(--line); border-radius:12px; }
.feedback-summary strong { display:block; font-size:25px; color:var(--blue); }
.feedback-summary span { color:var(--dim); font-size:13px; }
.feedback-item { border-top:1px solid var(--line); padding:18px 0; }
.feedback-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:13px; }
.feedback-meta span,.feedback-item > small { color:var(--dim); }
.feedback-body { white-space:pre-wrap; overflow-wrap:anywhere; font-size:15px; }
.feedback-state { margin-top:12px; max-width:180px; }
.feedback-empty { padding:24px 0; color:var(--dim); }
.feedback-success { text-align:center; padding:18px 0; }
.feedback-success > span { display:inline-grid; place-items:center; width:52px; height:52px; border-radius:50%; background:var(--raised); color:var(--blue); font-size:28px; }
.muzi-intro { position:fixed; width:min(260px,calc(100vw - 24px)); box-sizing:border-box; z-index:25; padding:16px; border:1px solid var(--line); border-radius:18px; background:var(--card); color:var(--paper); box-shadow:0 8px 32px #0004; }
.muzi-intro[hidden] { display:none; }
.muzi-intro::after { content:""; position:absolute; bottom:-7px; left:50%; width:12px; height:12px; transform:rotate(45deg); border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--card); }
.muzi-intro strong { font-size:15px; }
.muzi-intro p { font-size:13px; line-height:1.65; margin:8px 0 12px; }
.muzi-dismiss { float:right; padding:0 3px; border:0; color:var(--dim); background:none; font-size:21px; cursor:pointer; }
@media(max-width:420px) { .feedback-dialog { padding:18px; } .feedback-head { gap:8px; } .feedback-head h2 { font-size:19px; } }