.feedback-shell {max-width: 58rem; padding-top: 4rem; padding-bottom: 5rem}
.feedback-shell h1 {font-size: clamp(2rem, 5vw, 3.4rem); letter-spacing: -.04em; line-height: 1.2}
.feedback-shell h2 {font-size: 1.4rem; margin: 0 0 1rem}
.feedback-shell .feedback-intro {color: var(--ink-2); margin: 1rem 0 2rem; line-height: 1.8}
.feedback-toolbar {display:flex; flex-wrap:wrap; gap:.8rem; align-items:center; margin: 1.5rem 0}
.feedback-shell select,.feedback-shell input,.feedback-shell textarea {background:var(--surface); color:var(--ink); border:1px solid var(--rule-strong); border-radius:.65rem; padding:.8rem; width:100%; font:inherit}
.feedback-shell select {width:auto; max-width:100%}
.feedback-shell textarea {resize:vertical; min-height:10rem; line-height:1.7}
.feedback-shell :focus-visible {outline:2px solid var(--blue-hi); outline-offset:3px}
.feedback-shell button {cursor:pointer; border:1px solid var(--rule-strong); border-radius:.65rem; padding:.65rem 1rem; background:var(--surface-2); color:var(--ink); font:inherit}
.feedback-shell button.primary {background:var(--blue); border-color:var(--blue); color:white}
.feedback-shell button:disabled {opacity:.55; cursor:wait}
.feedback-card,.feedback-form {padding:1.5rem; margin:1rem 0; background:var(--surface); border:1px solid var(--rule); border-radius:1rem}
.feedback-card h3 {font-size:1.15rem; margin:.75rem 0}
.feedback-card a {color:var(--ink); text-decoration:none}
.feedback-card a:hover {color:var(--blue-hi)}
.feedback-card p {line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere}
.feedback-card .feedback-meta {font-size:.85rem; color:var(--dim); display:flex; flex-wrap:wrap; gap:.6rem}
.feedback-form {display:grid; gap:1rem; scroll-margin-top:6rem}
.feedback-form label {display:grid; gap:.5rem; font-size:.95rem; min-width:0}
.feedback-form label[hidden],.feedback-shell [hidden] {display:none!important}
.feedback-fields {display:grid; gap:1rem; grid-template-columns:1fr 1fr}
.feedback-note {font-size:.86rem; line-height:1.8; color:var(--dim)}
.feedback-status {line-height:1.8; color:var(--blue-hi); min-height:1.8em; overflow-wrap:anywhere}
.feedback-mine {margin-top:1.75rem; border-top:1px solid var(--rule); scroll-margin-top:5rem; color:var(--ink-2)}
.feedback-mine summary {cursor:pointer; padding:1rem 0; font-size:.9rem}
#feedback-mine-count {color:var(--dim)}
.feedback-mine-content {padding:0 0 1rem}
.feedback-mine .feedback-card {padding:1rem; margin:.75rem 0}
.feedback-mine .feedback-card h3 {font-size:1rem}
.feedback-mine .feedback-card p {font-size:.9rem}
.feedback-mine button {font-size:.85rem; padding:.45rem .75rem}
.feedback-form .feedback-status:empty {display:none}
.feedback-extra summary {cursor:pointer; color:var(--ink-2); padding:.5rem 0}
.feedback-extra[open] label {margin-top:1rem}
@media(max-width:600px){.feedback-form input,.feedback-form textarea,.feedback-form select{font-size:16px}.feedback-form button[type=submit]{min-height:48px}}
.feedback-actions {display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1rem}
@media(max-width:600px){.feedback-fields{grid-template-columns:1fr}.feedback-card,.feedback-form{padding:1rem}.feedback-shell{padding-top:2.5rem}.feedback-toolbar>*{flex:1}}