.todoke-form,.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}.todoke-fields,.loopi-fields{display:flex;flex-direction:column;gap:1rem}.todoke-field,.loopi-field{display:flex;flex-direction:column;gap:.35rem}.todoke-field>span,.loopi-field>span{font-size:.8rem;font-weight:600;color:#3f3f46}.todoke-field input,.todoke-field textarea,.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}.todoke-field input:focus,.todoke-field textarea:focus,.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)}.todoke-field textarea,.loopi-field textarea{resize:vertical;min-height:5rem}.todoke-check,.loopi-check{flex-direction:row;align-items:flex-start;gap:.5rem;font-size:.85rem;color:#3f3f46}.todoke-check a,.loopi-check a{color:var(--lf-accent);text-decoration:underline}.todoke-submit,.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}.todoke-submit:hover,.loopi-submit:hover{background:var(--lf-accent-press)}.todoke-submit:disabled,.loopi-submit:disabled{opacity:.6;cursor:default}.todoke-msg[data-ok],.loopi-msg[data-ok]{color:#15803d;font-weight:600}.todoke-msg[data-err],.loopi-msg[data-err]{color:#b91c1c;font-weight:600}.todoke-field:has(input:required)>span:after,.todoke-field:has(textarea:required)>span:after,.loopi-field:has(input:required)>span:after,.loopi-field:has(textarea:required)>span:after{content:" *";color:#dc2626;font-weight:700}