@layer screen{.contact-form.sent-note{align-content:space-between;gap:48px;min-height:420px}.sent-note__letter{display:grid;justify-items:end;grid-gap:8px;gap:8px}.sent-note__bubble{display:grid;grid-gap:4px;gap:4px;max-width:min(420px,90%);margin:0;padding:12px 16px;border-radius:20px 20px 6px 20px;background:var(--mint);color:var(--on-signal);font-size:.95rem;line-height:1.5}.sent-note__body{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;overflow-wrap:anywhere}.sent-note__bubble b{display:block;font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--on-signal) 60%,transparent)}.sent-note__meta{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--ink-3)}.sent-note__meta svg{width:16px;height:16px;color:var(--signal)}.sent-note__words{display:grid;grid-gap:16px;gap:16px;justify-items:start}.sent-note__words h3{margin:0}.sent-note__words p{margin:0;max-width:44ch;color:var(--ink-2)}.contact-form{display:grid;height:100%;grid-gap:22px;gap:22px;align-content:start;padding:clamp(22px,3.4vw,44px);border-radius:var(--r-xl);background:var(--paper-2)}.contact-topics{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}.contact-topics legend{float:left;width:100%;margin-bottom:4px}.contact-topics__chip input{position:absolute;opacity:0;pointer-events:none}.contact-topics__chip span{display:inline-block;padding:9px 16px;border-radius:var(--r-full);background:var(--paper);color:var(--ink-2);font-size:.88rem;cursor:pointer;transition:background var(--dur-fast) var(--ease)}.contact-topics__chip input:checked+span{background:var(--ink);color:var(--paper)}}@layer screen{.contact-topics__chip input:focus-visible+span{outline:2px solid var(--signal);outline-offset:2px}.contact-form__hint{margin:0;padding:12px 14px;border-radius:14px;background:var(--signal-soft);color:var(--signal-text);font-size:.86rem}.contact-form__hint a{color:inherit;font-weight:550}.contact-form__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:start}.contact-form__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.contact-form__foot small{max-width:34ch;color:var(--ink-3);font-size:.8rem}@media (max-width:560px){.contact-form__pair{grid-template-columns:minmax(0,1fr)}}}