chan14-contact{display:block}chan14-contact .contact-root{max-width:42rem;margin:0 auto;padding:2rem 1.5rem 4rem}chan14-contact .contact-progress{display:flex;align-items:center;gap:1rem;margin-bottom:3rem;font-size:.75rem;color:#737373}chan14-contact .contact-progress-meta{font-family:var(--font-mono, ui-monospace, monospace);font-weight:600;color:var(--color-ink);min-width:3rem}chan14-contact .contact-progress-divider{margin:0 .25rem;color:#a3a3a3}chan14-contact .contact-progress-bar{flex:1;height:2px;background:#e5e5e5;position:relative;overflow:hidden}chan14-contact .contact-progress-fill{position:absolute;inset:0;background:var(--color-brand-500);width:0%;transition:width .3s ease}chan14-contact .contact-reset{background:none;border:none;color:#737373;font-size:.75rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0}chan14-contact .contact-reset:hover{color:var(--color-ink)}chan14-contact .contact-eyebrow{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-brand-500);font-weight:600}chan14-contact .contact-title{margin-top:.75rem;font-size:1.875rem;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--color-ink)}@media(min-width:640px){chan14-contact .contact-title{font-size:2.25rem}}chan14-contact .contact-lead{margin-top:.75rem;color:#525252;line-height:1.7}chan14-contact .contact-options{margin-top:2rem;display:grid;gap:.625rem}chan14-contact .contact-options-color{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:640px){chan14-contact .contact-options-color{grid-template-columns:repeat(3,minmax(0,1fr))}}chan14-contact .contact-section{margin-top:2rem}chan14-contact .contact-section-title{font-size:.875rem;font-weight:600;color:var(--color-ink);margin-bottom:.625rem;letter-spacing:.02em}chan14-contact .contact-option{display:flex;align-items:center;gap:.75rem;width:100%;min-height:3.5rem;padding:.875rem 1.125rem;background:var(--color-paper);border:1px solid #d4d4d4;color:var(--color-ink);text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}chan14-contact .contact-option:hover{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}chan14-contact .contact-option.is-selected{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}chan14-contact .contact-option-label{display:block;font-weight:600;font-size:.9375rem}chan14-contact .contact-option-sub{display:block;font-size:.75rem;margin-top:.125rem;opacity:.7}chan14-contact .color-chip{flex-shrink:0;width:1rem;height:1rem;display:inline-block;border-radius:2px}chan14-contact .color-chip-empty{background:repeating-linear-gradient(45deg,#d4d4d4 0 3px,#fafafa 3px 6px)}chan14-contact .contact-textarea-wrap{margin-top:2rem}chan14-contact .contact-textarea-wrap textarea{width:100%;border:1px solid #d4d4d4;padding:.875rem 1rem;font-size:.9375rem;line-height:1.7;font-family:inherit;background:var(--color-paper);color:var(--color-ink);resize:vertical;min-height:8rem;outline:none}chan14-contact .contact-textarea-wrap textarea:focus{border-color:var(--color-brand-500)}chan14-contact .contact-counter{margin-top:.5rem;text-align:right;font-size:.75rem;color:#a3a3a3;font-family:var(--font-mono, ui-monospace, monospace)}chan14-contact .contact-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem}chan14-contact .contact-back{background:none;border:none;color:#737373;font-size:.875rem;cursor:pointer;padding:.5rem 0}chan14-contact .contact-back:hover{color:var(--color-ink)}chan14-contact .contact-next,chan14-contact .contact-submit{background:var(--color-ink);color:var(--color-paper);border:1px solid var(--color-ink);padding:.75rem 1.75rem;font-size:.875rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background-color .15s ease}chan14-contact .contact-next:hover:not(:disabled),chan14-contact .contact-submit:hover:not(:disabled){background:var(--color-brand-500);border-color:var(--color-brand-500)}chan14-contact .contact-next:disabled,chan14-contact .contact-submit:disabled{background:#d4d4d4;border-color:#d4d4d4;cursor:not-allowed}chan14-contact .contact-review{margin-top:2rem;border-top:1px solid #e5e5e5}chan14-contact .contact-review-row{display:grid;grid-template-columns:9rem 1fr auto;gap:1rem;padding:.875rem 0;border-bottom:1px solid #e5e5e5;align-items:baseline}chan14-contact .contact-review-row dt{font-size:.75rem;color:#737373;letter-spacing:.02em}chan14-contact .contact-review-row dd{font-size:.9375rem;color:var(--color-ink);margin:0}chan14-contact .contact-review-row dd em{color:#a3a3a3;font-style:normal}chan14-contact .contact-review-edit{background:none;border:none;color:var(--color-brand-500);cursor:pointer;font-size:.75rem;text-decoration:underline;text-underline-offset:2px;padding:0}chan14-contact .contact-review-edit:hover{color:var(--color-brand-700)}@media(max-width:480px){chan14-contact .contact-review-row{grid-template-columns:1fr auto}chan14-contact .contact-review-row dt{grid-column:1 / -1}}chan14-contact .contact-done{text-align:center}chan14-contact .contact-done-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-brand-500);color:var(--color-paper);font-size:1.75rem;border-radius:999px}chan14-contact .contact-done .contact-lead{max-width:28rem;margin-left:auto;margin-right:auto}chan14-contact .contact-done-fallback{margin-top:1.5rem;width:100%;border:1px solid #d4d4d4;padding:.875rem 1rem;font-size:.8125rem;font-family:var(--font-mono, ui-monospace, monospace);line-height:1.6;background:#fafafa}chan14-contact .contact-done-fallback-hint{margin-top:.5rem;font-size:.75rem;color:#b91c1c}chan14-contact .contact-done-actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.625rem;justify-content:center}chan14-contact .contact-done-action{background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-ink);padding:.625rem 1.25rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}chan14-contact .contact-done-action:hover{background:var(--color-ink);color:var(--color-paper)}
