:root{color-scheme:light dark;--bg:#f4f7fa;--surface:#fff;--ink:#142535;--muted:#536779;--line:#d7e0e8;--blue:#116fc6;--focus:#178adb;--notice-bg:#edf4fb;--error:#b22c36;--success:#15714b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}a{color:var(--blue);text-underline-offset:3px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.feedback-shell{max-width:820px;padding:36px 30px 44px;margin:auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-weight:750;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:var(--surface);border-radius:10px;font-size:12px;letter-spacing:-.4px}.access-note{font-size:13px;color:var(--muted)}.page-intro{margin:42px 0 24px}.page-intro h1{font-size:clamp(32px,5.5vw,46px);line-height:1.2;letter-spacing:-.045em;margin:0 0 16px;font-weight:780}.page-intro p{color:var(--muted);margin:0}.notice{padding:14px 18px;border:1px solid #bbd2e7;border-radius:12px;background:var(--notice-bg);font-size:14px;margin:0 0 20px}.notice[hidden]{display:none}
form{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.field{margin-bottom:22px;min-width:0}.field-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px}label{display:block;font-weight:680;margin-bottom:8px;font-size:15px}.required,.optional{font-size:12px;font-weight:450;margin-left:8px;color:var(--muted)}input:not([type=file]),select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px 13px;background:var(--surface);color:var(--ink);min-height:48px}textarea{resize:vertical;min-height:160px}input::placeholder,textarea::placeholder{color:#728391}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--error)}.field-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:7px 0 0}#details-count{white-space:nowrap}
.drop-zone{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:23px;border:1.5px dashed #9aafc0;border-radius:12px;cursor:pointer;background:var(--bg);color:var(--muted)}.drop-zone strong{color:var(--ink);font-size:15px}.drop-zone span{font-size:13px}.drop-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-zone:focus-within{outline:3px solid var(--focus);outline-offset:3px}.drop-zone.is-dragover{border-color:var(--blue);background:var(--notice-bg)}.previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.preview{min-width:0;margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;position:relative;background:var(--bg)}.preview img{display:block;width:100%;height:114px;object-fit:contain}.preview figcaption{font-size:11px;color:var(--muted);padding:6px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview button{position:absolute;right:5px;top:5px;width:28px;height:28px;border:0;border-radius:50%;background:#152535;color:white;cursor:pointer;display:grid;place-items:center;font-size:17px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.privacy-note{font-size:13px;color:var(--muted);line-height:1.7;margin:5px 0 18px}.privacy-note strong{font-weight:550;overflow-wrap:anywhere}.submit-button{width:100%;min-height:56px;border:0;border-radius:11px;background:var(--blue);color:white;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:13px 20px;cursor:pointer}.submit-button:hover:enabled{background:#075ba6}.submit-button:disabled{cursor:not-allowed;opacity:.58}.submit-status{margin:0 0 12px;font-size:14px}.submit-status:empty{display:none}.submit-status[data-kind=error]{color:var(--error)}.submit-status[data-kind=success]{color:var(--success)}.page-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:12px;margin-top:20px}
@media(max-width:560px){.feedback-shell{padding:24px 16px 32px}.page-header{align-items:flex-start}.brand{font-size:14px}.access-note{font-size:11px;margin-top:9px}.page-intro{margin-top:32px}.page-intro h1{font-size:36px}form{padding:20px 16px}.field-row{grid-template-columns:1fr;gap:0}.previews{gap:8px}.preview img{height:88px}.optional{display:inline-block;margin-left:6px}.drop-zone span{font-size:12px}.page-footer{font-size:11px}}
@media(prefers-color-scheme:dark){:root{--bg:#0d151e;--surface:#15212c;--ink:#ecf2f7;--muted:#acbcc9;--line:#344553;--blue:#2588d9;--focus:#62b6f4;--notice-bg:#19324b;--error:#ff9b9b;--success:#78d8ac}.notice{border-color:#365a7b}.drop-zone{border-color:#59768d}}