.riffy-field{display:block;width:100%;box-sizing:border-box;font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-fg-body);background:var(--color-input-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-8);padding:0 16px}.riffy-field::placeholder{color:#949494}.riffy-field:hover:not(:disabled):not([aria-invalid=true]){border-color:#000}.riffy-field:focus{outline:none;border-color:var(--color-primary-strong)}.riffy-field:focus-visible{outline:none;border-color:var(--color-primary-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent)}.riffy-field[aria-invalid=true]{border-color:var(--color-danger)}.riffy-field[aria-invalid=true]:hover:not(:disabled){border-color:#a90000}.riffy-field[aria-invalid=true]:focus{border-color:var(--color-danger)}.riffy-field[aria-invalid=true]:focus-visible{border-color:var(--color-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 25%,transparent)}.riffy-field:disabled{border-color:var(--color-border);background:var(--color-surface);color:#949494;cursor:not-allowed}.riffy-field[readonly]{border-style:dashed}.riffy-field--sm{height:40px}.riffy-field--md{height:48px}.riffy-field--lg{height:56px}textarea.riffy-field{height:auto;min-height:96px;padding:12px 16px;line-height:1.7;resize:vertical}select.riffy-field{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}input.riffy-field:is([type=date],[type=time],[type=datetime-local],[type=month]){-webkit-appearance:none;appearance:none;min-width:0;text-align:left}input.riffy-field--sm:is([type=date],[type=time],[type=datetime-local],[type=month]){line-height:38px}input.riffy-field--md:is([type=date],[type=time],[type=datetime-local],[type=month]){line-height:46px}input.riffy-field--lg:is([type=date],[type=time],[type=datetime-local],[type=month]){line-height:54px}input.riffy-field::-webkit-date-and-time-value{margin:0;text-align:left}.riffy-choice{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-fg-body);cursor:pointer}.riffy-choice input[type=checkbox],.riffy-choice input[type=radio]{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;flex-shrink:0;box-sizing:border-box;border:1.5px solid var(--color-border-strong);background-color:#fff;background-repeat:no-repeat;background-position:50%;cursor:pointer;transition:background-color .1s ease,border-color .1s ease}.riffy-choice input[type=checkbox]{border-radius:var(--radius-4)}.riffy-choice input[type=radio]{border-radius:var(--radius-full)}.riffy-choice input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.5'/%3E%3C/svg%3E");background-size:16px 16px}.riffy-choice input[type=radio]:checked{border-color:var(--color-primary);background-image:radial-gradient(circle at center,var(--color-primary) 0 5px,transparent 6px)}.riffy-choice input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.riffy-choice:has(input:disabled){color:#949494;cursor:not-allowed}.riffy-choice input:disabled{border-color:var(--color-border);background-color:var(--color-surface);cursor:not-allowed}.riffy-choice input[type=checkbox]:disabled:checked{background-color:#cccccc;border-color:#cccccc}.riffy-choice input[type=radio]:disabled:checked{border-color:#cccccc;background-image:radial-gradient(circle at center,#cccccc 0 5px,transparent 6px)}