@font-face{font-family:"Private Attachment Icon";src:url("/public/attachment-icon.woff2") format("woff2");font-style:normal;font-weight:normal;font-display:block;unicode-range:U+F0C6}:root{color-scheme:light;--surface:#fff;--ink:#1f2937;--muted:#374151;--line:#d1d5db;--accent:#2563eb;--soft:#f3f4f6}*{box-sizing:border-box}body{padding:16px!important;background:#f3f4f6!important;color:var(--ink)}.message-card{width:100%;max-width:576px;padding:32px;background:var(--surface);border:0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.eyebrow{display:block;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.03em;margin-bottom:12px}.message-card h1{font-size:30px;font-weight:700;line-height:36px;text-align:center;margin-bottom:24px}.intro{color:var(--muted);font-size:16px;line-height:24px;margin:0 0 24px}.field-label{display:block;font-size:18px;line-height:28px;font-weight:500;color:var(--muted);margin-bottom:8px}textarea{display:block;width:100%;resize:none;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:6px;color:#374151;font:inherit;font-size:16px;line-height:24px}textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.attachments{margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-heading h2{font-size:14px;font-weight:700}.section-heading h2 span{font-weight:400;color:var(--muted);margin-right:5px}.limit{font-size:12px;color:var(--muted)}.drop-zone{position:relative;text-align:center;border:1px dashed var(--line);border-radius:6px;padding:20px;background:var(--soft);transition:background .15s,border-color .15s}.drop-zone.dragging,.drop-zone:focus-within{border-color:var(--accent);background:#eaf1ff;outline:2px solid var(--accent);outline-offset:2px}.upload-symbol{display:block;margin:0 auto 8px;width:36px;height:36px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--accent);font:normal 24px/34px "Private Attachment Icon"}.choose-files{color:var(--accent);font-weight:700;font-size:14px}.drop-zone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.drop-zone input:disabled{cursor:not-allowed}.drop-zone p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:6px}.file-list{list-style:none;padding:0;margin:10px 0}.file-list li{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.file-name{flex:1;min-width:0;overflow-wrap:anywhere;unicode-bidi:plaintext}.file-size{color:var(--muted);white-space:nowrap;font-size:11px}.remove-file{color:var(--muted);padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);cursor:pointer}.status,.notice{font-size:12px;color:var(--muted);line-height:1.8;margin:8px 0}.error{padding:12px;border:1px solid #f3b5b5;background:#fff0f0;color:#9f2020;border-radius:10px;font-size:13px;margin:12px 0}.send-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;border-radius:6px;padding:8px 16px;background:var(--accent);color:#fff;font:inherit;font-size:18px;line-height:28px;font-weight:700;margin-top:24px;cursor:pointer}.send-button:hover{background:#1d4ed8}.send-button:disabled{opacity:.65;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.privacy-note{font-size:11px;color:var(--muted);line-height:1.9;margin-top:14px;text-align:center}#upload-progress{font-size:12px;color:var(--muted);margin-top:14px}progress{display:block;width:100%;height:8px;accent-color:var(--accent);margin:8px 0}[hidden]{display:none!important}@media(max-width:480px){.section-heading{flex-wrap:wrap}}@media(prefers-color-scheme:dark){:root{--surface:#1f2937;--ink:#f3f4f6;--muted:#d1d5db;--line:#4b5563;--accent:#2563eb;--soft:#111827}body{background:#111827!important}.choose-files,.upload-symbol{color:#93c5fd}.drop-zone.dragging,.drop-zone:focus-within{background:#1f2937}.error{background:#341d25;color:#ffc3c3;border-color:#79444c}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
