.loopi-form{--lf-accent: #2563eb;--lf-accent-press: #1d4ed8;--lf-border: #d4d4d8;--lf-radius: 8px;display:flex;flex-direction:column;gap:1rem;max-width:40rem;background:#fff;border:1px solid #e4e4e7;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000f,0 6px 16px #0000000a}.loopi-fields{display:flex;flex-direction:column;gap:1rem}.loopi-field{display:flex;flex-direction:column;gap:.35rem}.loopi-field>span{font-size:.8rem;font-weight:600;color:#3f3f46}.loopi-field input,.loopi-field textarea{font:inherit;padding:.6rem .75rem;border:1px solid var(--lf-border);border-radius:var(--lf-radius);background:#fafafa;color:#18181b;transition:border-color .15s,box-shadow .15s,background .15s}.loopi-field input:focus,.loopi-field textarea:focus{outline:none;background:#fff;border-color:var(--lf-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--lf-accent) 22%,transparent)}.loopi-field textarea{resize:vertical;min-height:5rem}.loopi-check{flex-direction:row;align-items:flex-start;gap:.5rem;font-size:.85rem;color:#3f3f46}.loopi-check a{color:var(--lf-accent);text-decoration:underline}.loopi-submit{font:inherit;font-weight:600;color:#fff;background:var(--lf-accent);border:none;border-radius:var(--lf-radius);padding:.7rem 1rem;cursor:pointer}.loopi-submit:hover{background:var(--lf-accent-press)}.loopi-submit:disabled{opacity:.6;cursor:default}.loopi-msg[data-ok]{color:#15803d;font-weight:600}.loopi-msg[data-err]{color:#b91c1c;font-weight:600}.loopi-field:has(input:required)>span:after,.loopi-field:has(textarea:required)>span:after{content:" *";color:#dc2626;font-weight:700}